年薪30W前端程式設計師給初學者的6點建議

艾特程序員 發佈 2020-02-07T21:34:15+00:00

「代碼千萬行,注釋第一行。命名不規範,同事兩行淚。「一首流行詩,飽含了多少程式設計師的血與淚。4、登高見遠前端經歷了這麼多年的飛速發展,早已成為浩瀚的大海。如果悶著頭獨自鑽研苦學,那無疑是很慢的。如果我們直接去跟隨大神學習,那將會使我們快速成長。github上有很多優秀的前端項目,仔

最近千鋒廣州前端小編髮現一個很有意思的現象,大家同樣是入門不足三年,一部分感覺前端是一個很有前途的職業,甚至一部分兩年經驗的前端同學透露年薪已經30W以上了,而另一部分則表示前端薪資水平不高,技術體系龐雜,疊代速度飛快,苦於學習各種不斷更新的技術和框架,心神俱疲。

同樣是前端工程師,技術體系是相同的,工作年限也是相近的,為什麼差別這麼大?如何跟上前端技術飛速更新的步伐,千鋒廣州小編認為學習方法一定要找對,一定要抓住要學習的重點。

大牛總結了幾個學習中要注意的要點,希望和各位苦惱於技術水平卡在瓶頸不知道該怎麼提高的年輕工程師們分享,下面和千鋒廣州小編一起來看看吧。

1、夯實基礎

要成為一名年薪30W的前端工程師,基礎一定要掌握牢固,基礎知識一問三不知,豈不是要貽笑大方。

css,js基礎知識一定要掌握得很熟練,你能使用css實現斑馬條紋背景,毛玻璃效果嗎?能給圖片實現濾鏡效果,能實現所有自適應布局效果嗎?原型,原型鏈,閉包是實現設計模式的必備知識,你真的弄懂了嗎?閉包導致內存泄漏的原因是什麼,你弄明白了嗎?ajax跨域的解決方案你可以說幾種?9102年了,你還是只告訴我jsonp嗎?http協議有了解過嗎?如何在http協議中實現不緩存靜態資源?

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

2、深究原理

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

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

3、注重細節

在工作中,做事得過且過的人往往難堪大任,作為前端工程師,亦不例外。"代碼能用就行"的認識往往是初級程式設計師的通病。作為有在技術道路上有理想的工程師,一定要對自己的代碼嚴格要求,精益求精

比如HTML一定要注意語義化以方便SEO優化,該用<section>,<head>,<foot>的地方不能一股腦兒用<div>完事;css中編寫樣式時不能頁面上樣式是有了,類名和屬性排序寫得一塌糊塗,建議大家按照BEM規範編寫風格良好的代碼;js中變量命名隨意是很常見的不規範行為,一個不直觀的變量名往往使同事看了腦袋大。

「代碼千萬行,注釋第一行。命名不規範,同事兩行淚。「一首流行詩,飽含了多少程式設計師的血與淚。

4、登高見遠

前端經歷了這麼多年的飛速發展,早已成為浩瀚的大海。如果悶著頭獨自鑽研苦學,那無疑是很慢的。

如果我們直接去跟隨大神學習,那將會使我們快速成長。github上有很多優秀的前端項目,仔細研讀這些項目的代碼,在commit記錄中查看編程思想和邏輯的進化過程,就是一場與大神直接的面對面交流,是一場絕妙的學習之旅。

現在網絡課程也十分豐富,有很多技術大牛的課程讓我們直接通過視頻生動的講解快速地學習技術,這何嘗不是一種向大神快速學習的方式呢。

5、良書益友

雖然現在網絡上各種文檔、博客文章已經很豐富了,但是對工作經驗不足,基礎薄弱的同學來說,隨手拿起書,時時能學習才是王道,查漏補缺,完整地夯實基礎。

推薦幾本值得購買的書給大家,《圖解HTTP》、《JavaScript設計模式與開發實踐》、《深入理解ES6》,《高性能JavaScript》。這些書籍都值得多次反覆閱讀,對於鞏固基礎,學習框架原理性知識,寫出高性能的代碼都是大有裨益的。

6、緊跟潮流

現在的前端技術體系更新十分迅速,想著要不要嘗試用下Vue的事仿佛還在昨天,今天一覺醒來就看到尤雨溪宣布要開發Vue3.0了。

前端體系中這兩年SPA已經不是新名詞,PWA,SSR,小程序愈發流行,前端微服務化的趨勢也應運而生,RN,electron在移動端,桌面端的使用也越來越多,ES10標準的發布也沒幾個月了。

所以最重要的是突破當前崗位需求的設限,千鋒廣州小編給大家的建議是對各種技術融會貫通,創造新的技術框架,做技術的領頭羊,適應時代發展。

關鍵字: