項(xiàng)目需要，前端轉(zhuǎn)型姜胖，人手不夠誉帅，開始不足一個(gè)月的前端學(xué)習(xí)，完成Vue的開發(fā)∮依常現(xiàn)在總結(jié)一下學(xué)習(xí)記錄蚜锨。
HTML5
重敲了一遍 w3school上的所有例子。理解HTML基本語法規(guī)范慢蜓，連接之間跳轉(zhuǎn)亚再，節(jié)點(diǎn)子節(jié)點(diǎn)層級(jí)關(guān)系。因?yàn)檫@次有圖形化的功能添加晨抡，主要關(guān)注點(diǎn)在SVG矢量圖氛悬、Canvas位圖部分。
CSS3
我原來覺得CSS很復(fù)雜耘柱，其實(shí)主要原因是沒有好好認(rèn)真官方文檔如捅，只是碎片化的搜索，導(dǎo)致時(shí)間都浪費(fèi)了调煎。要學(xué)好CSS最關(guān)鍵就是要仔細(xì)的讀文檔!!!.
MDN Web Doc
這次的關(guān)注點(diǎn)主要在：復(fù)習(xí)基礎(chǔ)語法镜遣，盒子模型、常用布局士袄、CSS3的新增動(dòng)畫烈涮，兩個(gè)CSS預(yù)處理工具 LESS 和SaSS朴肺。
JavaScript
復(fù)習(xí)ES5的基礎(chǔ)語法，這里我閱讀的是阮一峰老師的js文檔 JavaScript 標(biāo)準(zhǔn)參考教程通讀一遍坚洽，包括標(biāo)準(zhǔn)庫(kù)戈稿、面向?qū)ο缶幊獭OM讶舰、 BOM鞍盗。
學(xué)習(xí)新的ES6語法，我也是閱讀是阮一峰老師翻譯的文檔 ECMAScript 6
響應(yīng)式開發(fā)
之前一直認(rèn)為響應(yīng)式開發(fā)是一個(gè)很炫的詞跳昼，了解過后其實(shí)在實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁(yè)的不同展示方式般甲。然后通過響應(yīng)式設(shè)計(jì)能使網(wǎng)站在手機(jī)和平板電腦上有更好的瀏覽閱讀體驗(yàn)。
簡(jiǎn)單說就是用‘媒體查詢條件’@media 進(jìn)行屏幕寬度的判斷鹅颊，然后顯示不同頁(yè)面敷存，提高用戶體驗(yàn)。學(xué)習(xí)一下bootstrap框架堪伍。
前端發(fā)展歷史
前端發(fā)展的速度這幾年有點(diǎn)太快了锚烦，如果不了解歷史，不從全局看一下帝雇，都不明白為什么要這么發(fā)展下來涮俄，無法將幾個(gè)零散的系統(tǒng)串起來，更沒法將原來理解的前端和現(xiàn)在的串起來尸闸。前端開發(fā)的歷史和趨勢(shì)彻亲、前端模塊化演化階段
主要了解新的mvvc概念、模塊化概念吮廉、前后端分離苞尝。
NodeJS
Node的意義太大了，學(xué)完node后宦芦，前端就改名叫全棧了宙址，Node讓js成為服務(wù)器語言，可以完成IO踪旷，網(wǎng)絡(luò)通信曼氛，數(shù)據(jù)庫(kù)操作等。
我這里主要學(xué)了一下 npm包管理工具的使用令野。
Vue基礎(chǔ)
Vue是國(guó)人開發(fā)的舀患，所以官方文檔閱讀起來酣暢淋漓，直接照著例子 敲一遍就會(huì)使用了 VUE官方文檔
webpack 結(jié)合 Vue
webpack 也是有中文文檔的气破，它支持es5的語法聊浅，所以如果和vue結(jié)合需要作很多改變，包括vue引包方式，vue注冊(cè)方式等低匙，目前webpack我只能看懂最簡(jiǎn)單的部分旷痕，后續(xù)還要繼續(xù)研究。使用vue-cli腳手架就是依賴webpack自動(dòng)化生成的顽冶。
后續(xù)
前端知識(shí)還有很多要深入研究的欺抗，那些都是平時(shí)雖說用不上，但想研究透徹運(yùn)行原理就不得不學(xué)的强重，就像java中的jvm和并發(fā)的一樣绞呈。
- 瀏覽器原理
- 網(wǎng)絡(luò)協(xié)議
- 等
