2018年web前端學習路線圖

前端的的技術一直在變化，更新和變革，如今基本是三駕馬車(vue,angualr,react)主導整個前端框架，可是不管對於新人或者有經驗的程序員，這些知識在必須掌握

前端必會技能

上圖羅列了整個前端的一些技術架構，可能有些東西已通過時了，可是如下這些東西必須得了解和掌握。

1. html的語法、格局，經常使用的標籤極端做用，瞭解標籤的嵌套。

2. 學習運用firefox+firebug或許chrom的調試工具，能夠運用這些工具調試html、css、js、斷點調試、抓包 2.怎麼引入css、js。

3. 瞭解id、class屬性的區別，學會css的經常使用選擇器，瞭解盒子模型（padding，margin，border，width，height，），css座標系，css佈局（position的absolute、relative 、fixed、static），css浮動（float：left、right ）和清除浮動clear）,display:inline、block、inline-block、flex 3。

4. 瞭解掌握js的執行順序，基本的編程基礎（變量、運算、流程操控、數組、調用函數、自定義函數、對象）、json、js的dom操做、js的事件機制（委託、綁定、監聽，冒泡和阻撓冒泡，兼容性），瞭解ajax的xmlhttprequest及其建立辦法（多瀏覽器兼容）、跨域，明白其做業原理。

5. 熟悉http協議對web開發的方方面面都有很多幫助，好比了解及運用ajax，好比調試程序、抓取數據等等，不過http是一個很雜很細的東西，內容不少，我建議也囫圇吞棗式地學習，先了解、熟悉簡略的，從此在項目中遇到深化點的再進一步學習。

6. 樹立服務器，弄個傻瓜服務器好比wamp，phpstudy等軟件，能夠一鍵樹立一個apache+php+mysql的服務器，前期能夠把你的靜態頁發佈到本地服務器，運用本地服務器配合ajax學習。

7. 熟悉或者至少了解node的基本語法和用法，在如今流行的手腳架配置都離不開node,並且node能夠啓動服務器，正真作一個全棧工程師。

8. 最後推薦一下個人前端教程學習羣640633433，若是你想製做酷炫的網頁，想學習前端知識，小編歡迎你的加入。小編會在羣中不按期分享學習乾貨、趣味源碼，包括我精心整理的一份前端零基礎教程。歡迎各位小夥伴來一塊兒學習！

9. vue,angular,react至少精通其中之一，瞭解內部運行機制，至少熟讀源碼。