es6标准入门第3版pdf_最仔细，快速入门Web前端研发的正确姿势

1fy07h

入门标准

入门标准很简单，就一条：达到能参与 Web 前端实质项目的研发水平。请重视，是实质项目，这就必须认识如今的实质项目研发都用了那些技术栈。HTML/CSS/JavaScript 这三大基本技术栈肯定是必须把握的，但要能参与实质项目研发，肯定还要把握其他有些主流的框架体系。

几年前， jQuery + Bootstrap 能够说是一统江湖，是前端行业的绝对霸主。而这几年，随着 Angular、React、Vue 等框架的兴起，变成为了百家争鸣的局面。这几年，Web 前端的技术发展真是太快了，相应地，技术栈亦就变得非常多，除了最基本的 HTML/CSS/JavaScript，以及 Vue/React/Angular 等这些 JavaScript 框架和各自的生态体系，还有 CSS 预处理器 Sass/Less/Stylus，还有 TypeScript，还有 grunt/webpack/gulp 等各样打包构建工具，还有其他一大堆技术栈。

这么多技术栈，咱们不可能全都把握，就算是资深的前端工程师，亦只是精通其中一部分，例如，有些精通 Angular，有些把握 React，有些则熟悉 Vue，很少有人对三种框架生态体系都非常认识。因此呢，咱们入门亦不必每种框架都学习，只要挑选一种就够了。况且，做为全栈，咱们学习一门技术更要紧的是要学习技术暗地里的编程思想、设计思想、架构思想等。而不管是 Angular、React 还是 Vuew，其暗地里的核心设计思想都是组件化的设计，因此呢只要把握一种框架，咱们亦就能学习到前端技术的核心思想了。

那样，咱们应该学哪种框架体系呢？我的意见是从 Vue 起始，由于 Vue 的学习成本是最低的，入门简单，况且这两年 Vue 能够说是显现了爆发式的增长，已然直逼 React。React 的重点学习成本在于要把握 JSX 语法，况且文档还大多都是英文。Vue 由于是国人研发和守护的，自然对国内的研发者更友好。Angular 则是个大而全的框架，显出太重，学习成本自然最高。至于 jQuery + Bootstrap 这套，已然过时了，意见不必去学习了，毕竟咱们的时间很宝贵，还有一大堆更有价值的东西等着咱们去学。

因此呢，咱们要入门 Web 前端研发的话，除了要学习 HTML/CSS/JavaScript 三大基本技术栈，还要认识 Vue 体系。而 Vue 体系，除了 Vue 框架本身，还包含其他技术栈，这个后面再说。

HTML/CSS/JavaScript

HTML、CSS、JavaScript 是前端的核心基本，因此必要要把握。HTML 重点便是 HTML5，相比之前的版本，新增了非常多新特性。CSS 则重点是 CSS3 了，相比以前的版本，重点便是作了模块化的拆分。JavaScript 其实分为三部分：ECMAScript、DOM 和 BOM。ECMAScript 简叫作 ES，是 JavaScript 的核心，日前最新版本已然是 ES2017，是 ES6 的第三个小版本。DOM 是文档对象模型，其实便是一套拜访和操作 HTML 所有元素的 API。BOM 则是浏览器对象模型，用于拜访和操作浏览器的有些特性。

HTML/CSS/JavaScript 的学习资源比较多，我举荐几个。首要是 w3school 的系列教程：

HTML：该教程亦包含了 HTML5 新增的内容，但讲得没下面专门讲解 HTML5 的细，因此该教程我意见只看 HTML 基本教程和表单部分就可

HTML5：该教程讲解了 HTML5 的新特性

CSS：该教程并不包含 CSS3 新增的特性，因此还必须学习下面的 CSS3 的教程

CSS3：该教程内容比较少，只包括 CSS3 新增的特性

JavaScript：该教程只是讲解了非常基本的语法

不外，我更举荐菜鸟的教程，内容虽然亦是来自 w3school，但部分内容比 w3school 的更仔细，以下是教程位置：

HTML：http://www.runoob.com/html/h

j8typz

我深受你的启发，你的话语是我前进的动力。

b1gc8v

楼主节操掉了，还不快捡起来！

nykek5i

我完全同意你的观点，说得太对了。