最近接觸了很多前端的小夥伴，和他們談了很多職業發展的問題。

他們大部分是做了一到三年的前端新手。在交流中我發現了一個很有意思的現象，大家同樣是入門不足三年，一部分感覺前端是一個很有前途的職業，甚至一部分兩年經驗的前端同學透露年薪已經30W以上了，而另一部分則表示前端薪資水平不高，技術體系龐雜，迭代速度飛快，苦於學習各種不斷更新的技術和框架，心神俱疲。同樣是前端工程師，技術體系是相同的，工作年限也是相近的，為什麼差別這麼大？

我在前端領域摸爬滾打也有五年了，如何跟上前端技術飛速更新的步伐，我認為學習方法一定要找對，一定要抓住要學習的重點。

於是我總結了幾個學習中要注意的要點，希望和各位苦惱於技術水平卡在瓶頸不知道該怎麼提高的年輕工程師們分享。

夯實基礎

要成為一名月薪上萬的前端工程師，基礎一定要掌握牢固，基礎知識一問三不知，豈不是要貽笑大方。

css，js基礎知識一定要掌握得很熟練，你能使用css實現斑馬條紋背景，毛玻璃效果嗎？能給圖片實現濾鏡效果，能實現所有自適應佈局效果嗎？原型，原型鏈，閉包是實現設計模式的必備知識，你真的弄懂了嗎？閉包導致記憶體洩漏的原因是什麼，你弄明白了嗎？ajax跨域的解決方案你可以說幾種？

2019年了，你還是隻告訴我jsonp嗎？http協議有了解過嗎？如何在http協議中實現不快取靜態資源？現在是19年了，這些問題老掉牙了。可是我要告訴你的是，掌握好這些老掉牙的基礎，就是很重要。上層的技術可以變更的很快，基礎變動很慢，投入時間學好基礎，價效比很高。

深究原理

Angular，React,Vue框架和腳手架的普及，越來越多的前端工程師浮於表面，呼叫框架的API完成任務就完事。

要成為一名優秀的前端，絕不能成為單純的"API呼叫工程師"，一定要掌握框架背後的原理性知識。

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

如果你依然在程式設計的世界裡迷茫，不知道自己的未來規劃，可以加入web前端學習交流秋秋圈：731771211 裡面可以與大神一起交流並走出迷茫。新手可免費領取學習資料，看看前輩們是如何在程式設計的世界裡傲然前行不停更新最新的教程和學習方法（詳細的前端專案實戰教學影片），有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入

注意細節

在工作中，做事得過且過的人往往難堪大任，作為前端工程師，亦不例外。

"程式碼能用就行"的認識往往是初級程式設計師的通病。作為有在技術道路上有理想的工程師，一定要對自己的程式碼嚴格要求，精益求精。

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

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

登高見遠

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

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

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

緊跟潮流

現在的前端技術體系更新十分迅速，前端體系中這兩年SPA已經不是新名詞，PWA，SSR，小程式愈發流行，前端微服務化的趨勢也應運而生，RN,electron在移動端，桌面端的使用也越來越多。

所以最重要的是突破當前崗位需求的設限，對各種技術融會貫通，創造新的技術框架，做技術的領頭羊，適應時代發展。

感謝大家的閱讀，自己只是個做了幾年全棧開發的老碼農，希望大家在讀後能有所感慨。

前端開發想要月薪過萬？給你指幾條明路

相關文章