想學H5前端開發,如何快速提升自己的水平?
-
發布時間:
2020-11-12
-
版權所有:
云和教育
-
分享:
最近接觸了很多前端的小伙伴,和他們談了很多職業發展的問題,大部分是做了一到三年的前端新手。
在交流中發現了一個很有意思的現象,同樣是入門不足三年,有部分人覺得前端很有前途,甚至有人年薪已經30W以上,但也有部分人覺得前端薪資不高,技術體系龐雜,迭代速度飛快,苦于學習各種不斷更新的技術和框架,心神俱疲。
同樣是前端工程師,技術體系是相同的,工作年限也是相近的,為什么差別這么大?我在前端領域摸爬滾打也有五年了,如何跟上前端技術飛速更新的步伐,我認為學習方法一定要找對,抓住學習的重點才能事半功倍。我總結了幾個學習中要注意的點,和各位技術水平卡在瓶頸,苦惱于怎么提高的年輕工程師們分享。
基礎一定要掌握牢固,基礎知識一問三不知,就是貽笑大方。css,js基礎知識一定要掌握得很熟練。
到什么程度可以稱為熟練?你能使用css實現斑馬條紋背景,毛玻璃效果嗎?能給圖片實現濾鏡效果,能實現所有自適應布局效果嗎?原型,原型鏈,閉包是實現設計模式的必備知識,你真的弄懂了嗎?閉包導致內存泄漏的原因是什么,你弄明白了嗎?ajax跨域的解決方案你可以說幾種?2020年了,你還是只告訴我jsonp嗎?http協議有了解過嗎?
現在是2020年了,這些問題老掉牙了。可是我要告訴你的是,掌握好這些老掉牙的基礎,就是很重要。上層的技術可以變更的很快,基礎變動很慢,投入時間學好基礎,性價比很高。
Angular,React,Vue框架和腳手架的普及,越來越多的前端工程師浮于表面,調用框架的API完成任務就完事。要成為一名優秀的前端,絕不能成為單純的”API調用工程師”,一定要掌握框架背后的原理性知識。
Virtual DOM diff算法,雙向綁定原理等等框架背后的機制都值得我們去學習。框架API可以更新很快,而他們背后的原理都是相似的,學好原理既可以讓我們對框架底層了解更深入,又可以使我們迅速掌握不斷更新的框架表層。只會用框架永遠也成不了大神。
“代碼能用就行”的認識往往是初級程序員的通病。作為有在技術道路上有理想的工程師,一定要對自己的代碼嚴格要求,精益求精。
比如HTML一定要注意語義化以方便SEO優化,該用<section>,<head>,<foot>的地方不能一股腦兒用<div>完事;css中編寫樣式時不能頁面上樣式是有了,類名和屬性排序寫得一塌糊涂,建議大家按照BEM規范編寫風格良好的代碼;js中變量命名隨意是很常見的不規范行為,一個不直觀的變量名往往使同事看了腦袋大。
“代碼千萬行,注釋第一行。命名不規范,同事兩行淚。“一首流行詩,飽含了多少程序員的血與淚。
前端經歷了這么多年的飛速發展,早已成為浩瀚的大海。如果悶著頭獨自鉆研苦學,那無疑是很慢的。
如果我們直接去跟隨大神學習,那將會使我們快速成長。github上有很多優秀的前端項目,仔細研讀這些項目的代碼,在commit記錄中查看編程思想和邏輯的進化過程,就是一場與大神直接的面對面交流,是一場絕妙的學習之旅。