2019年前端趨勢分析

2018年TypeScript 全面開花，GraphQL 蠢蠢欲動，WebAssembly 更是打開了瀏覽器上多語言的大門。全部這一切跟如今的前端有哪些關係呢？下面小編來分享一下

1.三大框架標準化

有朋友吐槽：「Vue 的特色就是上手快，初期至關好用，但若是接手一個別人寫的 Vue 項目，再和 React 對比一下，你會感謝 React 的」。但當 Vue 3.0 發佈以後，估計他就不會這樣說了。由於 Vue 3 的 Class API 和 React 的寫法幾乎是如出一轍的，這個改動不是 Proxy 和 TypeScript，而是支持原生 Class 的寫法。你用 Class 來寫，那代碼和 React 寫法幾乎是如出一轍的！

import Vue from 'vue'class App extends Vue.Component {  count = 0  up() {    this.count++  }  down() {    this.count--  }  render() {    return (      <div>        <h1>{this.count}</h1>        <button onClick={() => this.up()}>+</button>        <button onClick={() => this.down()}>-</button>      </div>    )  }}Vue.render(<App />, document.body as HTMLElement)

從上面的討論能夠看出，前端三大框架已經趨於平穩化、標準化，在我看來將來是 

 

二．新技術和新概念

一、GraphQL 、PWA 、WebAssembly
GraphQL已被GitHub等技術領導者採用。然而，它並無像一些預測的那樣快速地起飛。

據JS狀態調查顯示，只有1/5的前端開發人員使用過GraphQL，可是有驚人的62.5％的開發人員已經據說過它並但願使用它。

PWA和 WebAssembly這兩個東西，若是大家如今還不懂或者沒接觸不要緊，我會出一系列教程，咱們一塊兒學，持續關注北媽就好。

由於這個之後，會愈來愈流行，只不過如今還不重要。

二、各類CLI工具封裝
衆所周知，要跟上最新的庫，正確配置應用程序並作出正確的架構決策，這可能會讓人感到筋疲力盡。

這種痛苦催生了管理工具的CLI包的建立，容許開發人員專一於應用程序和業務邏輯。

你們熟知和不熟知的 流行的框架包括 Next.js（SSR for React），Create-React-App（客戶端React），Nuxt.js（SSR for Vue），Vue CLI（客戶端） -side Vue），React Native的Expo CLI，默認狀況下使用Angular

三、靜態站點話題 從新興起
隨着JavaScript革命的發生，每一個人都喜歡學習最新最好的圖書館，但如今事情已經解決，咱們已經意識到並不是每一個網站都須要是一個複雜的單頁面應用程序（SPA）。

這致使了靜態站點生成器的增加。

三.TypeScript多是JavaScript的將來
JavaScript因沒有靜態類型變量而受到批評。試圖糾正這個問題的兩個主要庫是TypeScript和Flow，但TypeScript看起來是最受歡迎的。

事實上，在Stack Overflow調查中，TypeScript的評分高於JavaScript自己，爲67％，而最受喜好的語言爲61.9％。

根據JS的狀態調查，超過80％的開發人員但願使用TS或已經使用它並享受它。對於Flow，只有34％的開發人員正在使用它或想要使用它。

根據全部跡象，TypeScript是JS中靜態類型的首選解決方案，許多人選擇使用普通的JavaScript。在2018年，TS的npm下載數量大幅增加，而Flow保持不變。

 

四．移動端

Flutter 是 Google 推出的幫助開發者在 Android 和 iOS 兩個平臺，同時開發高質量原生應用的全新移動 UI 框架，和 React-native/Weex 同樣支持熱更新。Flutter 使用 Google 本身家的 Dart 語言編寫，恰好今年 Dart 2 也正式發佈，不知道兩者之間是否有關聯。目前 Dart 主攻 Flutter 和 Web 兩塊，同時提供了 pub 包管理器，儼然是一門全新的語言，學習成本有些高。反觀 TypeScript 就很是容易被接受，基於 npm 生態，兼容 ES 語法，所以，2019 年對 Dart 我仍是會持觀望態度。

除了不喜歡 Dart 外，Flutter 的其餘方面都很好，在移動端如今強運營的背景下，支持熱更新是必備能力。

關於 Weex，一邊罵一邊用，很無奈的一種狀態。Weex 自己是好東西，捐給了 Apache，目前在孵化中，會有一個不錯的將來。但社區維護的很是差，問題 issue 不及時，文檔不更新。若是公司沒有架構組，仍是比較難搞定的。

不過也有不少不錯的案例，好比 2018 年優酷雙十一活動就是使用 Weex 開發的，效果很是不錯。經過自建的可視化活動搭建平臺，可以很是高效的完成開發，結合 App 內的緩存，總體效果比 H5 好的多。

我對 Weex 的見解是，之前 Weex 只是解決 H5 渲染效率的問題，但現在強運營的背景，使得 Weex 承載了很是多的內容，好比動畫、遊戲甚至是圖形圖像處理等。能夠看到，將來 Weex 還會戰略性的增長。

更多精彩資訊或者獲取1000集前端視頻能夠加我 3252897743