都是從零開始學前端，3年後，爲啥有人月薪 10k，有人卻 40k

正在初學者學習一門新技術每每不知道如何開始，從哪開始，終點是啥。爲啥有人月薪 10k，有人卻 40k，就看你的技術能不能提升生產率，創造更多價值。學習前端也是這樣，要系統全面，前期必定要有刨根問底的精神，遇到問題要究其緣由，直到解決爲止。下面我把前端須要掌握的技術點作一個總結。

1.基礎知識

學會下面這些基本知識，可以寫出基本的頁面，不一樣的佈局樣式。

2.動態性

動態性是指經過 document 能夠動態修改 HTML 元素的樣式和佈局，添加事件，獲取元素的 frame。

3.語言

學習某個方向的時候，須要深刻學習它所用到的語言，這樣才能「更有效地寫好代碼」。前端主要的語言是 JavaScript，由它衍生出來的有 TypeScript，ESMScript。優先掌握 JavaScript。

4. node.jsnode.js 是前端必需要掌握的技能，它能夠建立便捷的工具輔助前端便捷開發。可用於做爲 web 服務。

5.框架

使用框架能夠更快速、高效地實現業務邏輯。目前主流的是 React 和 Vue，須要深刻掌握其中一個框架，san 是百度開源的 MVVM 框架。初學者有一個誤解，覺得使用框架就不須要 HTML 和 CSS 了，事實不是這樣的

6.構建工具

瀏覽器只能識別 HTML、CSS 和 JavaScript，因此無論使用什麼框架寫的代碼最終都須要讓瀏覽器可以識別。不一樣瀏覽器對 JavaScript 的特性支持的不一致，能夠經過構建工具把 JavaScript 代碼轉換成瀏覽器能支持的。使用構建工具也可以作到性能優化，好比壓縮代碼。

7.模塊化

模塊化能夠方便地管理前端項目，使不一樣的業務拆分紅不一樣的代碼，方便管理與維護。

8.開發與調試工具

前端開發，首推 VSCode，學會這個IDE，也能夠幫助你開發其它語言的項目，好比 python。另外須要掌握瀏覽器的調試技巧。

9.三方庫

前端開發中有些前端庫是很經常使用的，它適配了不少瀏覽器，對開發者比較友好。

10.資源

好的資源會達到事半功倍的效果。像那些一文搞懂 xxxxxx，10分鐘搞懂 xxxxxx。別作夢了，學習沒有捷徑。想學好就必須系統深刻學習。若是真的想學好一門技術，有經濟能力的，仍是要去參加系統的課程。

技術更新迭代快，只有在有限的時間中，掌握好技術，才能快人一籌，在有基本技術上，擴張領域。

11.瀏覽器工做原理

網頁最終由瀏覽器渲染，掌握瀏覽器工做原理是必須的。首先要搞懂HTTP，而後弄懂瀏覽器顯示一個頁面所要經歷的過程。這也是我正在寫網絡編程相關內容的初衷，網絡過重要了，到處多須要。

專門創建的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和須要注意的小細節，互相交流學習，不停更新最新的教程和學習技巧（網頁製做，網站開發，web開發，從0基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端HTML5的項目實戰【視頻＋工具＋系統路線圖】全棧工程師學習路線以及規劃都有整理，分享給小夥伴）點：學習前端，咱們是認真的