本文盤(pán)點(diǎn)2019年比較熱的技術(shù)點(diǎn)，大家好根據(jù)前端發(fā)展趨勢(shì)對(duì)自己的技術(shù)棧做一定規(guī)劃，抓住重點(diǎn)。

本文主要聊以下幾個(gè)技術(shù)點(diǎn)：

• Vue, React, Angular
• WebAssembly,PWA
• 小程序
• Flutter
• Webpack ,CLI工具
• TypeScript

1、Vue, React, Angular

Vue 在 2018、2019 年繼續(xù)增長(zhǎng)，其在 GitHub Stars 已經(jīng)超過(guò)了 React ，國(guó)內(nèi)公司更喜歡 Vue。

雖然 Angular 與 React 和 Vue 等庫(kù)相比，粉絲較少，但它仍然是專業(yè)項(xiàng)目的熱門(mén)選擇。

無(wú)論是Vue3.0, React16.8 ,還是angular 8 , 在技術(shù)方面，三大框架趨于穩(wěn)定，都是奔著更快、更小、更易維護(hù)、更易于原生，開(kāi)發(fā)者更爽的目標(biāo)發(fā)展，寫(xiě)法上也越來(lái)越像。

2、WebAssembly

WebAssembly 旨在通過(guò)提供在 web 上運(yùn)行二進(jìn)制格式，最大限度地提高性能，減小文件大小，并支持多種語(yǔ)言的 web 開(kāi)發(fā), 所有主流瀏覽器都已經(jīng)支持。

WebAssembly結(jié)合日漸成熟的WebGL技術(shù)，使得大型的游戲等應(yīng)用遷移到瀏覽器將逐漸成為可能.

隨著基礎(chǔ)的到位和不斷推動(dòng)改進(jìn)的Web體驗(yàn)，WebAssembly將開(kāi)始看到更多的應(yīng)用。

3、PWA

PWA使用多種技術(shù)來(lái)增強(qiáng)web app的功能，能夠模擬一些原生功能，比如通知推送，能使web應(yīng)用具有離線功能和無(wú)縫的移動(dòng)/桌面體驗(yàn)。

（1）移動(dòng)端：PWA能夠取得媲美 Native APP 的性能， PWA 本質(zhì)上是 Web App，借助一些新技術(shù)也具備了 Native App 的一些特性，兼具 Web App 和 Native App 的優(yōu)點(diǎn)。

（2）桌面端：Google 、微軟 接下來(lái)會(huì)大力推進(jìn) PWA 桌面版，Web 應(yīng)用將在桌面達(dá)到近乎原生的體驗(yàn)。

PWA 將會(huì)改變前端與移動(dòng)端之間的格局，再加上WebAssembly 為 JS 帶來(lái)的性能上的突破，JavaScript 將應(yīng)用所有領(lǐng)域，從移動(dòng)端、到桌面應(yīng)用、物聯(lián)網(wǎng)、VR、AR、游戲等 。

4、小程序依然火爆

微信小程序的下一步計(jì)劃，支持 NPM、小程序云、可視化編程、支持分包等，除了微信小程序之外，還有頭條、支付寶、百度都出了各家的小程序。

5G 時(shí)代很快就到了，在網(wǎng)速、內(nèi)存和 CPU 更高的情況下，小程序的加載會(huì)更快，達(dá)到秒開(kāi)，小程序?qū)?huì)有更廣泛的應(yīng)用。

5、Flutter

作為谷歌的開(kāi)源移動(dòng)UI框架，F(xiàn)lutter可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面，今年，Google I/O 大會(huì)宣布了 flutter 支持 web 開(kāi)發(fā)。

flutter 目前的目的就是全平臺(tái)開(kāi)發(fā)，一套代碼同時(shí)運(yùn)行在 iOS 、Android、web和桌面端。

6、Webpack

Webpack作為前端工程化中重要的一項(xiàng)熱門(mén)工具，將前端各種資源（包括CSS及其預(yù)編譯方案、JS及其預(yù)編譯方案）統(tǒng)一打包為.js文件和資源文件（圖片），Webpack歷經(jīng)4個(gè)版本，不斷改進(jìn)，即將發(fā)布V5版本。

Webpack5 的一些變化

• 刪除了Webpack 4已棄用的功能，遷移到Webpack 5時(shí)，請(qǐng)確保不顯示棄用警告；
• 刪除了自動(dòng)Node.js polyfill；
• 使用持久化緩存提高構(gòu)建性能；
• 使用更好的算法和默認(rèn)值改進(jìn)長(zhǎng)期緩存；
• 清理內(nèi)部結(jié)構(gòu)而不引入任何破壞性的變化；
• 引入一些breaking changes，以便盡可能長(zhǎng)的使用v5版本。

7、CLI工具繼續(xù)火爆

各種管理工具的CLI包的創(chuàng)建，讓開(kāi)發(fā)人員不必花好幾天去糾結(jié)配置的問(wèn)題，專注于應(yīng)用程序和業(yè)務(wù)邏輯，幾個(gè)框架的CLI工具主要如下：

Angular CLI：

Vue CLI：

Create React App 2

還有其他的一些框架：Next.js（SSR for React），Nuxt.js（SSR for Vue），React Native的Expo CLI。

2019 年， 各CLI 也會(huì)有更多的改進(jìn)及優(yōu)化。

8、TypeScript將繼續(xù)發(fā)展，也許是Javascript的未來(lái)

JavaScript因沒(méi)有靜態(tài)類型變量而飽受爭(zhēng)議, 試圖解決這個(gè)問(wèn)題的主要庫(kù)有TypeScript、Flow、Reason、PureScript、Elm。

TypeScript 提供了可選的靜態(tài)類型和業(yè)界認(rèn)可的類（ ES5+ 也支持）、泛型、封裝、接口面向?qū)ο笤O(shè)計(jì)能力，以提升 JavaScript 的面向?qū)ο笤O(shè)計(jì)能力。

相比其他，TypeScript更流行一些，Angular 和 Vue 都采用了 TypeScript，并將其作為開(kāi)發(fā)者社區(qū)的標(biāo)準(zhǔn)，2019 年 TypeScript 將有非常大的增長(zhǎng)。

對(duì)于開(kāi)發(fā)者而言，唯一不變的就是學(xué)習(xí)能力，掌握了學(xué)習(xí)能力就能夠應(yīng)對(duì)這些趨勢(shì)變化，祝大家2019技術(shù)進(jìn)步！