学好 Web 前端的 6 点建议
最近接觸了很多前端的小伙伴，和他們談了很多職業發展的問題。他們大部分是做了一到三年的前端新手。
在交流中我發現了一個很有意思的現象，大家同樣是入門不足三年，一部分感覺前端是一個很有前途的職業，甚至一部分兩年經驗的前端同學透露年薪已經30W以上了，而另一部分則表示前端薪資水平不高，技術體系龐雜，迭代速度飛快，苦于學習各種不斷更新的技術和框架，心神俱疲。
同樣是前端工程師，技術體系是相同的，工作年限也是相近的，為什么差別這么大？我在前端領域摸爬滾打也有五年了，如何跟上前端技術飛速更新的步伐，我認為學習方法一定要找對，一定要抓住要學習的重點。
于是我總結了幾個學習中要注意的要點，希望和各位苦惱于技術水平卡在瓶頸不知道該怎么提高的年輕工程師們分享。
?
Part.1
夯實基礎
要成為一名年薪30W的前端工程師，基礎一定要掌握牢固，基礎知識一問三不知，豈不是要貽笑大方。
css，js基礎知識一定要掌握得很熟練，你能使用css實現斑馬條紋背景，毛玻璃效果嗎？能給圖片實現濾鏡效果，能實現所有自適應布局效果嗎？原型，原型鏈，閉包是實現設計模式的必備知識，你真的弄懂了嗎？閉包導致內存泄漏的原因是什么，你弄明白了嗎？ajax跨域的解決方案你可以說幾種？9102年了，你還是只告訴我jsonp嗎？http協議有了解過嗎？如何在http協議中實現不緩存靜態資源？
現在是9102年了，這些問題老掉牙了。可是我要告訴你的是，掌握好這些老掉牙的基礎，就是很重要。上層的技術可以變更的很快，基礎變動很慢，投入時間學好基礎，性價比很高。
?
Part.2
深究原理
Angular，React,Vue框架和腳手架的普及，越來越多的前端工程師浮于表面，調用框架的API完成任務就完事。要成為一名優秀的前端，絕不能成為單純的"API調用工程師"，一定要掌握框架背后的原理性知識。
Virtual DOM diff算法，雙向綁定原理等等框架背后的機制都值得我們去學習。框架API可以更新很快，而他們背后的原理都是相似的，學好原理既可以讓我們對框架底層了解更深入，又可以使我們迅速掌握不斷更新的框架表層。只會用框架永遠也成不了大神。
?
Part.3
注重細節
在工作中，做事得過且過的人往往難堪大任，作為前端工程師，亦不例外。"代碼能用就行"的認識往往是初級程序員的通病。作為有在技術道路上有理想的工程師，一定要對自己的代碼嚴格要求，精益求精。
比如HTML一定要注意語義化以方便SEO優化，該用<section>，<head>，<foot>的地方不能一股腦兒用<div>完事;css中編寫樣式時不能頁面上樣式是有了，類名和屬性排序寫得一塌糊涂，建議大家按照BEM規范編寫風格良好的代碼；js中變量命名隨意是很常見的不規范行為，一個不直觀的變量名往往使同事看了腦袋大。
“代碼千萬行，注釋第一行。命名不規范，同事兩行淚。“一首流行詩，飽含了多少程序員的血與淚。
?
Part.4
登高見遠
前端經歷了這么多年的飛速發展，早已成為浩瀚的大海。如果悶著頭獨自鉆研苦學，那無疑是很慢的。
（文末掃碼獲取能力圖譜）
如果我們直接去跟隨大神學習，那將會使我們快速成長。github上有很多優秀的前端項目，仔細研讀這些項目的代碼，在commit記錄中查看編程思想和邏輯的進化過程，就是一場與大神直接的面對面交流，是一場絕妙的學習之旅。
現在網絡課程也十分豐富，有很多技術大牛的課程讓我們直接通過視頻生動的講解快速地學習技術，這何嘗不是一種向大神快速學習的方式呢。
?
Part.5
良書益友
雖然現在網絡上各種文檔、博客文章已經很豐富了，但是對工作經驗不足，基礎薄弱的同學來說，隨手拿起書，時時能學習才是王道，查漏補缺，完整地夯實基礎。
我推薦幾本值得購買的書給大家，《圖解HTTP》、《JavaScript設計模式與開發實踐》、《深入理解ES6》，《高性能JavaScript》。這些書籍都值得多次反復閱讀，對于鞏固基礎，學習框架原理性知識，寫出高性能的代碼都是大有裨益的。
?
Part.6
緊跟潮流
現在的前端技術體系更新十分迅速，想著要不要嘗試用下Vue的事仿佛還在昨天，今天一覺醒來就看到尤雨溪宣布要開發Vue3.0了。
前端體系中這兩年SPA已經不是新名詞，PWA，SSR，小程序愈發流行，前端微服務化的趨勢也應運而生，RN,electron在移動端，桌面端的使用也越來越多，ES10標準的發布也沒幾個月了。
所以最重要的是突破當前崗位需求的設限，對各種技術融會貫通，創造新的技術框架，做技術的領頭羊，適應時代發展。
技術人成長不能再單打獨斗，要學會與人交流，學會將別人的知識為自己所用。如果你依然覺得有些茫然，不如跟有多年前端開發經驗的資深工程師聊一聊。
2月25日-3月3日，網易云課堂將會開展為期一周的前端進階免費系列直播課。
網易資深工程師帶你突破前端開發技術瓶頸，深度剖析JavaScript、前端主流框架Vue及React，橫跨移動端和后端開發技術，每天2小時，密集輸入前端開發相關知識及經驗，幫你快速實現技術和職業成長上的突破。
福利1? 免費直播課程
《網易云課堂前端進階免費系列直播課》
適聽人群：前端初、中級開發工程師
2.25-3.3? 連續7天每晚8點準時直播
▼
2月25日：兩小時誕生屬于你自己的一個架構 - 驅動模塊化架構
2月26日：兩小時零開始構建鋒利的開源工具庫
2月27日：VUE數據響應式原理實現
2月28日：原來angular這么實現的 - webComponent組件模型
3月1日：資深前端面試題 - 異步編程回調解決方案
3月2日：vue雙向數據綁定實現原理
3月3日：經典面試算法題剖析
福利2? 前端開發資料包
想要參與前端進階免費系列直播課
獲取前端開發工程師資料包
掃描下方二維碼，
添加網易云課堂前端課程助教小姐姐
免費課程，名額有限，先到先得~~
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的学好 Web 前端的 6 点建议的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [日常折腾之码上归一]多种编程语言打印当
- 下一篇： CSS裸奔节，一个被遗忘的前端节日！