前端学习路线记录

项目需要，前端转型，人手不够，开始不足一个月的前端学习，完成Vue的开发。现在总结一下学习记录。

HTML5

重敲了一遍 w3school上的所有例子。理解HTML基本语法规范，连接之间跳转，节点子节点层级关系。因为这次有图形化的功能添加，主要关注点在SVG矢量图、Canvas位图部分。

CSS3

我原来觉得CSS很复杂，其实主要原因是没有好好认真官方文档，只是碎片化的搜索，导致时间都浪费了。要学好CSS最关键就是要仔细的读文档!!!.
MDN Web Doc
这次的关注点主要在：复习基础语法，盒子模型、常用布局、CSS3的新增动画，两个CSS预处理工具 LESS 和SaSS。

JavaScript

复习ES5的基础语法，这里我阅读的是阮一峰老师的js文档 JavaScript 标准参考教程通读一遍，包括标准库、面向对象编程、DOM、 BOM。
学习新的ES6语法，我也是阅读是阮一峰老师翻译的文档 ECMAScript 6

响应式开发

之前一直认为响应式开发是一个很炫的词，了解过后其实在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。然后通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。
简单说就是用‘媒体查询条件’@media 进行屏幕宽度的判断，然后显示不同页面，提高用户体验。学习一下bootstrap框架。

前端发展历史

前端发展的速度这几年有点太快了，如果不了解历史，不从全局看一下，都不明白为什么要这么发展下来，无法将几个零散的系统串起来，更没法将原来理解的前端和现在的串起来。前端开发的历史和趋势、前端模块化演化阶段
主要了解新的mvvc概念、模块化概念、前后端分离。

NodeJS

Node的意义太大了，学完node后，前端就改名叫全栈了，Node让js成为服务器语言，可以完成IO，网络通信，数据库操作等。
我这里主要学了一下 npm包管理工具的使用。

Vue基础

Vue是国人开发的，所以官方文档阅读起来酣畅淋漓，直接照着例子 敲一遍就会使用了 VUE官方文档

webpack 结合 Vue

webpack 也是有中文文档的，它支持es5的语法，所以如果和vue结合需要作很多改变，包括vue引包方式，vue注册方式等，目前webpack我只能看懂最简单的部分，后续还要继续研究。使用vue-cli脚手架就是依赖webpack自动化生成的。

后续

前端知识还有很多要深入研究的，那些都是平时虽说用不上，但想研究透彻运行原理就不得不学的，就像java中的jvm和并发的一样。

• 浏览器原理
• 网络协议
• 等