首先簡(jiǎn)單介紹下自己,，目前七年前端實(shí)際項(xiàng)目經(jīng)驗(yàn),，有一線大廠經(jīng)驗(yàn)，也去過國外,。算的上是前端老鳥了,，這篇文章是個(gè)人的經(jīng)驗(yàn)和心得，不吹不黑,，中肯的態(tài)度來說,，希望能夠幫到大家。

都2020年了,，我現(xiàn)在學(xué)前端還來的及么,？

這是很多前端新人經(jīng)常問我的一個(gè)問題，有學(xué)弟學(xué)妹,，也有想轉(zhuǎn)行的朋友,。

我的意識(shí)里,，“大前端時(shí)代”是從15年年底開始的，這一年Vue等三大框架開始在一線慢慢被使用起來,，到17年大火,，甚至于你不會(huì)框架都找不到工作。

從前端的發(fā)展趨勢(shì)來看,，用戶越來越注重頁面體驗(yàn),，包括交互體驗(yàn)以及響應(yīng)速度等。所以現(xiàn)在仍然是“大前端時(shí)代”,，前端是互聯(lián)網(wǎng)中不可缺失的一部分,。

從這個(gè)趨勢(shì)來看，前端是仍然被需要的,，被需要就有存在的價(jià)值?，F(xiàn)在學(xué)也是來得及的，不過得努把力了,。

我該怎么學(xué),？

前端的核心是JavaScript，這個(gè)是必要拿下的,，無論是新手還是已經(jīng)工作了幾年的同學(xué),，如果JS基礎(chǔ)不扎實(shí)，建議一定要買一本《JavaScript高級(jí)程序設(shè)計(jì)》看一下,，這是前端必讀的一本書。我現(xiàn)在也會(huì)偶爾翻翻,。

很多同學(xué)工作了幾年,，業(yè)務(wù)能力有了，但是面試的時(shí)候卻屢屢碰壁或是工資提不上去（這部分人數(shù)多一些）,，大部分原因是基礎(chǔ)不夠扎實(shí),。

三大框架怎么選？

到2020年,，三大框架的斗爭(zhēng)基本告一段落,，Angular已經(jīng)把自己差不多玩沒了。大廠會(huì)選擇React（有大量技術(shù)積累）,，中小型公司仍是傾向于Vue,，畢竟Vue入門簡(jiǎn)單一些，小白也能用,，并且在國內(nèi)生態(tài)是強(qiáng)于React的,。這句話不要?jiǎng)偅?7年的時(shí)候，React在國內(nèi)的生態(tài)是很脆弱的,，網(wǎng)上的文章很少,，出錯(cuò)了都不知道怎么解決,。

所以建議新手先學(xué)Vue，有工作經(jīng)驗(yàn)的同學(xué)不要局限于Vue,，可以看看Vue的源碼,，學(xué)一學(xué)React，畢竟Vue有很多技術(shù)點(diǎn)都是借鑒React的,。

工程體系的再度升級(jí)

工程化的進(jìn)度愈來愈快,，從之前的幾個(gè)文件就是個(gè)項(xiàng)目演化成腳手架、各種依賴包等,。020年工程體系一定會(huì)繼續(xù)走向閉環(huán),，不再是一個(gè)腳手架這么簡(jiǎn)單。而是會(huì)結(jié)合 IDE,，打通業(yè)務(wù)屬性,，從項(xiàng)目初始化、到編寫代碼,、到 CI,、到灰度、到發(fā)布 形成一個(gè)相對(duì)完整的閉環(huán),。

超級(jí)APP下 —— Web 標(biāo)準(zhǔn)的重新定義

近幾年,，小程序可謂是火的一塌糊涂。甚至獨(dú)立出來小程序開發(fā)這個(gè)崗位,。

在微信小程序出現(xiàn)以前,，大家在談 Hybird、ReactNative,，但終歸只是技術(shù)層面的狂歡,，一直沒有業(yè)務(wù)屬性的注入。而小程序的出現(xiàn)：一方面告訴業(yè)界在當(dāng)前設(shè)備上 Webview 也是非常優(yōu)秀的,，另外一方面告訴業(yè)界如何讓有能力的商家在超級(jí) APP上進(jìn)行私域運(yùn)營,。缺點(diǎn)也是很明顯的：可能很難產(chǎn)生業(yè)界的最終標(biāo)準(zhǔn)，Web 的碎片化會(huì)更加嚴(yán)重,。

讓前端離業(yè)務(wù)更近 —— Serverless

其實(shí) Serverless 早已和前端產(chǎn)生了聯(lián)系,，只是我們可能沒有感知。

比如我們經(jīng)常使用的CDN,，它就是一種serverless的實(shí)現(xiàn),。隨著 Serverless 的逐步落地，BFF 這層的代碼會(huì)擺脫運(yùn)維,、機(jī)器分配等復(fù)雜的問題,。這也是我們前端應(yīng)該做的，服務(wù)端同學(xué)專注中臺(tái)系統(tǒng)的實(shí)現(xiàn),，對(duì)業(yè)務(wù)的好處是降低試錯(cuò)成本,。

如何提高核心競(jìng)爭(zhēng)力（針對(duì)于在職人群）

剛剛說到,，很多小伙伴會(huì)發(fā)現(xiàn)，做了幾年后,，就會(huì)有瓶頸：技術(shù)原地踏步,，薪資上不去。那么,，我們應(yīng)該怎么做呢,？

會(huì)使用框架，但不局限于使用框架,。目前Vue,，React還是大火階段，但是切記使用框架的時(shí)候多看看底層源碼與架構(gòu)設(shè)計(jì),。 JavaScript是前端核心,。作為基本功，無論工具或框架如何變遷,，了解JavaScript底層以及設(shè)計(jì)模式 學(xué)習(xí)服務(wù)端開發(fā),。前端逐步與服務(wù)端打交道，而許多人還停留在寫頁面,、調(diào)接口的階段,，大廠或是高級(jí)前端工程師的招聘上都要求你有node開發(fā)經(jīng)驗(yàn)。 了解前端工程化,。web業(yè)務(wù)日益復(fù)雜化和多元化,，前端開發(fā)從WebPage模式為主轉(zhuǎn)變?yōu)閃ebApp模式為主。前端的工作需要多人協(xié)作,，要考慮到項(xiàng)目的可維護(hù)性,、開發(fā)質(zhì)量、規(guī)范性等等,。 如果本文對(duì)你有幫助,，大家可以點(diǎn)贊轉(zhuǎn)發(fā)一波,，有錯(cuò)誤大家可以評(píng)論指出,，感謝！

大家繼續(xù)加油,，未來可期,！我們的征途是星辰大海！