2017年 JavaScript 架構回顧 -- 前端架構

標籤：服務   span   特定   軟體包   一個   應用程式開發   替代   work   lan   

概述：

對於 JavaScript 社區來說，npm 的主要功能之一就是協助開發人員發掘所需的 npm Registry 中的庫和架構。npm 強大的搜尋功能能夠協助找到一組相關的軟體包，同時其內建的的文檔和使用統計資訊，可以協助開發人員決定使用哪一種軟體包。

選擇過程中，一個重要的評估因素就是社區對軟體包項目的持續支援：是否正在積極的維護？是否有足夠大的社區來維持項目？

評估的過程中，軟體包的普及程度是一個重要的考量因素。不論是通過部落格文章還是教程的方式，一個具有大型社區的軟體包意味著有更多的開發人員可以協助你解決問題。一個大型的社區也意味著在遇到錯誤之前，找到修複錯誤的可能性更大。如果你們是一個大型的團隊，那麼使用流行的軟體包，也能讓你更容易的招聘到熟悉這些軟體的開發人員。

使用 npm 的下載統計資料，可以讓開發人員瞭解到使用和維護軟體包的人數。一旦將軟體包加入軟體中，那麼軟體包將擁有非常長的壽命，因為開發人員一旦安裝了軟體包，就很少會將其從軟體包中刪除掉，正是由於這種非常低的“流失”，安裝包的使用幾乎不會降低。而且隨著 npm 使用者數的不斷上升，npm Registry 中的軟體包數量也在不斷增加。

在考慮軟體包的流行程度時，開發人員應該關注的是軟體包的相對流行程度，即軟體包的下載數量占 Registry 中所有軟體包的下載數量百分比，而不必關注軟體包的絕對增長率，因為軟體包的絕對下載量都是不斷增加的。

 

Registry 的整體資料

npm Registry 中所有軟體包下載的總和表明，npm 生態系統正在經曆爆炸式的持續增長。JavaScript 越來越受歡迎，npm 也正在被更多的 JavaScript 社區所採用。

目前，大約75％的 JavaScript 開發人員都在使用 npm，而且這個數字還在上升，同時現在大約有1000萬 npm 使用者。

下面我們以軟體包所佔 npm Registry 中所有軟體的百分比來作為度量的標準。

 

前端架構

下面我們分析前端架構中最為流行的幾種：

1. Backbone

2. React/Preact

3. Angular

4. Ember

5. Vue

 

Backbone

Backbone 是最早的 JavaScript Web 應用程式架構之一。在早5年中，Backbone 佔據了 npm Registry 下載量的近1％。但是從2013年起，Backbone 開始急劇下降，而且一直持續下降的趨勢。即便如此，Backbone 每月仍有75萬次下載，這也是一個相當大的使用量。

 

React

從可以看出，React 自2014年以來，經曆了大幅增長。2017年，React 已經成為了最受歡迎的前端架構。React 並不是構建 Web 應用程式的完整端到端的解決方案。React 是針對應用程式的特定需求，而精心設計的解決方案。並且 React 可以輕鬆地為應用程式的其它部分提供多種替代解決方案。由於這種模組化的特性，React 已經形成了一整套相關軟體包的生態系統，可以解決應用程式其它部分的問題。

Web 開發人員正在積極採用 React，而其他領域（如移動和傳統型應用程式開發）的開發人員也在使用 React。

 

Preact

 

Preact 是 React 的小兄弟，是一個獨立開發的 React 替代品。相比於 React，Preact 犧牲了舊版瀏覽器與效能和尺寸改進的相容性。雖然 Preact 的總體使用率比較低，但是 Preact 還是贏得了很多開發人員的關注，同時其未來的潛力不容小覷。

 

Angular

Angular 是一個完整的架構，是一個用於構建Web應用程式的完整解決方案。Angular 是 React 之後的第二大流行架構，是 Ember 或 Vue 受歡迎程度的兩倍。

Angular 主要由 Google 構建和維護。雖然，2017年 Angular 的相對流行程度並沒有明顯增長，但是它擁有一個龐大的社區、Google 的巨大資源和對其的持續支援，所以 Angular 仍是值得開發人員持續使用的。

 

Ember

Ember 是一個由各種大公司形成的完整架構，但它沒有主要的企業支援者。從 npm 的數字看來，Ember 在2016年下滑後，又在2017年逐漸出現上升。

 

Vue

Vue 是由曾經在 Angular 工作過的 Google 前工程師建立的，與 Ember 的流行程度大致相同，Vue 在絕對流行度方面略低於 Angular 的一半。Vue 的增長速度遠遠超過 Ember 和 Angular，預計 Vue 會在2018年超過 Ember。

 

2017年前端架構情況

顯示了2016年10月至2017年10月的12個月期間，各個架構的絕對受歡迎程度及其增長情況。從總體情況中，可以得到以下結論

• Preact 雖然很小，但發展最快。

• Vue 的成長速度也非常快。

• Ember 在過去的12個月裡受歡迎程度有所上升。

• Backbone 已經不再那麼受歡迎了。

• 當使用者從1.x轉移到2.x時，Angular 的受歡迎程度保持不變。

• jQuery 仍然非常受歡迎，但使用者使用量越來越少。

• React 既龐大又在快速增長。

 

JavaScript 開發工具推薦

SpreadJS 純前端表格控制項是基於 HTML5 的 JavaScript 試算表和網格功能控制項，提供了完備的公式引擎、排序、過濾、輸入控制項、資料視覺效果、Excel 匯入/匯出等功能，適用於 .NET、Java 和移動端等各平台線上編輯類 Excel 功能的表格程式開發。

本文是2017年 JavaScript 架構回顧的第一篇，後續還有 React 生態環境介紹和後端架構兩篇文章，敬請期待。

原文連結：https://www.npmjs.com/npm/state-of-javascript-frameworks-2017-part-1

轉載請註明出自：葡萄城控制項

關於葡萄城

活字格由葡萄城公司研發、銷售並提供技術服務。葡萄城公司成立於1980年，是全球領先的集開發工具、商業智慧解決方案、管理系統設計工具於一身的軟體和服務提供者。西安葡萄城是其在中國的分公司，面向全球市場提供軟體研發服務，並為中國企業的資訊化提供國際先進的開發工具、軟體和研發諮詢服務。

2017年 JavaScript 架構回顧 -- 前端架構