首頁 > web前端 > js教程 > 主體

最受歡迎的十個JavaScript框架和函式庫

黄舟
發布: 2017-03-21 14:13:58
原創
1502 人瀏覽過

這篇文章主要為大家詳細介紹了十大熱門的JavaScript框架和庫,前端必備,感興趣的小伙伴們可以參考一下

Javascript 框架和函式庫可以說是開源專案中最龐大也是最累的類別了,目前在github 上這一類的專案是最多的,並且幾乎每隔一段時間就會出現一個新的專案席捲網絡社區,雖然這樣推動了創新的發展,但不得不說苦了前端的開發者們。因此本文羅列出了一些優秀的 Javascript 框架和函式庫的特及其在 github 上的 star 數,旨在為各位開發者提供一些參考。

最受歡迎的十個JavaScript框架和函式庫

1、ReactJS(Star: 59989,Fork: 10992)

最受歡迎的十個JavaScript框架和函式庫

React.js(React)是一個用來建立使用者介面的Javascript 函式庫,主要用於建構UI,很多人認為React 是MVC 中的V(視圖)。 React 起源於 Facebook 的內部項目,用來架設 Instagram 的網站,並於 2013 年 5 月開源。 React 擁有較高的效能,程式碼邏輯非常簡單,越來越多的人開始關注和使用它。

React 特點:

  1.宣告式設計−React採用宣告範式,可以輕鬆描述應用。

  2.高效率−React透過DOM的模擬,最大限度地減少與DOM的交互作用。

  3.靈活−React可以與已知的函式庫或框架很好地配合。

  4.JSX− JSX 是 Javascript 語法的擴充。 React 開發不一定使用 JSX ,但我們建議使用它。

  5.元件− 透過 React 建構元件,使得程式碼更容易重複使用,能夠很好的應用在大專案的開發中。

  6.單向回應的資料流− React 實作了單向回應的資料流,從而減少了重複程式碼,這也是為什麼它比傳統資料綁定更簡單。

2、AngularJS(Star: 54769,Fork: 27292)

最受歡迎的十個JavaScript框架和函式庫

Angular JS (Angular.JS) 是一組用來開發Web 頁面的框架、範本以及資料綁定和豐富UI 元件。它支援整個開發進程,提供 Web 應用的架構,無需進行手動 DOM 操作。 AngularJS 很小,只有 60K,相容於主流瀏覽器,與 jQuery 配合良好。

3、Vue.js(Star: 43608, Fork: 5493)

最受歡迎的十個JavaScript框架和函式庫

Vue.js 是建立Web 介面的Javascript 函式庫,提供資料驅動的元件,還有簡單彈性的API,讓MVVM 更簡單。

主要特性:

  ●可擴展的資料綁定

  ●將普通的JS 物件作為model

  ●簡潔明了的API

  ●元件化UI 建置

  ●配合別的函式庫使用

4、jQuery(Star: 43432, Fork: 12117)

最受歡迎的十個JavaScript框架和函式庫

JQuery 是個輕量級的js函式庫(壓縮後只有21k) ,它相容於CSS3,也相容於各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery使用戶能更方便地處理HTML documents、events、實現動畫效果,並且方便地為網站提供AJAX互動。 jQuery還有一個比較大的優點是,它的文件說明很全,而且各種 應用也說得很詳細,同時還有許多成熟的插件可供選擇。 jQuery能夠讓使用者的html頁保持程式碼和html內容分離,也就是說,不用再在html裡面插入一堆js來呼叫指令了,只要定義id即可。

5、Meteor(Star: 36691,Fork: 4617)

最受歡迎的十個JavaScript框架和函式庫

Meteor 是一組新的技術用於建立高品質的Web 應用,提供很多現成的包,可直接在瀏覽器或雲端平台運作。

6、Angular2(Star:20803,Fork:5367)

最受歡迎的十個JavaScript框架和函式庫

Angular 是一款十分流行且好用的 Web 前端框架,目前由 Google 維護。這個條目收錄的是 Angular 2 及其後面的版本。由於官方已將 Angular 2 和先前的版本Angular.js分開維護(兩者的 GitHub 地址和專案主頁皆不相同),所以就有了這個頁面。

7、Ember.js(Star: 17540,Fork: 3646)

最受歡迎的十個JavaScript框架和函式庫

Ember是一個雄心勃勃的Web應用程序,消除了樣板,並提供了一個標準的應用程式架構的Javascript框架。

8、Polymer(Star:16979,Fork: 1699)

最受歡迎的十個JavaScript框架和函式庫

在2013年的Google I/O大會上,Google發布了Polymer,它是使用Web元件建構Web應用的類別庫,同時也使用了為Web建置可重複使用元件的新的HTML 5標準。 Polymer為大部分的網頁元件技術提供了polyfills功能,它能讓開發者在所有瀏覽器支援新功能前創建自己可重複使用元件。此外,Polymer提供了一系列的部件的例子,其中包括天氣、時鐘、股票行情和線型圖。

Polymer中的polyfills為需要使用Web元件成功建構應用提供了多種Web技術,包括:

  ●HTML imports:種在其他HTML document中引入和重複使用HTML document的方法。

  ●自訂元素:讓開發者定義並使用自訂DOM元素。

  ●Shadow DOM:在DOM中提供的封裝。

  ●模型驅動視圖(Model Driven Views):提供象AngularJS的資料綁定。

  ●Web動畫:實作複雜動畫的API。

  ●Pointer事件:對滑鼠觸控與觸控筆事件的封裝

9、Zepto.js(Star: 12074,Fork: 3260)

最受歡迎的十個JavaScript框架和函式庫

#Zepto.js 是支援行動WebKit瀏覽器的Javascript框架,具有與jQuery相容的語法。 2-5k的函式庫,透過不錯的API處理絕大多數的基本工作。

10、Riot.js(Star: 11491,Fork: 902)

最受歡迎的十個JavaScript框架和函式庫

Riot.js是一個客戶端模型-視​​圖-呈現(MVP)框架而且它非常輕量級甚至小於1kb.儘管他的大小令人難以置信,所有它能構建的有如下:一個模板引擎路由,甚至是庫和一個嚴格的並且具有組織的MVP模式。當模型資料變更時視圖也會自動更新。

當然除了以上提到的這些,還有很多優秀的 Javascript 框架和函式庫,幾乎每隔一段時間就會湧現一個新的產品。

以上是最受歡迎的十個JavaScript框架和函式庫的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板