淺談2019年前端發(fā)展趨勢(shì)分析

發(fā)布時(shí)間：2019-12-10 17:02:59 作者：FlyDragon

我要評(píng)論

這篇文章主要介紹了淺談2019年前端發(fā)展趨勢(shì)分析，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

2019年已經(jīng)過(guò)去一半，前端領(lǐng)域有了較大的變化，是時(shí)候總結(jié)一下前端的發(fā)展變化了。

核心觀(guān)點(diǎn)：

前端三大框架已趨于平穩(wěn)，標(biāo)準(zhǔn)化，向 Web Components 看齊。
小程序（各種平臺(tái)）爆發(fā)，互聯(lián)網(wǎng)創(chuàng)業(yè)優(yōu)先選擇小程序。多端受到重視，不再只是 all in mobile。
WebAssembly 讓更多語(yǔ)言可以運(yùn)行在瀏覽器上。
PWA 進(jìn)入穩(wěn)定期，尤其是 PWA 桌面版，可以讓我們更好的看清楚 PC 桌面版開(kāi)發(fā)的全貌。
Flutter 發(fā)展較快，最大硬傷是Dart語(yǔ)言。RN原有的開(kāi)發(fā)方式會(huì)退出歷史舞臺(tái)。
TypeScript已經(jīng)慢慢成為前端的主流開(kāi)發(fā)語(yǔ)言，將成為必備開(kāi)發(fā)技能。
開(kāi)發(fā)團(tuán)隊(duì)前后端分離已經(jīng)進(jìn)入深水期。
其他：ServerLess\GraphSQL發(fā)展迅猛、D3、webgl、SVG、webpack不再是唯一的打包工具選項(xiàng)（Rollup、parcel零配置）、WebRTC、靜態(tài)生成、人工智能前端化

三大框架趨于一致和平穩(wěn)

Vue3.0發(fā)布
React16版本
Angular 8

Vue 3 的 Class API 和 React 的寫(xiě)法幾乎是一模一樣，三大框架基本開(kāi)始趨同，未來(lái)會(huì)更加像Web Components.

PWA 進(jìn)入穩(wěn)定期

PWA 和 native app（移動(dòng)應(yīng)用）的核心區(qū)別在于以下幾點(diǎn)：

安裝：PWA 是一個(gè)不需要下載安裝即可使用的應(yīng)用。
緩存使用：native app 主要是對(duì) sqlite 緩存，以及文件讀寫(xiě)操作，而 PWA 對(duì)緩存數(shù)據(jù)庫(kù)操作支持的非常好，足以應(yīng)對(duì)各種場(chǎng)景。
基本能力補(bǔ)齊，比如推送。

現(xiàn)在 PWA 已經(jīng)支持的很好了，唯一麻煩的是緩存策略和發(fā)版比較麻煩，應(yīng)用輕量化的趨勢(shì)已經(jīng)很明朗了

小程序火爆

如果說(shuō)和 PWA 比較像的，大概就是小程序了，小程序也可以說(shuō)是今年最火的技術(shù)。

微信小程序的下一步計(jì)劃，支持 NPM、小程序云、可視化編程、支持分包等，聽(tīng)起來(lái)很美好，但坑依然不少。小程序原生提供的 DSL 不夠好用，所以就有了上層開(kāi)發(fā)框架或者腳手架來(lái)優(yōu)化開(kāi)發(fā)效率，目前比較主流的有 3 個(gè)：

今年還冒出了微信小程序之外的頭條小程序、支付寶小程序、百度智能小程序等，未來(lái)還會(huì)有很多。同時(shí)，手機(jī)廠(chǎng)商大概是看到了小程序?qū)ζ鋺?yīng)用商店的威脅，小米、華為、OPPO、vivo 等九大國(guó)內(nèi)手機(jī)廠(chǎng)商聯(lián)手成立了“快應(yīng)用聯(lián)盟”，基于 react-native 技術(shù)棧，整體也很不錯(cuò)，尤其是天貓調(diào)用菜鳥(niǎo)裹裹的快應(yīng)用，安卓下有非常好的體驗(yàn)。相較而言，微信是基于 Webview 的，而快應(yīng)用使用的是原生渲染方案，其他家也大抵如此。

WebAssembly

WebAssembly 是一種新的字節(jié)碼格式，目前主流瀏覽器都已經(jīng)支持 WebAssembly。和 JS 需要解釋執(zhí)行不同的是，WebAssembly 字節(jié)碼和底層機(jī)器碼很相似，可以快速裝載運(yùn)行，因此性能相對(duì)于 JS 解釋執(zhí)行而言有了極大的提升。也就是說(shuō) WebAssembly 并不是一門(mén)編程語(yǔ)言，而是一份字節(jié)碼標(biāo)準(zhǔn)，需要用高級(jí)編程語(yǔ)言編譯出字節(jié)碼放到 WebAssembly 虛擬機(jī)中才能運(yùn)行，瀏覽器廠(chǎng)商需要做的就是根據(jù) WebAssembly 規(guī)范實(shí)現(xiàn)虛擬機(jī)。

移動(dòng)端

Flutter 是 Google 推出的幫助開(kāi)發(fā)者在 Android 和 iOS 兩個(gè)平臺(tái)，同時(shí)開(kāi)發(fā)高質(zhì)量原生應(yīng)用的全新移動(dòng) UI 框架，和 React-native/Weex 一樣支持熱更新。Flutter 使用 Google 自己家的 Dart 語(yǔ)言編寫(xiě)，剛好今年 Dart 2 也正式發(fā)布，不知道二者之間是否有關(guān)聯(lián)。目前 Dart 主攻 Flutter 和 Web 兩塊，同時(shí)提供了 pub 包管理器，儼然是一門(mén)全新的語(yǔ)言，學(xué)習(xí)成本有些高。反觀(guān) TypeScript 就非常容易被接受，基于 npm 生態(tài)，兼容 ES 語(yǔ)法

TypeScript

強(qiáng)大的靜態(tài)編譯能力，讓JavaScript編程更上一層樓，尤其是大團(tuán)的開(kāi)發(fā)，簡(jiǎn)直是利器。

原生支持ES6、對(duì)各個(gè)框架的支持度都完美契合。2019年是TS的爆發(fā)年。

總結(jié)

進(jìn)入2019年，前端發(fā)展進(jìn)入深水區(qū)，不再是開(kāi)發(fā)的附庸，前端將會(huì)是未來(lái)開(kāi)發(fā)的主力，技術(shù)變化也將風(fēng)起云涌，對(duì)于初學(xué)前端小伙伴們，選擇一個(gè)具備國(guó)際視野和開(kāi)發(fā)趨勢(shì)的老師是非常重要的。有興趣的小伙伴可以看一下老馬親帶的AICODER程序員全棧培訓(xùn)。

作者：FlyDragon
出處：http://www.cnblogs.com/fly_dragon/
關(guān)于作者：專(zhuān)注于微軟平臺(tái)項(xiàng)目架構(gòu)、管理和企業(yè)解決方案。如有問(wèn)題或建議，請(qǐng)多多賜教！

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。