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