這一年在前端技術方面，其實較往年並不會有太大的改變，我總結了以下在2020年必須要學習的知識點。

1.小程式

現在很多app都上線了小程式支援，未來會有更多 app中的關鍵功能會被小程式替代。

2.跨端開發

跨段開發方面，目前比較火的就是react native,fluter,uni-app,這三種選擇，其中 rn的生態比較成熟，但目前版本一直未更新，Flutter 仍會快速發展，uni-app我覺得還是比較雞肋，不多作描述。

3.前端工程化

前端工程體系一定會更加閉環，不再是一個腳手架這麼簡單，而是會結合 IDE，打通業務屬性，從專案初始化、到編寫程式碼、到 CI、到灰度、到釋出 形成一個完成的閉環。

4.typescript

TypeScript 是 JavaScript 的一個超集，也不是啥新東西了，ts是一個完全oop的強型別編譯語言，彌補了js的型別缺陷等等問題，js以後也是會慢慢往這方面靠近的，畢竟一個語言沒有型別的話確實是不那麼靠譜的說。

迅速發展的前端開發，在每⼀年，都為開發者帶來了新的關鍵詞。2020 年前端發展的關鍵詞⼜將有哪些呢？發展的方向又會是什麼呢？參考2019年大前端的發展，不出意外，前端依舊會圍繞⼩程式、超級APP、跨端開發、前端⼯程化以及新技術運用等幾個方面進行展開。

小程式在⼩程式⽅⾯，今年仍然是⼩程式突⻜猛進的⼀年，各⼤主流的 App 都上線了⼩程式能⼒的⽀持，各前端團隊也都有了專⻔的⼩程式開發團隊，以適應更快的⼩程式開發需求。同時App 中很多關鍵的功能都被⼩程式所替代，甚⾄有些 App 已經變成 Native ⼩程式殼，上層的應⽤實現全部是⼩程式。在微信小程式出現以前，大家在談 Hybird、ReactNative，但終歸只是技術層面的狂歡，始終沒有業務屬性的注入。小程式的出現，一方面告訴業界在當前裝置上 Webview 也沒差到哪去，另外一方面告訴業界如何讓有能力的商家在超級 APP上進行私域運營。

前端工程化在前端⼯程化⽅⾯，開發者最重要的基本素養就是透過⼯具提升效率，⽽前端開發者在這⽅⾯會持續迭代和最佳化。曾經我們談 Yoman，談 CLI 等系列構建工具，但在團隊大了之後始終覺得差點什麼。反觀 Java 同學，從沒聽說過 Spring Boot 配置工程師。今年很多團隊都在建設完整的前端 DevOps 流程⼯具集，⼀些團隊之間也開始協作共建，不管是 Web 還是⼩程式項⽬，從新建項⽬、開發、聯調（tiao）、部署、測試、釋出、運維到監控統計，都有完善的⼯具做保障和提效，今後前端⼯程也會越⾛越標準化。展望2020年前端的發展，前端工程體系一定會更加閉環，不再是一個腳手架這麼簡單，而是會結合 IDE，打通業務屬性，從專案初始化、到編寫程式碼、到 CI、到灰度、到釋出 形成一個完成的閉環。

ServerlessServerless 的⽕爆⼏乎可以歸因於前端。因為 Serverless 能夠較完美的⽀持Node.js，使⽤ Serverless 幫助前端開發者解決了使⽤Node.js 過程中的諸多問題。當前的前端工程師大多都是科班出身，雖不能和正宗的服務端開發同學比，但也可寫很多服務端層的業務邏輯。當前已經有很多公司在做 BFF 層，來滿足這部分訴求，但依舊擺脫不掉運維、機器分配 這條攔路虎。隨著 Serverless 的逐步落地，BFF 這層的程式碼會擺脫運維、機器分配等複雜的問題，同時大機率會由前端同學寫這部分程式碼，服務端同學專注中臺系統的實現。從業務上說，業務的試錯成本也會大幅度降低。隨著 Node.js 成為前端開發者必備技能之後，雲計算的不斷普及會讓Serverless 觸⼿可及。當越來越多的開發者嚐到研發⾼效的甜頭之後，Serverless 必將對前端的研發模式產⽣變⾰。同時，使用Serverless的同學一定會使用 TS。

這也意味著，2020 不寫 TS 可能真的就 Out 了。WebAssemblyWebAssembly 是一種新的位元組碼格式，目前主流瀏覽器都已經支WebAssembly。 和 JS 需要解釋執行不同的是，WebAssembly 位元組碼和底層機器碼很相似，可以快速裝載執行，因此效能相對於 JS 解釋執行而言有了極大的提升。 也就是說WebAssembly 並不是一門程式語言，而是一份位元組碼標準，需要用高階程式語言編譯出位元組碼放到 WebAssembly 虛擬機器中才能執行， 瀏覽器廠商需要做的就是根據 WebAssembly 規範實現虛擬機器。有了 WebAssembly，在瀏覽器上可以跑任何語言。從 Coffee 到 TypeScript，到 Babel，這些都是需要轉譯為 js 才能被執行的，而 WebAssembly 是在瀏覽器裡嵌入 vm，直接執行，不需要轉譯，執行效率自然高得多。

舉個例子，AutoCAD 軟體是由美國歐特克有限公司（Autodesk）出品的一款自動計算機輔助設計軟體，可以用於繪製二維製圖和基本三維設計。使用它時，無需懂得程式設計，即可自動製圖，因此它在全球被廣泛應用於土木建築、裝飾裝潢、工業製圖、工程製圖、電子工業、服裝加工等諸多領域。AutoCAD 是由大量 C++ 程式碼編寫的軟體，經歷了非常多的技術變革，從桌面到移動端再到 web。之前，InfoQ 上有一個演講，題目是《AutoCAD & WebAssembly: Moving a 30 Year Code Base to the Web》，即透過 WebAssembly，讓很多年代久遠的 C++ 程式碼在 Web 上可以執行，並且保證了執行效率。hrome 的核心 JavaScript 引擎 V8 目前已包含了 Liftoff 這一新款 WebAssembly baseline 編譯器。Liftoff 簡單快速的程式碼生成器極大地提升了 WebAssembly 應用的啟動速度。2019年，很多的公司都開始投入人力進行WebAssembly的學習個改造，相信2020年WebAssembly會經歷爆發式期。5G2019年一個繞不開的話題就是5G。⾸先，5G 頻寬的⼤幅提升帶來傳統 Web ⻚⾯複雜度的進⼀步提升，如同 2G 到 4G 變⾰過程中⻚⾯從 WAP 的純⽂本超連結時代變⾰到 4G 全圖⽚影片時代。

5G 對於⻚⾯的變⾰必將是巨⼤的，但肯定不會⼀蹴⽽就。因為相應的配套設施也需要逐步完善，如硬體效能和瀏覽器的處理速度。⽽服務端渲染（SSR）肯定是其中⼀個捷徑，輕前端重後臺，5G 是橋樑，把渲染放後臺，不像同構那麼簡單，需要關注和最佳化渲染效能。WebAssembly 或許會在這個機遇下得到快速發展，因為它可以⽆縫對接後臺多種語⾔，⽽後臺渲染的最佳化也會帶來前端⻚⾯研發模式和技術架構的變⾰。其次，5G 帶來的萬物互聯，⼜將帶來有別於智慧⼿機和普通 PC 的多樣化的應⽤場景，VR、可穿戴裝置、⻋載系統、智慧投影、智慧互動等⼜會把 Web 帶⼊各種各樣的垂直領域，這也意味著前端將有更多⼴闊的空間。相信隨著5G的大規模商業，會誕生一批新的網際網路巨頭。