es6标准入门第3版pdf_最仔细，快速入门Web前端研发的正确姿势
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">入门标准</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">入门标准很简单，就一条：达到能参与 Web 前端<span style="color: black;">实质</span>项目的<span style="color: black;">研发</span>水平。请<span style="color: black;">重视</span>，是<span style="color: black;">实质</span>项目，这就<span style="color: black;">必须</span><span style="color: black;">认识</span>如今的<span style="color: black;">实质</span>项目<span style="color: black;">研发</span>都用了<span style="color: black;">那些</span>技术栈。HTML/CSS/JavaScript 这三大<span style="color: black;">基本</span>技术栈肯定是<span style="color: black;">必须</span><span style="color: black;">把握</span>的，但要能参与<span style="color: black;">实质</span>项目<span style="color: black;">研发</span>，肯定还要<span style="color: black;">把握</span>其他<span style="color: black;">有些</span>主流的框架体系。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">几年前， jQuery + Bootstrap <span style="color: black;">能够</span>说是一统江湖，是前端<span style="color: black;">行业</span>的绝对霸主。而这几年，随着 Angular、React、Vue 等框架的兴起，变<span style="color: black;">成为了</span>百家争鸣的局面。这几年，Web 前端的技术发展真是太快了，相应地，技术栈<span style="color: black;">亦</span>就变得非常多，除了最基本的 HTML/CSS/JavaScript，以及 Vue/React/Angular 等这些 JavaScript 框架和各自的生态体系，还有 CSS 预处理器 Sass/Less/Stylus，还有 TypeScript，还有 grunt/webpack/gulp 等<span style="color: black;">各样</span>打包构建<span style="color: black;">工具</span>，还有其他一大堆技术栈。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这么多技术栈，<span style="color: black;">咱们</span>不可能全都<span style="color: black;">把握</span>，就算是资深的前端工程师，<span style="color: black;">亦</span>只是精通其中一部分，<span style="color: black;">例如</span>，有些精通 Angular，有些<span style="color: black;">把握</span> React，有些则熟悉 Vue，很少有人对三种框架生态体系都非常<span style="color: black;">认识</span>。<span style="color: black;">因此呢</span>，<span style="color: black;">咱们</span>入门<span style="color: black;">亦</span><span style="color: black;">不必</span>每种框架都学习，只要挑选一种就够了。<span style="color: black;">况且</span>，<span style="color: black;">做为</span>全栈，<span style="color: black;">咱们</span>学习一门技术更<span style="color: black;">要紧</span>的是要学习技术<span style="color: black;">暗地里</span>的编程思想、设计思想、架构思想等。而不管是 Angular、React 还是 Vuew，其<span style="color: black;">暗地里</span>的核心设计思想都是组件化的设计，<span style="color: black;">因此呢</span>只要<span style="color: black;">把握</span>一种框架，<span style="color: black;">咱们</span><span style="color: black;">亦</span>就能学习到前端技术的核心思想了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">那样</span>，<span style="color: black;">咱们</span>应该学哪种框架体系呢？我的<span style="color: black;">意见</span>是从 Vue <span style="color: black;">起始</span>，<span style="color: black;">由于</span> Vue 的学习成本是最低的，入门简单，<span style="color: black;">况且</span>这两年 Vue <span style="color: black;">能够</span>说是<span style="color: black;">显现</span>了爆发式的增长，<span style="color: black;">已然</span>直逼 React。React 的<span style="color: black;">重点</span>学习成本在于要<span style="color: black;">把握</span> JSX 语法，<span style="color: black;">况且</span>文档还大多都是英文。Vue <span style="color: black;">由于</span>是国人<span style="color: black;">研发</span>和<span style="color: black;">守护</span>的，自然对国内的<span style="color: black;">研发</span>者更友好。Angular 则是个大而全的框架，<span style="color: black;">显出</span>太重，学习成本自然最高。至于 jQuery + Bootstrap 这套，<span style="color: black;">已然</span>过时了，<span style="color: black;">意见</span><span style="color: black;">不必</span>去学习了，毕竟<span style="color: black;">咱们</span>的时间很宝贵，还有一大堆更有价值的东西等着<span style="color: black;">咱们</span>去学。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">因此呢</span>，<span style="color: black;">咱们</span>要入门 Web 前端<span style="color: black;">研发</span>的话，除了要学习 HTML/CSS/JavaScript 三大<span style="color: black;">基本</span>技术栈，还要<span style="color: black;">认识</span> Vue 体系。而 Vue 体系，除了 Vue 框架本身，还<span style="color: black;">包含</span>其他技术栈，这个后面再说。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML/CSS/JavaScript</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML、CSS、JavaScript 是前端的核心<span style="color: black;">基本</span>，<span style="color: black;">因此</span><span style="color: black;">必要</span>要<span style="color: black;">把握</span>。HTML <span style="color: black;">重点</span><span style="color: black;">便是</span> HTML5，相比之前的版本，新增了<span style="color: black;">非常多</span>新特性。CSS 则<span style="color: black;">重点</span>是 CSS3 了，相比以前的版本，<span style="color: black;">重点</span><span style="color: black;">便是</span>作了模块化的拆分。JavaScript 其实分为三部分：ECMAScript、DOM 和 BOM。ECMAScript 简<span style="color: black;">叫作</span> ES，是 JavaScript 的核心，<span style="color: black;">日前</span>最新版本<span style="color: black;">已然</span>是 ES2017，是 ES6 的第三个小版本。DOM 是文档对象模型，其实<span style="color: black;">便是</span>一套<span style="color: black;">拜访</span>和操作 HTML 所有元素的 API。BOM 则是浏览器对象模型，用于<span style="color: black;">拜访</span>和操作浏览器的<span style="color: black;">有些</span>特性。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML/CSS/JavaScript 的学习资源比较多，我<span style="color: black;">举荐</span>几个。<span style="color: black;">首要</span>是 w3school 的系列教程：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML：该教程<span style="color: black;">亦</span><span style="color: black;">包含</span>了 HTML5 新增的内容，但讲得没下面专门讲解 HTML5 的细，<span style="color: black;">因此</span>该教程我<span style="color: black;">意见</span>只看 HTML <span style="color: black;">基本</span>教程和表单部分<span style="color: black;">就可</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML5：该教程讲解了 HTML5 的新特性</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS：该教程并不<span style="color: black;">包含</span> CSS3 新增的特性，<span style="color: black;">因此</span>还<span style="color: black;">必须</span>学习下面的 CSS3 的教程</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS3：该教程内容比较少，只<span style="color: black;">包括</span> CSS3 新增的特性</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">JavaScript：该教程只是讲解了非常<span style="color: black;">基本</span>的语法</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">不外</span>，我更<span style="color: black;">举荐</span>菜鸟的教程，内容虽然<span style="color: black;">亦</span>是来自 w3school，但部分内容比 w3school 的更<span style="color: black;">仔细</span>，以下是教程<span style="color: black;">位置</span>：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML：<a style="color: black;"><span style="color: black;">http://www.</span></a><span style="color: black;">runoob.com/html/h</span></p>
我深受你的启发，你的话语是我前进的动力。 楼主节操掉了，还不快捡起来！
页:
[1]