javascript常用框架有哪些-前端問答-PHP中文網

首頁

web前端

前端問答

javascript常用框架有哪些

藏色散人

Oct 26, 2021 pm 03:09 PM

javascript

javascript常用框架有：1、Angular；2、Vuejs；3、Node.js；4、Backbone；5、Ember.js；6、three.js；7、Mocha；8、Next.js ；9、Polymer；10、Mithril等等。

javascript常用框架有哪些

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript常用框架有哪些？

javascript主要框架：Angular、React、MeteorJS、Vuejs、Node.js、Backbone、Ember.js、three.js、Mocha、Next.js、Polymer、Mithril等等。

JavaScript在2017年被IBM評為最值得學習的程式語言之一，自然而然它的流行度快速上升，並且一直持續。這也促使了一個活躍的生態系統的生成以及與之相關的技術和框架的發展。如今誕生了非常多的框架和函式庫，如果對每個框架沒有一個大致的了解，恐怕很難抉擇。如果你正在嘗試選擇一個合適的javascript框架，那麼下面這幾個框架你絕對不容錯過：

1、Angular

Angular JS 是一個有Google維護的開源前端web應用程式框架。它最初由Brat Tech LLC的Misko Hevery於2009年開發出來。

Angular JS是一個模型-視圖-控制器（MVC）模式的框架，目的在於使HTML動態化。與其他框架相比，它可以快速產生程式碼，並且能非常輕鬆的測試程式獨立的模組。最大的優點就是在你修改程式碼後，它會立即刷新前端UI，能馬上體現出來。它是用於SPAs（單一頁面應用程式）開發中最常用的javascript框架。 Angular JS是一個全功能的框架，可能也是最受歡迎的框架。缺點就是學習起來有點困難。

2、React

React JS 不像框架反而更像函式庫，但絕對值得一提。 AngularJS是一個MVC模式的框架，但ReactJS是一個由Facebook開發的非MVC模式的框架。

它允許你創建一個可重複使用的UI元件，Facebook和Instagram的使用者介面就是用ReactJS開發的。你可以用React進行很複雜的更新並且應用程式運行仍然很快，因為框架本身能很快的處理他們。

你也能寫許多可重複使用的小文件，而不是寫一個大文件。對於要處理大量資料的大型程式來說這是最好的選擇。這個框架的缺點之一就是它只處理應用程式的視圖層，所以你可能需要結合其他工具來一起處理。

3、MeteorJS

MeteorJS 發佈於2012年，涵蓋了開發週期的所有階段，包括後端開發、前端開發、資料庫管理。它是一個由NodeJS編寫的開源框架。

MeteorJS是一個簡單和容易理解的框架，所有的套件和框架都可以輕鬆使用。程式碼層的所有改變能夠立即更新到UI介面，服務的和客戶端只需要用javascript開發。他主要用於IKEA和馬自達等公司的即時應用開發。不建議用於大型或複雜的程序。

4、Vuejs

在了解React和Angular後，你可以嘗試了解下VueJS，一個用於使用者介面開發的漸進式javascript框架。它是一個能快速開發、跨平台的方案。

與Angular和React相比較，它被證明速度更快，並且吸收了這兩者的優點。 Vue的創辦人是尤雨溪，他曾在Google工作並使用Angular。

他的想法是直接抽取他喜歡的Angular的特性，不再引入其他複雜的理念而打造一款新的框架。所有的Vue模板都是基於HTML，你可以在GitHub上找到很多資源。它也提供雙向綁定和服務端渲染。在Vue中，你可以使用模板語法或使用JSX直接編寫渲染函數。

5、Node.js

Node.js是伺服器端JavaScript執行環境，可在跨平台上運作且是開源的。此框架具有事件驅動的體系結構，能夠驅動非同步I / O。它在JavaScript運行時環境中工作，因此顯示了JAVA的類似屬性，例如線程，包，循環的形成。

6、Backbone

Backbone是一個MVP模型，它依賴Underscore.js函式庫。它旨在開發單頁面web應用，並保證不同部分的web應用程式同步。它採用命令式的程式設計風格，與使用聲明式程式設計風格的Angular不同。 Backbone也與後端程式碼同步更新，當模型改變後HTML頁面也隨之改變。 Backbone被用來建構Groupon, Airbnb, Digg, Foursquare, Hulu, Soundcloud, Trello等許多知名應用。

選擇一個正確的javascript框架絕非易事，這取決於你的app需要哪些功能。每種框架都有不同的特性，每一個都有它們的優點和缺點。

7、Ember.js

Ember.js框架創建於2011年。它已被用於為許多知名公司設計網站，包括Kickstarter，Heroku和LinkedIn。

Ember.js定期更新並提供完整的功能包。該框架對於開發複雜的網路應用程式非常有效，其基於字串的模板系統有助於縮短啟動時間。 Ember.js專注於可擴充性，因此開發人員可以輕鬆地使用行動和Web專案。

8、three.js

想要創造一個 3D 視覺化，卻又不需要完整的遊戲引擎？ Three.js 提供了一個輕量的 3D 函式庫來將 3D 渲染成一個 HTML5 canvas、SVG 和 WebGL。這確實是一個明確的函式庫，在 Three.js 的用例展示中，有幾百個效果很好的例子。

什麼時候使用 three.js？每當你需要一個簡單的三維視覺化，可以輸出到畫布上。

9、Mocha

Mocha 是一個 JavaScript 測試框架，可以輕鬆地在 node 模型和瀏覽器應用程式中測試非同步程式碼。 Mocha 測試可以串聯運行，並且對於正確的測試案例具有高品質的追蹤異常。

10、Next.js

Next.js不是您通常的JavaScript框架。它是由React團隊開發，作為伺服器端渲染的附加工具。使用React和Next.js，開發人員可以像使用Vue.js框架一樣簡化開發流程。

Next.js具有非凡的功能，例如自動程式碼分割和基於頁面的用戶端路由。此外，Next.js具有完整的CSS支持，稱為styled-jsx，使使用者介面樣式更容易。