前端學習路線記錄
專案需要,前端轉型,人手不夠,開始不足一個月的前端學習,完成Vue的開發。現在總結一下學習記錄。
HTML5/">HTML5
重敲了一遍ofollow,noindex">w3school 上的所有例子。理解HTML基本語法規範,連線之間跳轉,節點子節點層級關係。因為這次有圖形化的功能新增,主要關注點在SVG向量圖、Canvas點陣圖部分。
CSS3
我原來覺得CSS很複雜,其實主要原因是沒有好好認真官方文件,只是碎片化的搜尋,導致時間都浪費了。要學好CSS最關鍵就是要仔細的讀文件!!! .
這次的關注點主要在:複習基礎語法,盒子模型、常用佈局、CSS3的新增動畫,兩個CSS預處理工具 LESS 和SaSS。
JavaScript/">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和併發的一樣。
- 瀏覽器原理
- 網路協議
- 等