js編程環境框架（js編程環境框架圖）

本文目錄一覽：

• 1、JS的常用開發框架有哪些
• 2、JS有哪些框架？
• 3、javascript框架有哪些
• 4、JS有哪些框架
• 5、有哪些優秀的前端js框架
• 6、什麼是js框架？

JS的常用開發框架有哪些

Yui-ext

基於Yahoo UI的擴展包yui-ext是具有cs風格的web用戶界面組件，能實現複雜的Layou布局，界面效果可以和backbase比美，而且使用純JavaScript代碼開發。真正的可編輯的表格edit Grid，支持XML和Json數據類型。許多組件實現了對數據源的支持，如動態布局，動態載入Tree控制項，動態拖拽效果等等。從1..0beta版開始同jQuery合作，推出基於jQuery的ext1.0，提供了更多有趣的功能。

優點：結構化，清晰明了，底層用到了jQuery的一些函數，使整合使用有了選擇，最重要的一點是界面太 讓人震撼了。

缺點：太過於複雜，整個界面的構造過於複雜。

Jquery

任何使用場景都適用；jQuery是一款同prototype一樣優秀的js開發類庫，特別是針對css和xpath的支持，使我們寫JS變得更加方便。

優點：注重簡潔和高效，js效果有yui-ext的選擇，因為yui-ext重用了很多jquery的函數；

缺點：據說太嫩，歷史不悠久。

Extjs 內部系統，後台系統，管理系統等，有很好的UI設計；

Dojo

功能是最為強大的JS框架，Dojo是一個用JavaScript編寫的開源的DHTML工具箱。Dojo包括Ajax、browser、event、widget等跨瀏覽器API，包括了js本身的語言擴展，以及各個方面的工具類庫，和比較完善的UI組件庫。Dojo強大的地方在於界面和特效的封裝，可以 讓開發者快速構建一些兼容標準的界面。適合企業應用和產品開發；

優點：庫相當完善，發展時間也比較長，得到sun和IBM的持。

缺點：文件體積比較大，200多kb，JS語法增強方面不如prototype。

Prototype

最成熟的框架；定義了JS的面向對象擴展，Dom操作API，事件等等，以prototype為核心，形成一個外圍的各種各樣的JS擴展庫；

優點：基本底層，易學易用，甚至是其他一些JS特效開發包的底層，體積算是最小的；

缺點：如果說缺點，可能就是功能是它的弱項；

JS有哪些框架？

Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx。

簡介：js框架就是將常用的方法進行封裝，方便調取使用。

Dojo：Dojo是一個用javascript語言實現的開源DHTML工具包。它是在幾個項目捐助基礎上建立起來的(nWidgets,Burstlib,f(m)),這也是為什麼叫它a”unified”toolkit的原因。Dojo的目標是解決開發DHTML應用程序遇到的那些，長期存在、歷史問題(historical problems with DHTML)。跨瀏覽器問題。

Scriptaculous ：scriptaculous是在javascrīpt程序庫prototype之上構建的，能提供Ajax支持，主要致力於提供高交互性可視化組件，提升Ajax應用層次。在HTML頁面中需要引用prototype和scrīptaculous程序庫。scrīptaculous中的視覺特效可應用於任何DOM元素，不管元素是什麼顯示類型，它都夠工作。要應用一個特效，需要創建一個Effects特定方法的新實例，然後將要更新的元素作為參數傳入。 scrīptaculous實現把拖放組件分成兩個部分，也可以使某個元素能夠拖動，但不必為其提供一個放的位置。創建一個Draggable類的實例，將要支持拖動操作的元素及相關選項傳入。

Prototype ：在JavaScript中，prototype對象是實現面向對象的一個重要機制。每個函數就是一個對象(Function)，函數對象都有一個子對象 prototype對象，類是以函數的形式來定義的。prototype表示該函數的原型，也表示一個類的成員的集合。

Jquery：jQuery是一套跨瀏覽器的JavaScript庫，簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發布第一個版本。目前是由 Dave Methvin 領導的開發團隊進行開發。全球前10000個訪問最高的網站中，有59%使用了jQuery，是目前最受歡迎的JavaScript庫。

mootools ：MooTools是一個簡潔，模塊化，面向對象的開源JavaScript web應用框架。它為web開發者提供了一個跨瀏覽器js解決方案。在處理js、css、html時候。

javascript框架有哪些

目前來看，JS框架以及一些開發包和庫類有如下幾個，Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx

Dojo （JS library and UI component ）：

Dojo是目前最為強大的j s框架，它在自己的Wiki上給自己下了一個定義，dojo是一個用JavaScript編寫的開源的DHTML工具箱。dojo很想做一個「大一統」的 工具箱，不僅僅是瀏覽器層面的，野心還是很大的。Dojo包括ajax, browser, event, widget等跨瀏覽器API，包括了JS本身的語言擴展，以及各個方面的工具類庫，和比較完善的UI組件庫，也被廣泛 應用在很多項目中，他的UI組件的特點是通過給html標籤增加tag的方式進行擴展，而不是通過寫JS來生成，dojo的API模仿Java類庫的組織 方式。 用dojo寫Web OS可謂非常方便。dojo現在已經4.0了，dojo強大的地方在於界面和特效的封裝，可以讓開發者快速構建一些兼容標準的界面。

優點：庫相當完善，發展時間也比較長，功能強大，據說利用dojo的io.bind()可以實現comet，看見其功能強大非一般，得到IBM和SUN的支持

缺點：文件體積比較大，200多KB，初次下載相當慢，此外，dojo的類庫使用顯得不是那麼易用，j s語法增強方面不如prototype。

Prototype （JS OO library）：

是一個非常優雅的JS庫，定義了JS的面向對象擴展，DOM操作API，事件等等，以prototype為核心，形成了一個外圍的各種各樣 的JS擴展庫，是相當有前途的JS底層框架，值得推薦，感覺也是現實中應用最廣的庫類（RoR集成的AJAX JS庫），之上還有 Scriptaculous 實現一些JS組件功能和效果。

優點：基本底層，易學易用，甚至是其他一些js特效開發包的底層，體積算是最小的了。

缺點：如果說缺點，可能就是功能是他的弱項

Scriptaculous （JS UI component based on prototype）：

Scriptaculous是基於prototype.js框架的JS效果。包含了6個js文件，不同的文件對應不同的js效果，所以說，如果底層用 prototype的話，做js效果用Scriptaculous那是再合適不過的了，連大名鼎鼎的digg都在用他，可見不一般

優點：基於prototype是最大的優點，由於使用prototype的廣泛性，無疑對用戶書錦上添花，並且在《ajax in action》中就拿Scriptaculous來講述js效果

缺點：剛剛興起，需要時間的磨練

yui-ext (JS UI component)：

基於Yahoo UI的擴展包yui-ext是具有CS風格的Web用戶界面組件 能實現複雜的Layout布局，界面效果可以和backbase媲美，而且使用純javascript代碼開發。真正的可編輯的表格Edit Grid，支持XML和Json數據類型，直接可以遷入grid。許多組件實現了對數據源的支持，例如動態的布局，可編輯的表格控制項，動態載入的Tree 控制項、動態拖拽效果等等。1.0 beta版開始同Jquery合作，推出基於jQuery的Ext 1.0，提供了更多有趣的功能。

優點：結構化，類似於java的結構，清晰明了，底層用到了Jquery的一些函數，使整合使用有了選擇，最重要的一點是界面太讓讓人震撼了。

缺點：太過複雜，整個界面的構造過於複雜。

Jquery ：

jQuery是一款同prototype一樣優秀js開發庫類，特別是對css和XPath的支持，使我們寫js變得更加方便！如果你不是個js高手又想寫出優 秀的js效果，jQuery可以幫你達到目的！並且簡介的語法和高的效率一直是jQuery追求的目標，

優點：注重簡介和高效，js效果有yui-ext的選擇，因為yui-ext 重用了很多jQuery的函數

缺點：據說太嫩，歷史不悠久。

Mochikit ：

MochiKit自稱為一個輕量級的js框架。MochiKit 主要受到 Python 和 Python 標準庫提供的很多便利之處的啟發，另外還緩解了瀏覽器版本之間的不一致性。其中的 MochiKit.DOM 尤其方便，能夠以比原始 JavaScript 更友好的方式處理 DOM 對象。MochiKit.DOM 大部分都是針對 XHTML 文檔定製的，如果與 MochiKit 和 Ajax 結合在一起，使用 XHTML 包裝的微格式尤其方便。Mochikit可以直接對字元串或者數字格式化輸出，比較實用和方便。它還有自己的 js 代碼解釋器

優點：MochiKit.DOM這部分很實用，簡介也是很突出的

缺點：輕量級的缺點

mootools ：

MooTools是一個簡潔，模塊化，面向對象的JavaScript框架。它能夠幫助你更快，更簡單地編寫可擴展和兼容性強的JavaScript代碼。Mootools跟prototypejs相類似，語法幾乎一樣。但它提供的功能要比prototypejs多，而且更強大。比如增加了動畫特效、拖放操作等等。

優點：可以定製自己所需要的功能，可以說是prototypejs的增強版。

缺點：不大不小，具體應用具體分析

moo.fx ：

moo.fx是一個超級輕量級的javascript特效庫（7k）,能夠與prototype.js或mootools框架一起使用。它非常快、易於使用、跨瀏覽器、符合標準，提供控制和修改任何HTML元素的CSS屬性，包括顏色。它內置檢查器能夠防止用戶通過多次或瘋狂點擊來破壞效果。moo.fx整體採用模塊化設計，所以可以在它的基礎上開發你需要的任何特效。

優點：小塊頭有大能耐

缺點：這麼小了，已經不錯了

JS有哪些框架

目前來看，JS框架以及一些開發包和庫類有如下幾個，Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx

Dojo （JS library and UI component ）：

Dojo是目前最為強大的j s框架，它在自己的Wiki上給自己下了一個定義，dojo是一個用JavaScript編寫的開源的DHTML工具箱。dojo很想做一個「大一統」的 工具箱，不僅僅是瀏覽器層面的，野心還是很大的。Dojo包括ajax, browser, event, widget等跨瀏覽器API，包括了JS本身的語言擴展，以及各個方面的工具類庫，和比較完善的UI組件庫，也被廣泛 應用在很多項目中，他的UI組件的特點是通過給html標籤增加tag的方式進行擴展，而不是通過寫JS來生成，dojo的API模仿Java類庫的組織 方式。 用dojo寫Web OS可謂非常方便。dojo現在已經4.0了，dojo強大的地方在於界面和特效的封裝，可以讓開發者快速構建一些兼容標準的界面。

優點：庫相當完善，發展時間也比較長，功能強大，據說利用dojo的io.bind()可以實現comet，看見其功能強大非一般，得到IBM和SUN的支持

缺點：文件體積比較大，200多KB，初次下載相當慢，此外，dojo的類庫使用顯得不是那麼易用，j s語法增強方面不如prototype。

Prototype （JS OO library）：

是一個非常優雅的JS庫，定義了JS的面向對象擴展，DOM操作API，事件等等，以prototype為核心，形成了一個外圍的各種各樣 的JS擴展庫，是相當有前途的JS底層框架，值得推薦，感覺也是現實中應用最廣的庫類（RoR集成的AJAX JS庫），之上還有 Scriptaculous 實現一些JS組件功能和效果。

優點：基本底層，易學易用，甚至是其他一些js特效開發包的底層，體積算是最小的了。

缺點：如果說缺點，可能就是功能是他的弱項

Scriptaculous （JS UI component based on prototype）：

Scriptaculous是基於prototype.js框架的JS效果。包含了6個js文件，不同的文件對應不同的js效果，所以說，如果底層用 prototype的話，做js效果用Scriptaculous那是再合適不過的了，連大名鼎鼎的digg都在用他，可見不一般

優點：基於prototype是最大的優點，由於使用prototype的廣泛性，無疑對用戶書錦上添花，並且在《ajax in action》中就拿Scriptaculous來講述js效果

缺點：剛剛興起，需要時間的磨練

yui-ext (JS UI component)：

基於Yahoo UI的擴展包yui-ext是具有CS風格的Web用戶界面組件 能實現複雜的Layout布局，界面效果可以和backbase媲美，而且使用純javascript代碼開發。真正的可編輯的表格Edit Grid，支持XML和Json數據類型，直接可以遷入grid。許多組件實現了對數據源的支持，例如動態的布局，可編輯的表格控制項，動態載入的Tree 控制項、動態拖拽效果等等。1.0 beta版開始同Jquery合作，推出基於jQuery的Ext 1.0，提供了更多有趣的功能。

優點：結構化，類似於java的結構，清晰明了，底層用到了Jquery的一些函數，使整合使用有了選擇，最重要的一點是界面太讓讓人震撼了。

缺點：太過複雜，整個界面的構造過於複雜。

Jquery ：

jQuery是一款同prototype一樣優秀js開發庫類，特別是對css和XPath的支持，使我們寫js變得更加方便！如果你不是個js高手又想寫出優 秀的js效果，jQuery可以幫你達到目的！並且簡介的語法和高的效率一直是jQuery追求的目標，

優點：注重簡介和高效，js效果有yui-ext的選擇，因為yui-ext 重用了很多jQuery的函數

缺點：據說太嫩，歷史不悠久。

Mochikit ：

MochiKit自稱為一個輕量級的js框架。MochiKit 主要受到 Python 和 Python 標準庫提供的很多便利之處的啟發，另外還緩解了瀏覽器版本之間的不一致性。其中的 MochiKit.DOM 尤其方便，能夠以比原始 JavaScript 更友好的方式處理 DOM 對象。MochiKit.DOM 大部分都是針對 XHTML 文檔定製的，如果與 MochiKit 和 Ajax 結合在一起，使用 XHTML 包裝的微格式尤其方便。Mochikit可以直接對字元串或者數字格式化輸出，比較實用和方便。它還有自己的 js 代碼解釋器

優點：MochiKit.DOM這部分很實用，簡介也是很突出的

缺點：輕量級的缺點

mootools ：

MooTools是一個簡潔，模塊化，面向對象的JavaScript框架。它能夠幫助你更快，更簡單地編寫可擴展和兼容性強的JavaScript代碼。Mootools跟prototypejs相類似，語法幾乎一樣。但它提供的功能要比prototypejs多，而且更強大。比如增加了動畫特效、拖放操作等等。

優點：可以定製自己所需要的功能，可以說是prototypejs的增強版。

缺點：不大不小，具體應用具體分析

moo.fx ：

moo.fx是一個超級輕量級的javascript特效庫（7k）,能夠與prototype.js或mootools框架一起使用。它非常快、易於使用、跨瀏覽器、符合標準，提供控制和修改任何HTML元素的CSS屬性，包括顏色。它內置檢查器能夠防止用戶通過多次或瘋狂點擊來破壞效果。moo.fx整體採用模塊化設計，所以可以在它的基礎上開發你需要的任何特效。

優點：小塊頭有大能耐

缺點：這麼小了，已經不錯了

有哪些優秀的前端js框架

前端開發者的都知道3大框架:Angular,Vue,React。但是除了這三個框架以外的前端框架還有那些？下面具體介紹下前端都有哪些框架：

一．前端UI框架

1.bootstrap框架，它來自 Twitte，是目前最受歡迎的前端框架。具有簡潔、直觀的前端開發特點。

2.EasyUI框架，EasyUI是一種基於jQuery、Angular.、Vue和React的用戶界面插件集合。通過使用easyui不需要寫很多代碼，只需要通過編寫一些簡單HTML標記，就可以定義用戶界面。

二．前端框架

1.Node.js框架。Node.js是一個事件驅動I/O服務端JavaScript環境，基於Google的V8引擎，V8引擎執行Javascript的速度非常快，性能非常好。

2.Vue.js框架。 Vue.js是當下很火的一個JavaScript MVVM庫,它是以數據驅動和組件化的思想構建的。相比於Angular.js,Vue.js提供了更加簡潔、更易於理解的API。

3.React框架。React 起源於 Facebook 的內部項目，用來架設 Instagram 的網站，是一個用於構建用戶界面的 JAVASCRIPT 庫。

4.Angular.Js框架。angular.Js框架是一款優秀的前端JS框架,已經被用於Google的多款產品當中。AngularJS有著諸多特性,最為核心的是:MVC(Model–view–controller)、模塊化、自動化雙向數據綁定、語義化標籤。

什麼是js框架？

Javascript框架是指以Javascript語言為基礎搭建的編程框架。

JavaScript框架如今正融入到屬於自己的Web和移動應用程序中，構建後端API和豐富的前台客戶端是一大趨勢，而這些又多由JavaScript框架編寫而成。

在開發前台界面時應用API，便會更加熟悉API，也會對工作內容了如指掌，當應用該項技術編寫客戶端，編寫頂級iPhone或者Android應用程序就會變得非常容易。

在JavaScript框架出現之前，開發人員只能在頁面上進行jQuery操作。這種方式很容易引起開發人員對編碼操作的困惑，而且也不易管理。

Backbone是最初的領跑者，提供了一個基本的結構和組織以及開發者友好的框架，如Angular和Ember。

擴展資料：

javascript的特點：

1、一種解釋性執行的腳本語言。

同其他腳本語言一樣，javascript也是一種解釋性語言，其提供了一個非常方便的開發過程。

2、一種基於對象的腳本語言。

其也被看作是一種面向對象的語言，這意味著javascript能運用其已經創建的對象。因此，許多功能可以來自於腳本環境中對象的開發方法 與腳本的相互作用。

3、一種簡單弱類型腳本語言。

javascript是一種基於java基本語句和控制流之上的簡單而緊湊的設計，從而對於使用者學習java或其他c語系的編程語言是一種非常好的過渡。

4、一種相對安全腳本語言。

javascript作為一種安全性語言，不被允許訪問本地的硬碟，不允許對網路文檔進行修改和刪除，只能通過瀏覽器實現信息瀏覽或動態交互。從而有效地防止數據的丟失或對系統開發的非法訪問。

參考資料來源：百度百科-JavaScript框架