【轉】給1-3年的前端 6 點誠心建議

時間 2019-11-18

標籤 3年前端誠心建議简体版

原文原文鏈接

最近接觸了不少前端的小夥伴，和他們談了不少職業發展的問題。他們大部分是作了一到三年的前端新手。css

在交流中我發現了一個頗有意思的現象，你們一樣是入門不足三年，一部分感受前端是一個頗有前途的職業，甚至一部分兩年經驗的前端同窗透露年薪已經30W以上了，而另外一部分則表示前端薪資水平不高，技術體系龐雜，迭代速度飛快，苦於學習各類不斷更新的技術和框架，心神俱疲。前端

一樣是前端工程師，技術體系是相同的，工做年限也是相近的，爲何差異這麼大？我在前端領域摸爬滾打也有五年了，如何跟上前端技術飛速更新的步伐，我認爲學習方法必定要找對，必定要抓住要學習的重點。git

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

Part.1github

夯實基礎

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

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

如今是9102年了，這些問題老掉牙了。但是我要告訴你的是，掌握好這些老掉牙的基礎，就是很重要。上層的技術能夠變動的很快，基礎變更很慢，投入時間學好基礎，性價比很高。編程

Part.2json

深究原理

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

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

Part.3

注重細節

在工做中，作事得過且過的人每每難堪大任，做爲前端工程師，亦不例外。"代碼能用就行"的認識每每是初級程序員的通病。做爲有在技術道路上有理想的工程師，必定要對本身的代碼嚴格要求，精益求精。

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

「代碼千萬行，註釋第一行。命名不規範，同事兩行淚。「一首流行詩，飽含了多少程序員的血與淚。

Part.4