前端開發(fā)的快速發(fā)展每年都會給開發(fā)者帶來新的關(guān)鍵詞。隨著前端的發(fā)展，越來越多的人開始加入到前端的隊(duì)伍中來。前端開發(fā)的快速發(fā)展每年都會給開發(fā)者帶來新的關(guān)鍵詞。那么對于前端新人來說，2020年前端開發(fā)的關(guān)鍵詞是什么？發(fā)展方向是什么？就2020年大前端的發(fā)展而言，前端仍將專注于小程序、超級應(yīng)用、跨端開發(fā)、前端工程化和新技術(shù)應(yīng)用，這絕非偶然。本文，就一一給大家詳解這些趨勢。

1、小程序

在這個項(xiàng)目中，今年仍然是項(xiàng)目突然進(jìn)展的一年。所有主要應(yīng)用程序都已啟動，所有前端團(tuán)隊(duì)都有專門的程序開發(fā)團(tuán)隊(duì)來滿足更快程序開發(fā)的需求。與此同時，APP程序中的許多關(guān)鍵功能已經(jīng)被小程序所取代，甚至有些APP程序已經(jīng)變成了Nativex小程序外殼，上層應(yīng)用完全由小程序來實(shí)現(xiàn)。

在微信小程序出現(xiàn)之前，每個人都在談?wù)揌ybird和ReactNative，但這只是技術(shù)層面的狂歡，沒有注入商業(yè)屬性。小程序的出現(xiàn)，一方面告訴業(yè)界，Webview在當(dāng)前的設(shè)備上并沒有變壞，另一方面，告訴業(yè)界如何讓有能力的企業(yè)在超級應(yīng)用程序上的私有域中運(yùn)行。

另一方面，從技術(shù)角度來看，在上層DSL的嚴(yán)格限制下，超級APP可以定義滿足自身需求的網(wǎng)絡(luò)標(biāo)準(zhǔn)，彌補(bǔ)了當(dāng)前網(wǎng)絡(luò)標(biāo)準(zhǔn)的不足。最后，它可以與客戶端合作生產(chǎn)出各種類似NSR的酷技術(shù)模型，離線、預(yù)裝、定制的網(wǎng)絡(luò)視圖(Webview)，這樣網(wǎng)絡(luò)最終可以以低成本實(shí)現(xiàn)原生版本的體驗(yàn)，不會像Weex那樣在終端外有點(diǎn)尷尬。

然而，由于需要依靠超級應(yīng)用(微信、支付寶、百度、美團(tuán)、頭標(biāo)等)，由于各種平臺采用的具體方案不同，目前小程序的登陸方案也不同，有時需要開發(fā)多套代碼。

2、跨終端開發(fā)

對于跨終端開發(fā)，RN狀態(tài)通常是成熟的，或者沒有太多的開發(fā)前景，因?yàn)樗匀惶幱?.61版本，而1.0版本似乎還很遙遠(yuǎn)。因此，今年許多團(tuán)隊(duì)改變了他們的調(diào)子，以 Flutter為Release，這重新點(diǎn)燃了希望，并使 Flutter前端渴望嘗試。

同時，蘋果也發(fā)布了新的用戶界面系統(tǒng)——SwiftUI。與此同時，面向網(wǎng)絡(luò)的SwiftUI已經(jīng)在開源社區(qū)中上路了。安卓的SwiftUI會遠(yuǎn)遠(yuǎn)落后嗎？

跨終端開發(fā)，顫振仍將快速發(fā)展，并將有更多的開發(fā)者。Flutter on JS、SwiftUIfor Web&Android上也將是值得期待的開源軟件。畢竟，跨終端仍然沒有完美的解決方案。

3、前端工程

在前端編程中，開發(fā)人員最重要的基本成就是提高效率，此時前端開發(fā)人員將繼續(xù)迭代和優(yōu)化。

我們曾經(jīng)談?wù)撨^Yoman、CLI和其他系列的構(gòu)建工具，但是在團(tuán)隊(duì)成長之后，我們?nèi)匀粠缀鯖]有任何感覺。相比之下，Java學(xué)生從未聽說過從沒聽說過 Spring Boot 配置工程師。今年，許多團(tuán)隊(duì)正在構(gòu)建一個完整的前端DevOps流程套件，一些團(tuán)隊(duì)也開始協(xié)作并一起構(gòu)建。無論是網(wǎng)絡(luò)項(xiàng)目還是程序項(xiàng)目，從新項(xiàng)目、開發(fā)、調(diào)運(yùn)、部署、測試、發(fā)布、運(yùn)行和維護(hù)到監(jiān)控統(tǒng)計，都有完善的設(shè)施來保證和提高效率，前端流程在未來將更加標(biāo)準(zhǔn)化。

展望2020年前端的發(fā)展，前端工程系統(tǒng)肯定會更加閉環(huán)，不像腳手架那么簡單，而是將集成開發(fā)環(huán)境(IDE)結(jié)合起來，從項(xiàng)目初始化、代碼編寫、配置項(xiàng)、灰度級和發(fā)布，打開業(yè)務(wù)屬性，形成一個完整的閉環(huán)。

4、Serverless

Serverless的?爆?乎可以歸因于前端。因?yàn)闊oServerless可以完美地支持Node.js，所以Serverless可以幫助前端開發(fā)人員在制作?Node.js.的過程中解決許多問題

大多數(shù)當(dāng)前的前端工程師都受過培訓(xùn)。盡管他們無法與真正的服務(wù)器端開發(fā)學(xué)生相比，但他們也可以編寫許多服務(wù)端業(yè)務(wù)邏輯。目前，許多公司都在做BFF層來滿足這部分需求，但仍然無法擺脫運(yùn)行維護(hù)和機(jī)器配送的障礙。隨著無服務(wù)器(Serverless)的逐步登陸，代碼的BFF層將擺脫操作和維護(hù)、機(jī)器分配等復(fù)雜問題。同時，前端學(xué)生將高概率地編寫這部分代碼，而服務(wù)器端學(xué)生將專注于中型系統(tǒng)的實(shí)現(xiàn)。就業(yè)務(wù)而言，試錯的成本也將大大降低。

隨著Node.js成為前端開發(fā)人員必備的技能，云計算的持續(xù)流行將使無服務(wù)器成為可能。隨著越來越多的開發(fā)人員嘗到研發(fā)的甜頭，無服務(wù)器必將改變前端的研發(fā)模式。

同時，使用無服務(wù)器的學(xué)生肯定會使用TS。這也意味著如果沒有在2020年寫測試，它可能真的過時了。

5、WebAssembly

WebAssembly是一種新的字節(jié)碼格式。目前，主流瀏覽器支持WebAssembly。與JS的解釋和執(zhí)行不同，WebAssembly字節(jié)碼與底層機(jī)器代碼非常相似，可以快速加載和運(yùn)行，因此性能比JS解釋和執(zhí)行有了很大提高。也就是說，WebAssembly不是一種編程語言，而是一種字節(jié)碼標(biāo)準(zhǔn)，需要用高級編程語言編譯并放入WebAssembly虛擬機(jī)中運(yùn)行。瀏覽器制造商需要做的是根據(jù)WebAssembly規(guī)范實(shí)現(xiàn)虛擬機(jī)。使用WebAssembly，您可以在瀏覽器上運(yùn)行任何語言。從Javascript到TypeScript到Babel，這些都需要翻譯成js來執(zhí)行，而WebAssembly嵌入在瀏覽器中，不需要翻譯就可以直接執(zhí)行，所以執(zhí)行效率自然要高得多。

例如，AutoCAD軟件是由AutoCAD生產(chǎn)的自動計算機(jī)輔助設(shè)計軟件，可用于繪制二維圖形和基本三維設(shè)計。使用時無需編程即可自動繪圖，因此廣泛應(yīng)用于民用建筑、裝飾、工業(yè)制圖、工程制圖、電子工業(yè)、服裝加工等諸多領(lǐng)域。

AutoCAD是由大量的C代碼編寫的軟件，經(jīng)歷了從桌面到移動再到網(wǎng)絡(luò)的許多技術(shù)變革。此前，在InfoQ上有一篇題為《AutoCAD ?WebAssembly: Moving a 30 Year Code Base to the Web》的演講，即通過網(wǎng)絡(luò)組裝(WebAssembly)，許多舊的C代碼可以在網(wǎng)絡(luò)上運(yùn)行，執(zhí)行效率得到保證。

Hrome的核心JavaScript引擎V8現(xiàn)在包括了Liftoff，一個新的WebAssembly baseline編譯器。Liftoff簡單快速的代碼生成器大大提高了WebAssembly應(yīng)用程序的啟動速度。2019年，許多公司將開始投資于網(wǎng)絡(luò)組裝的學(xué)習(xí)和轉(zhuǎn)型。據(jù)信，網(wǎng)絡(luò)組裝將在2020年經(jīng)歷一個爆炸性時期。

6、5G

2020年，5G將是一個不可分割的話題。首先，5G帶寬的增加帶來了傳統(tǒng)網(wǎng)絡(luò)復(fù)雜性的提高，就像2G到4G過程中從WAP純超鏈接時代向4G全畫面視頻時代的轉(zhuǎn)變一樣。5G肯定是一個巨大的變化，但它絕對不會在一夜之間發(fā)生。因?yàn)橄鄳?yīng)的配套設(shè)施也需要逐步完善，如硬件性能和瀏覽器處理速度。服務(wù)器端渲染無疑是捷徑之一。輕前端和重后端，5G是一座橋梁。將渲染放在后端并不像同構(gòu)那么簡單。它需要關(guān)注和優(yōu)化渲染性能。在這個機(jī)會下，WebAssembly可能會得到快速發(fā)展，因?yàn)樗梢栽诤笈_縫合和連接多種語言。背景渲染的優(yōu)化也將帶來前端研發(fā)模式和技術(shù)架構(gòu)的變化。

其次，5G帶來的一切互聯(lián)將帶來不同于智能機(jī)器和普通電腦的各種場景。虛擬現(xiàn)實(shí)、可穿戴設(shè)備、載體系統(tǒng)、智能投影、智能交互等。將把網(wǎng)絡(luò)帶入各種垂直領(lǐng)域，這也意味著前端會有更多的空間。相信隨著5G的大規(guī)模業(yè)務(wù)，一批新的互聯(lián)網(wǎng)巨頭將會誕生。

以上就是千鋒武漢Web前端培訓(xùn)小編總結(jié)的在2020年Web前端的一些發(fā)展趨勢，希望能幫到大家。以目前國內(nèi)Web前端的現(xiàn)狀來說，整體水平略有不足，相對應(yīng)的Web前端開發(fā)人才更是高薪難求。雖然Web前端薪資高入門門檻低， 但是俗話說得好：入門容易，精通難。Web前端開發(fā)的知識點(diǎn)繁多，要想真正掌握Web前端工程師開發(fā)技能，并非易事。想系統(tǒng)學(xué)習(xí)Web前端，想高薪就業(yè)，就來千鋒吧，5個月讓你從小白華麗蛻變。