從2019看2020前端發展趨勢

 從2019看2020前端發展趨勢

 2020前端趨勢之愚見

 前言

做爲工程師不只僅應當有理性的分解問題和研究技術自己帶來的快感，更應當有對技術的敏銳觀察或者說對技術趨勢的判斷以及其對應於場景的運用和實踐，從過往的2019年看2020年可能會出現的趨勢，或者說對前端發展的我的的一些小小看法。

私覺得目前大前端按不一樣的分類方法，大體有如下幾種分類方法：

 按領域劃分

- 後臺方向：傳統的大web方向

- 數據可視化方向：webGL、Canvas、SVG、Echart/HiChart、D3

- AI方向：TensorFlow

- 遊戲方向：Cocos Creator、Egret

 按端劃分

- PC端

- 網頁

- 桌面應用：Electron、NW、PWA桌面

- 移動端

- web渲染：小程序、快應用、PWA

- 原生渲染：RN、Weex、Flutter

 按框架劃分

- Vue全家桶

- Vuex

- Vue-Router

- Vue-cli

- Element-ui/Cube-ui/Vant-ui

- React全家桶

- Redux

- React-Router

- Redux-Saga

- dva

- umi

- (mobx)

- Ant-Design

- Angular(國內可忽略)

下面將分別從以上三種分類進行闡述

 領域劃分

1. 傳統大web領域包含着以node爲核心的後臺這一塊，對於2020年的前端來講，不會node基本就很難混了，傳統web開發的後臺部分也被算在大前端領域，express+koa源碼要會，有c++基礎的同窗node要作到精通，node能作的可不僅是你學的那些東西，廣闊天地，無限可能。數據庫方面MySQL+MongoDB+Redis須要掌握，有python基礎的同窗能夠學習一下PostgreSQL，docker+linux+jekins+k8s這一套都是傳統web開發須要掌握的，GraphQL以及serverless相關內容能夠考慮逐步應用起來，持續集成等等，對傳統大web領域而言，對於2020年的前端都應該掌握，畢竟這是前端發家的地方，能夠說是基礎中的基礎。

2. 數據可視化方向會是一個不錯的發展方向，尤爲對於有些有設計基礎而且數據比較好的前端工程師，在數據可視化方向進行深究未來可能會成爲一個比較不錯的亮點優點，WebGL相關能夠重點關注，有餘力的同窗能夠關注一下OpenGL

3. 私覺得AI和前端的結合會是一個比較不錯的搭配，AI的理念模型都很好，但苦苦找不到特別好的落地場景，而前端自己就是衝在流量的最前沿，這二者結合可爲是天造地設的一對兒，尤爲是Google的TensorFlow還有js版本，ai方向能夠重點關注TensorFlow相關應用

4. 遊戲方向一致都是前端能夠追逐的領域，但無奈其體驗和原生應用相比仍是差不少的，私覺得前端重遊戲方向(像原生那樣的體驗)質的飛躍可能還要搭上5G的東風，但對於輕快的使人愉悅的小遊戲仍是有必定的優點的，能夠做爲「飯後甜點」，配合運營等各類場景

 端劃分

1. PC端：傳統網頁部分再也不贅述，這是老本行，對於桌面應用方面能夠看一下，雖然PC端的應用市場很難有特別大的2C業務，可是做爲2B部分仍是有不少的，好比IDE的開發以及對應IDE插件的開發，有志於這一部分的同窗最好有PC操做系統層面應用的開發經驗，這樣會如魚得水

2. 移動端：移動端要說的就太多了，首先移動端不像PC端那樣會承載着過多的B型模式，手機端自己就是一個特別適合C的端口，由此出來的各類騷操做也是層出不窮，私覺得以目前的經濟形勢來看，短時間內很難有特別大的回升，互聯網領域若是還想要活下來，對前端而言小程序、快應用是個不錯的切入方向，並且各大廠app已經圈好各自的領地，就等着在這上面生根發芽，從他們的各類輪子來看，小程序、快應用來「狙殺」各中小企業是志在必得，小程序各類框架如：uniapp和taro能夠做爲重點的研究對象，快應用只對於安卓，目前好像也沒有特別流行的框架，能夠觀望着。對於原生渲染的Hybrid，你們都在跟風flutter，試了一把，寫起來特別像原生，若是有ios和安卓轉過來的同窗能夠重點研究flutter，說不定哪天就火了呢，對於自己寫慣js的同窗，若是要作原生渲染的app，rn仍是首選，雖然不少廠都在拋棄它。

 框架劃分

1. Vue來講，目前在國內仍是中小型公司的主棧，可是從後半年的趨勢來看，React多是你不得不學的框架了，而且今年10月出的Vue3的源碼來看，真的好像react，因此主棧是vue的同窗必定要學react，大廠都問react，就算你主棧不是react，問完vue怎麼都想繞過來問react，vue的源碼仔細研讀，作到能手寫一版的程度，2020不會源碼，不懂原理基本就很難混了，會往死裏問的，真的，不能只是知道，要深入理解，沒事兒就翻出源碼，品味一番，你品，你細品！

2. React而言，毋庸置疑，即使在國外都有其一席之地，就目前大廠而言，你能夠不會vue，但不能不會react，由於他們默認若是你會react，vue能夠很快上手，react的生態圈就太普遍了，目前業界作的比較突出的也就是阿里那一套東西吧，dva+umi+saga，mobx能夠看看，ui框架就重點是antd，react方面就重點關注阿里前端就能夠

 其餘

主要是不知道怎麼分類，就寫個其餘吧

1. 2020年前端不只僅只侷限在js上，私覺得ts這框架仍是不錯的選擇，可是寫業務可能有些許繁瑣，很多大廠團隊已經開始所有ts，有志於大廠的同窗ts應該是2020年必備的技能，除此以外，傳統web方向我的認爲go語言是個不錯的進階方向，想往AI方向發展的同窗，python應該必備，另外剛纔說的但願把node整個玩兒透的同窗，c++是個不錯的選擇，固然c永遠都是基礎，不論算法仍是編譯器，下個點專門說。

2. 想說說基礎的重要性，如今互聯網涌入的人員頗有可能有一半都是相似做者這樣的非科班的人員，對於20年前上古時代而言，不重視基礎或許還能有一線生機，可是對於2020年的前端，對基礎的把控無疑是各大廠或中小企業做爲篩選編程人員的一項重要指標，不只僅是形勢嚴峻，更重要的是如今對前端的要求已再也不是切切圖、作作動效那麼簡單的要求，而是要求可以寫框架，甚至寫一個js解釋器，我的建議非科班同窗能夠先把《計算機網絡》、《編譯原理》這兩門基礎看一下，而後結合已經作的項目，回味寫的代碼，你會有不同的理解，其實每次面試題那些代碼都是在把本身做爲一個js解釋器來執行代碼。越底層的東西，越具備奠定性和穩定性，只會principle不行，可是不會principle確定不行！！！

3. 說說工程化吧，對於絕大多數作前端的來講，大部分可能都是從其餘傳統理工科專業轉過來的，而工科專業或者工程專業，交給咱們的工程思想實際上是一致的，而咱們的title也是「web前端工程師」，所謂工程化就是將某種理論進行高效並穩定的可複製的實踐出來，而對於前端工程而言，就是將計算機理論的靠近用戶層的高效、穩定、可複製的實踐出來。所謂高效，就是前端性能的優化，包括各類性能檢測、性能瓶頸分析等，jperf、WebPageTest、Yslow等，webpack優化等，除了正常代碼層面的優化，對具體項目的性能優化纔是體現一個工程師經驗和能力的地方；所謂穩定，就是要在各類狀況下都要保持在一個合適的波動區間內，這其中也包含安全的問題，由於安全也是穩定的一部分，web安全主要是在網絡這一塊，另外兼容性也是穩定的要求，要能作到覆蓋絕大用戶畫像的體驗的優雅與一致；所謂可複製，主要講的就是說可以模塊化、組件化的進行重組和拼合，這就要求工程師具備必定的架構能力，從宏觀上對這個工程項目有一個把控，好比如今比較火的微前端。

4. 最後想談談核心競爭力的問題，如今的情形你們也能夠看到，如今對前端的要求真的是愈來愈高，不只僅是互聯網發展到了這個階段，各大人員紛紛轉向互聯網致使人員的增多，更重要的是確實是須要這樣的水平才能完成這個階段才能完成的任務，目前高級/資深前端(p6/p7/p8)的前端仍是有不少坑位的，形勢就必然要求咱們更加完善本身的能力，以及對本身作出更高的要求，若是把北上廣深杭看作歐洲五大聯賽的話，那麼BAT/TMD就是各大豪門球隊，咱們做爲「運動員」，可能前端對應的話能夠看作是前鋒或前腰等位置，評價運動員都有一個雷達圖，對應的咱們做爲開發者，做爲工程師也是有對應的雷達圖。首先若是問我將來五年有什麼技術從目前來看還能保持的，我不敢打包票，可是有一項是確定的，那就是算法和數據結構，這是永遠的核心中的核心，可能咱們做爲前端，對算法和數據結構這一起不如後端那麼重視，可是做爲程序員來說，這項技能是你的基石，若是有這個閃光點能夠說能夠擊敗絕大多數的前端，這個能夠比喻爲運動員的體能和核心力量，雖然平時不重要，但當對抗或比賽的時候其重要就會體現出來；其次，就是各大前端基礎能力了，好比js基礎+html基礎+css基礎+網絡+框架，前端比較雜，要作到沒有盲區，別人問到要知道，可能不能準確的說出來，但要知道是什麼，最好有知識圖譜的創建，配合mdn比較合適；最後，就是要關注一些新出現的前端技術，能夠關注各大論壇大會等等，若是能在實際項目中運用出來那天然是最好的。前端早已進入深水區，只有不斷學習才能不被淘汰，路漫漫其修遠兮，各位戰友共同加油！！！

 總結

回望2019，展望2020，總結以下：

1. 領域細分，生態多樣。全能全會，一專多能

2. 多端紛爭，框架叢生。藝不壓身，大巧不工

3. 工程專分，還需躬行。精雕細琢，玉汝於成

好了，2020到了，願你們在這個寒冬再也不寒冷，加薪升職，心想事成！！！