最近接觸了很多前端的小伙伴，和他們談了很多職業發展的問題，大部分是做了一到三年的前端新手。

在交流中發現了一個很有意思的現象，同樣是入門不足三年，有部分人覺得前端很有前途，甚至有人年薪已經30W以上，但也有部分人覺得前端薪資不高，技術體系龐雜，迭代速度飛快，苦于學習各種不斷更新的技術和框架，心神俱疲。

同樣是前端工程師，技術體系是相同的，工作年限也是相近的，為什么差別這么大？我在前端領域摸爬滾打也有五年了，如何跟上前端技術飛速更新的步伐，我認為學習方法一定要找對，抓住學習的重點才能事半功倍。我總結了幾個學習中要注意的點，和各位技術水平卡在瓶頸，苦惱于怎么提高的年輕工程師們分享。

第一點 夯實基礎

基礎一定要掌握牢固，基礎知識一問三不知，就是貽笑大方。css，js基礎知識一定要掌握得很熟練。

到什么程度可以稱為熟練？你能使用css實現斑馬條紋背景，毛玻璃效果嗎？能給圖片實現濾鏡效果，能實現所有自適應布局效果嗎？原型，原型鏈，閉包是實現設計模式的必備知識，你真的弄懂了嗎？閉包導致內存泄漏的原因是什么，你弄明白了嗎？ajax跨域的解決方案你可以說幾種？2020年了，你還是只告訴我jsonp嗎？http協議有了解過嗎？

現在是2020年了，這些問題老掉牙了。可是我要告訴你的是，掌握好這些老掉牙的基礎，就是很重要。上層的技術可以變更的很快，基礎變動很慢，投入時間學好基礎，性價比很高。

第二點 深究原理

Angular，React，Vue框架和腳手架的普及，越來越多的前端工程師浮于表面，調用框架的API完成任務就完事。要成為一名優秀的前端，絕不能成為單純的”API調用工程師”，一定要掌握框架背后的原理性知識。

Virtual DOM diff算法，雙向綁定原理等等框架背后的機制都值得我們去學習。框架API可以更新很快，而他們背后的原理都是相似的，學好原理既可以讓我們對框架底層了解更深入，又可以使我們迅速掌握不斷更新的框架表層。只會用框架永遠也成不了大神。

第三點 注意細節

“代碼能用就行”的認識往往是初級程序員的通病。作為有在技術道路上有理想的工程師，一定要對自己的代碼嚴格要求，精益求精。

比如HTML一定要注意語義化以方便SEO優化，該用