前端從初級(jí)到高級(jí)如何系統(tǒng)化學(xué)習(xí)

前兩天發(fā)了【前端找工作真的那么難嗎？】這篇文章之后，有小伙伴過(guò)來(lái)問(wèn)我如何系統(tǒng)學(xué)習(xí)以及如何寫(xiě)簡(jiǎn)歷，今天就來(lái)探討下如何系統(tǒng)化學(xué)習(xí)。

目前前端工作范疇日新月異，早已從之前的 jQuery 一招鮮變成現(xiàn)在的 Vue / React、服務(wù)端 BFF、端智能、低代碼、可視化等多個(gè)領(lǐng)域方向。而且市場(chǎng)上初級(jí)前端供大于求，可以說(shuō)越來(lái)越卷，但是高級(jí)前端依舊供不應(yīng)求，本質(zhì)是因?yàn)槠髽I(yè)的發(fā)展速度大于前端工程師的平均成長(zhǎng)速度。

我理想中的高級(jí)前端具備完整的基礎(chǔ)知識(shí)體系，熟悉框架原理，懂?dāng)?shù)據(jù)結(jié)構(gòu)和算法，具備基本的現(xiàn)場(chǎng)編碼能力和工程化開(kāi)發(fā)經(jīng)驗(yàn)以及性能優(yōu)化經(jīng)驗(yàn)，那么這樣一來(lái)系統(tǒng)化的學(xué)習(xí)路徑就出來(lái)了。

初級(jí)

何為初級(jí)，就是剛剛接觸前端，學(xué)了一點(diǎn)框架的使用，會(huì)使用 CSS、HTML、知道H5 的 API，會(huì)一些 ES6+ 語(yǔ)法，分配下來(lái)的工作可以在別人的協(xié)助下完成。但是深入一點(diǎn)問(wèn)原理就懵懂不知。

中級(jí)

想要達(dá)到中級(jí)需要完整掌握 JavaScript 高級(jí)程序設(shè)計(jì)，什么作用域、this 概念、原型、高階函數(shù)、節(jié)流防抖、事件機(jī)制和事件循環(huán)等必須牢牢掌握。

除了上面所說(shuō)的之外，異步、網(wǎng)絡(luò)、瀏覽器、安全、數(shù)據(jù)結(jié)構(gòu)和算法和設(shè)計(jì)模式等都要學(xué)好。

可以獨(dú)立完成項(xiàng)目，并思考如何提升效率，考慮代碼的優(yōu)雅性，方便之后的項(xiàng)目快速?gòu)?fù)用。

高級(jí)

高級(jí)更多的不是學(xué)會(huì)了什么，而是思維上的不同，轉(zhuǎn)變思維持續(xù)精進(jìn)后能帶來(lái)質(zhì)的飛躍。

工作中肯定會(huì)用到框架，那框架真的掌握了嗎？最新的特性、設(shè)計(jì)理念這些是否了解。要知道任何事物的出現(xiàn)必有其緣由，作為程序員要保持一顆好奇心，多問(wèn)問(wèn)自己 WHAT/HOW/WHY。

懂原理、知體系、明優(yōu)劣、愛(ài)探索是高級(jí)的一些特征。

最后

可以自我錨定看看掌握了以上能力，不會(huì)的知識(shí)可以參考我的博客和面試題整理

• 我的博客 https://muyiy.cn/

• 前端 100 問(wèn)：能搞懂 80% 的請(qǐng)把簡(jiǎn)歷給我 https://juejin.cn/post/6844903885488783374

• 全套面試題：上微信搜「高級(jí)前端面試」小程序

如果你已經(jīng)達(dá)到高級(jí)的門檻，想要更進(jìn)一步，歡迎來(lái)螞蟻與我同行。

我的郵箱：[email protected]