前端開(kāi)發(fā)工程師應(yīng)該如何提升技能？接觸過(guò)前端編程的碼農(nóng)都知道，jQuery 風(fēng)靡一時(shí)，其清新優(yōu)雅的 DOM 操作、穩(wěn)如磐石的兼容性處理、靈活高效的封裝和鏈?zhǔn)秸{(diào)用，讓人如沐春風(fēng)。但這并不是“顛覆”，事實(shí)卻

前端開(kāi)發(fā)工程師應(yīng)該如何提升技能？

接觸過(guò)前端編程的碼農(nóng)都知道，jQuery 風(fēng)靡一時(shí)，其清新優(yōu)雅的 DOM 操作、穩(wěn)如磐石的兼容性處理、靈活高效的封裝和鏈?zhǔn)秸{(diào)用，讓人如沐春風(fēng)。

但這并不是“顛覆”，事實(shí)卻是“這只是開(kāi)始”，前端的大航海時(shí)代，有舊工具淘汰，更有新力量崛起！那么，2~3 年的前端工程師們?nèi)绾芜M(jìn)階？

01前端就是切圖仔？相信十年前，做前端開(kāi)發(fā)的程序員會(huì)被很多人誤解為是做切圖、或做簡(jiǎn)單的靜態(tài)網(wǎng)頁(yè)的，由此也能判斷出，前端領(lǐng)域入門(mén)簡(jiǎn)單，越來(lái)越多的開(kāi)發(fā)者加入了該行列。

隨著時(shí)代的迅速發(fā)展，前端已從「靜態(tài)網(wǎng)頁(yè)」的時(shí)代發(fā)展為「動(dòng)態(tài)炫酷」的效果，逐漸成為互聯(lián)網(wǎng)開(kāi)發(fā)的關(guān)鍵部分，招聘方需求逐年增多，者待遇水漲船高，但前端開(kāi)發(fā)人才良莠不齊，高級(jí)、資深開(kāi)發(fā)者更是鳳毛麟角，因此，磨練技能、積累項(xiàng)目經(jīng)驗(yàn)將是所有前端工程師的核心訴求。

02收藏了就能掌握？前端學(xué)習(xí)，尤其是進(jìn)階階段的學(xué)習(xí)是一個(gè)曲折的過(guò)程，每個(gè)學(xué)習(xí)者所接觸的知識(shí)內(nèi)容和其背后的原理構(gòu)建成了他的思維。如果沒(méi)有系統(tǒng)針對(duì)性地學(xué)習(xí)和反復(fù)的刻意練習(xí)，那么結(jié)果就是以為收藏的是知識(shí)，其實(shí)收藏的是“知道”。以為掌握了知識(shí)，其實(shí)只是囤積了一堆“知道”。

如何快速夯實(shí)前端基礎(chǔ)并找到心儀的工作？只會(huì)寫(xiě)網(wǎng)頁(yè)特效，封裝一個(gè)組件或插件，怎么好意思去面試？前端知識(shí)體系龐大，框架、庫(kù)、性能優(yōu)化等數(shù)不勝數(shù)，該怎么學(xué)？前端面試有什么高頻問(wèn)題，有套路可循嗎？……相信以上幾個(gè)問(wèn)題是很多前端開(kāi)發(fā)人員的苦惱。那么“該學(xué)什么？”，“到底該怎么學(xué)？”，“學(xué)完之后又該做什么？”，大部分人之所以“未學(xué)先慌”，原因在于不清楚自己的學(xué)習(xí)路線，這份前端開(kāi)發(fā)進(jìn)階指南能夠幫助到你！

03系統(tǒng)梳理前端進(jìn)階知識(shí)從開(kāi)發(fā)菜鳥(niǎo)到資深工程師，除了主觀能動(dòng)性以外，還有一個(gè)大瓶頸——不是每個(gè)人都能有機(jī)會(huì)接觸到好項(xiàng)目，這里的“好項(xiàng)目”是指類(lèi)似“項(xiàng)目重構(gòu)”、“類(lèi)庫(kù)遷移”、“復(fù)雜應(yīng)用設(shè)計(jì)”、“疑難 bug 定位”等對(duì)開(kāi)發(fā)者基礎(chǔ)和設(shè)計(jì)能力有高要求的項(xiàng)目。

第一 ~ 第三部分 JavaScript、HTML、CSS 基礎(chǔ)強(qiáng)化

第四部分 前端框架第

第五部分 前端工程化

第六部分 性能優(yōu)化

第七部分 編程思維和算

第八部分 網(wǎng)絡(luò)知識(shí)

結(jié)束語(yǔ) 軟技巧

希望所有熱愛(ài)前端開(kāi)發(fā)的同學(xué)都能在這個(gè)提升中學(xué)習(xí)到自己需要的那點(diǎn)，只學(xué)一點(diǎn)，這筆對(duì)自己的投資也值得了。

它可能會(huì)讓你解開(kāi)了一個(gè)項(xiàng)目難題

讓你在面試時(shí)更自信一些

提漲工資時(shí)候更硬氣一點(diǎn)

通過(guò)這個(gè)進(jìn)階，我相信這是它能夠幫助大家達(dá)到的程度。

如果大家對(duì)于學(xué)習(xí)前端有任何問(wèn)題（學(xué)習(xí)方法，學(xué)習(xí)效率，如何就業(yè)），可以隨時(shí)來(lái)咨詢(xún)我，這是我的公眾號(hào)：快學(xué)前端（教程/解答/交流群/學(xué)習(xí)方法/就業(yè)信息）歡迎一起分享資源。

前端工程師屬于程序員嗎？

BAT的后端工程師不請(qǐng)自來(lái)，這個(gè)問(wèn)題就像“紅燒肉屬于一道菜嗎”，答案顯而易見(jiàn)。目前所有靠寫(xiě)代碼來(lái)實(shí)現(xiàn)需求的人統(tǒng)稱(chēng)程序員，自嘲為碼農(nóng)。我有個(gè)在讀物理系博士的同學(xué)，因?yàn)橐肕ATLAB寫(xiě)實(shí)驗(yàn)，居然也在我面前自稱(chēng)碼農(nóng)，我也是很無(wú)所適從了，好吧，你學(xué)歷高你說(shuō)了算。

前端工程師當(dāng)然屬于程序員，前端工程師的主要工作就是負(fù)責(zé)實(shí)現(xiàn)與用戶(hù)交互界面的開(kāi)發(fā)，并與對(duì)應(yīng)的后端工程師聯(lián)調(diào)，從而打通完整的流程。

我用一個(gè)例子來(lái)說(shuō)明吧，平臺(tái)前端工程師，他們首先負(fù)責(zé)用html把頁(yè)面的框架搭起來(lái)，比如頭條，最上面的內(nèi)容發(fā)布框，下面是新聞，左邊是面包屑導(dǎo)航，右邊個(gè)人中心以及廣告等等，這些大體框架以及里面的文字是由html來(lái)實(shí)現(xiàn)的。

然后呢，你會(huì)發(fā)現(xiàn)，有的文字是粗體，有的是紅色的，有個(gè)部分占比大，有的部分只有很小的占比，這種對(duì)框架內(nèi)容格式的操作，就是由CSS來(lái)實(shí)現(xiàn)的。

接下來(lái)呢，你在上方輸入一些內(nèi)容，點(diǎn)擊發(fā)布。這個(gè)時(shí)候，前端就會(huì)捕捉到你的點(diǎn)擊動(dòng)作，然后將你輸入的內(nèi)容發(fā)送給后端，后端存入數(shù)據(jù)庫(kù)成功后，又反饋給前端說(shuō)，寫(xiě)成功啦，于是，你在頁(yè)面上就看到顯示“發(fā)布成功”。這樣的捕捉動(dòng)作，傳遞數(shù)據(jù)，接受數(shù)據(jù)的流程呢，就是由JavaScript代碼來(lái)實(shí)現(xiàn)的。

當(dāng)然，上述過(guò)程以及編程語(yǔ)言是前端最最最最基礎(chǔ)的三駕馬車(chē)，除了新人練手以及高校老師留作業(yè)，否則很少直接使用這三者去搭建平臺(tái)的前端頁(yè)面了。目前前端工程師通常使用框架來(lái)簡(jiǎn)化工作，或者實(shí)現(xiàn)一些更加酷炫的功能，比如

vue.js

，angular，ReactNative等等，他們都是Google，F(xiàn)acebook等公司基于已有產(chǎn)品的先進(jìn)經(jīng)驗(yàn)，抽象出來(lái)的框架，旨在節(jié)約開(kāi)發(fā)人工的精力，提高開(kāi)發(fā)效率。

正如同我上面所說(shuō)，要去前端工程師的話(huà)，最基礎(chǔ)的三駕馬車(chē)是一定要會(huì)的，其次還要至少懂一門(mén)前端框架。最后，還需要有過(guò)與后端工程師聯(lián)調(diào)的經(jīng)驗(yàn)，證明有團(tuán)隊(duì)合作的能力。

至于薪資，目前來(lái)說(shuō)只要是程序員，工資應(yīng)該都是5位數(shù)了吧，隨著跳槽次數(shù)，能力經(jīng)驗(yàn)的增長(zhǎng)，工資也會(huì)繼續(xù)增加。最后，祝所有閱讀這篇回答的人好運(yùn)，能找到心儀的高薪工作。

以上是我的淺見(jiàn)，歡迎各位在下方評(píng)論區(qū)留言與我交流。

我是蘇蘇思量，來(lái)自BAT的Java開(kāi)發(fā)工程師，每日分享科技類(lèi)見(jiàn)聞，歡迎關(guān)注我，與我共同進(jìn)步。