前端学习进化路线

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和并发的同样。

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