盤點(diǎn)：2019年前端技術(shù)趨勢(shì)

作者：佚名 2019-07-18 15:20:22

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

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

1、Vue, React, Angular

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

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

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

2、WebAssembly

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

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

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

3、PWA

PWA使用多種技術(shù)來增強(qiáng)web app的功能，能夠模擬一些原生功能，比如通知推送，能使web應(yīng)用具有離線功能和無縫的移動(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 、微軟接下來會(huì)大力推進(jìn) PWA 桌面版，Web 應(yīng)用將在桌面達(dá)到近乎原生的體驗(yàn)。

PWA 將會(huì)改變前端與移動(dòng)端之間的格局，再加上WebAssembly 為 JS 帶來的性能上的突破，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á)到秒開，小程序?qū)?huì)有更廣泛的應(yīng)用。

5、Flutter

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

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

6、Webpack

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

Webpack5 的一些變化

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

各種管理工具的CLI包的創(chuàng)建，讓開發(fā)人員不必花好幾天去糾結(jié)配置的問題，專注于應(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的未來

JavaScript因沒有靜態(tài)類型變量而飽受爭(zhēng)議, 試圖解決這個(gè)問題的主要庫(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，并將其作為開發(fā)者社區(qū)的標(biāo)準(zhǔn)，2019 年 TypeScript 將有非常大的增長(zhǎng)。

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

責(zé)任編輯：龐桂玉來源：前端大全