前端學習進化路線

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和併發的同樣。

• 瀏覽器原理
• 網絡協議
• 等