迅速發展的前端開發，在每?年，都為開發者帶來了新的關鍵詞。2020年前端發展的關鍵詞?將有哪些呢？發展的方向又會是什么呢？參考2019年大前端的發展，不出意外，前端依舊會圍繞?程序、超級APP、跨端開發、前端?程化以及新技術運用等幾個方面進行展開。
小程序在?程序??，今年仍然是?程序突?猛進的?年，各?主流的App都上線了?程序能?的?持，各前端團隊也都有了專?的?程序開發團隊，以適應更快的?程序開發需求。同時App中很多關鍵的功能都被?程序所替代，甚?有些App已經變成Native?程序殼，上層的應?實現全部是?程序。在微信小程序出現以前，大家在談Hybird、ReactNative，但終歸只是技術層面的狂歡，始終沒有業務屬性的注入。小程序的出現，一方面告訴業界在當前設備上Webview也沒差到哪去，另外一方面告訴業界如何讓有能力的商家在超級APP上進行私域運營。
另一方面，從技術角度說，在上層DSL的嚴格限制下，超級APP就可定義符合自己訴求的Web標準，彌補當前Web標準的不足，最后和客戶端配合，結合離線、預加載、定制Webview能產出類似于NSR等各種酷炫的技術模型，讓Web在端內低成本達到Native版的體驗，端外也不會像Weex一樣有點小別扭。不過由于需要依賴超級APP（微信、支付寶、百度、美團、頭條等），由于各家平臺采用的具體方案的差異，造成目前小程序的落地方案也不一樣，有時候需要開發多套代碼。跨端開發跨端開發??，RN?態已經?常成熟，或者說看不到太多發展前景，因為目前還停留在0.61版本，似乎1.0版本仍然遙遙無期。因此，今年很多團隊轉戰?歌?態的Flutter，特別是FlutterforWeb的第?個Release，?讓Web前端重燃希望、躍躍欲試。同時，蘋果公司也發布了全新的UI系統——SwiftUI，同時，開源社區中SwiftUIforWeb已經在路上了，SwiftUIforAndroid還會遠嗎？跨端開發??，Flutter仍會快速發展，并且會有更多的開發者，FlutteronJS、SwiftUIforWeb&Android也將是開源?態值得期待的事情，畢竟跨端仍沒有?個完美的解決?案。
前端工程化在前端?程化??，開發者最重要的基本素養就是通過?具提升效率，?前端開發者在這??會持續迭代和優化。曾經我們談Yoman，談CLI等系列構建工具，但在團隊大了之后始終覺得差點什么。反觀Java同學，從沒聽說過SpringBoot配置工程師。今年很多團隊都在建設完整的前端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:Movinga30YearCodeBasetotheWeb》，即通過WebAssembly，讓很多年代久遠的C++代碼在Web上可以運行，并且保證了執行效率。hrome的核心JavaScript引擎V8目前已包含了Liftoff這一新款WebAssemblybaseline編譯器。Liftoff簡單快速的代碼生成器極大地提升了WebAssembly應用的啟動速度。2019年，很多的公司都開始投入人力進行WebAssembly的學習個改造，相信2020年WebAssembly會經歷爆發式期。5G2019年一個繞不開的話題就是5G。?先，5G帶寬的?幅提升帶來傳統Web??復雜度的進?步提升，如同2G到4G變?過程中??從WAP的純?本超鏈接時代變?到4G全圖?視頻時代。
5G對于??的變?必將是巨?的，但肯定不會?蹴?就。因為相應的配套設施也需要逐步完善，如硬件性能和瀏覽器的處理速度。?服務端渲染（SSR）肯定是其中?個捷徑，輕前端重后臺，5G是橋梁，把渲染放后臺，不像同構那么簡單，需要關注和優化渲染性能。WebAssembly或許會在這個機遇下得到快速發展，因為它可以?縫對接后臺多種語?，?后臺渲染的優化也會帶來前端??研發模式和技術架構的變?。其次，5G帶來的萬物互聯，?將帶來有別于智能?機和普通PC的多樣化的應?場景，VR、可穿戴設備、?載系統、智能投影、智能交互等?會把Web帶?各種各樣的垂直領域，這也意味著前端將有更多?闊的空間。相信隨著5G的大規模商業，會誕生一批新的互聯網巨頭。