最近接觸了很多前端的小伙伴,和他們談了很多職業(yè)發(fā)展的問(wèn)題,大部分是做了一到三年的前端新手。
在交流中發(fā)現(xiàn)了一個(gè)很有意思的現(xiàn)象,同樣是入門(mén)不足三年,有部分人覺(jué)得前端很有前途,甚至有人年薪已經(jīng)30W以上,但也有部分人覺(jué)得前端薪資不高,技術(shù)體系龐雜,迭代速度飛快,苦于學(xué)習(xí)各種不斷更新的技術(shù)和框架,心神俱疲。
同樣是前端工程師,技術(shù)體系是相同的,工作年限也是相近的,為什么差別這么大?我在前端領(lǐng)域摸爬滾打也有五年了,如何跟上前端技術(shù)飛速更新的步伐,我認(rèn)為學(xué)習(xí)方法一定要找對(duì),抓住學(xué)習(xí)的重點(diǎn)才能事半功倍。我總結(jié)了幾個(gè)學(xué)習(xí)中要注意的點(diǎn),和各位技術(shù)水平卡在瓶頸,苦惱于怎么提高的年輕工程師們分享。
第一點(diǎn) 夯實(shí)基礎(chǔ)
基礎(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ō)幾種?2020年了,你還是只告訴我jsonp嗎?http協(xié)議有了解過(guò)嗎?
現(xiàn)在是2020年了,這些問(wèn)題老掉牙了??墒俏乙嬖V你的是,掌握好這些老掉牙的基礎(chǔ),就是很重要。上層的技術(shù)可以變更的很快,基礎(chǔ)變動(dòng)很慢,投入時(shí)間學(xué)好基礎(chǔ),性價(jià)比很高。
第二點(diǎn) 深究原理
Angular,React,Vue框架和腳手架的普及,越來(lái)越多的前端工程師浮于表面,調(diào)用框架的API完成任務(wù)就完事。要成為一名優(yōu)秀的前端,絕不能成為單純的”API調(diào)用工程師”,一定要掌握框架背后的原理性知識(shí)。
Virtual DOM diff算法,雙向綁定原理等等框架背后的機(jī)制都值得我們?nèi)W(xué)習(xí)??蚣蹵PI可以更新很快,而他們背后的原理都是相似的,學(xué)好原理既可以讓我們對(duì)框架底層了解更深入,又可以使我們迅速掌握不斷更新的框架表層。只會(huì)用框架永遠(yuǎn)也成不了大神。
第三點(diǎn) 注意細(xì)節(jié)
“代碼能用就行”的認(rèn)識(shí)往往是初級(jí)程序員的通病。作為有在技術(shù)道路上有理想的工程師,一定要對(duì)自己的代碼嚴(yán)格要求,精益求精。
比如HTML一定要注意語(yǔ)義化以方便SEO優(yōu)化,該用 “代碼千萬(wàn)行,注釋第一行。命名不規(guī)范,同事兩行淚?!耙皇琢餍性?shī),飽含了多少程序員的血與淚。 第四點(diǎn) 登高見(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í)之旅。 聲明:除云和數(shù)據(jù)原創(chuàng)文章外,分享和轉(zhuǎn)載的文章皆為促進(jìn)IT技術(shù)的傳播,僅做交流學(xué)習(xí)使用,非商業(yè)用途。如有文章或圖片的原作者有異議或涉及版權(quán)問(wèn)題,請(qǐng)立即聯(lián)系我們,我們將在第一時(shí)間進(jìn)行改正或刪除,確保您的權(quán)益,謝謝支持!
Copyright ? 2013-2021 河南云和數(shù)據(jù)信息技術(shù)有限公司 豫ICP備14003305號(hào) ISP經(jīng)營(yíng)許可證:豫B-20160281