本文目錄一覽:
- 1、js除了有JQuery框架以外,還有哪些強大點的框架,或者比較實用的也可以。。 誰能給我介紹一下?
- 2、cesium 和 Three.js有什麼區別,以及二者與WebGL 的關係
- 3、javascript,什麼是js庫?
- 4、js插件有哪些
- 5、nodejs 常用工具庫 :)
js除了有JQuery框架以外,還有哪些強大點的框架,或者比較實用的也可以。。 誰能給我介紹一下?
目前來看,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整體採用模塊化設計,所以可以在它的基礎上開發你需要的任何特效。
優點:小塊頭有大能耐
缺點:這麼小了,已經不錯了
cesium 和 Three.js有什麼區別,以及二者與WebGL 的關係
二者都是基於WebGL技術開發的js庫
Threejs受眾面比較廣,是封裝了webgl的一些底層用法,讓初學者更容易上手;例如繪製一個立方體,使用webgl原生api可能要寫50行代碼,包括構建坐標點,頂點組織、著色器等信息;在threejs裡面可能只要一句代碼就可以構建(實際上也是調用webgl原生api),只是做了更大粒度的封裝
Cesium受眾面相對較小,是Gis相關的,也是基於WebGL開發的,它主要是三維地球相關的js庫,可以展示二維地圖服務(百度高德)、傾斜攝影模型;還可以在上面做一些三維分析,可以參考
javascript,什麼是js庫?
JavaScript 框架(庫)
JavaScript 高級程序設計(特別是對瀏覽器差異的複雜處理),通常很困難也很耗時。
為了應對這些調整,許多的 JavaScript (helper) 庫應運而生,這些 JavaScript 庫常被稱為 JavaScript 框架。介紹一些日常用的 JavaScript 框架:
jQuery
Prototype
MooTools
所有這些框架都提供針對常見 JavaScript 任務的函數,包括動畫、DOM 操作以及 Ajax 處理。
jQuery
jQuery 是目前最受歡迎的 JavaScript 框架。
它使用 CSS 選擇器來訪問和操作網頁上的 HTML 元素(DOM 對象)。
jQuery 同時提供 companion UI(用戶界面)和插件。
許多大公司在網站上使用 jQuery:
Microsoft
IBM
Netflix
Prototype
Prototype 是一種庫,提供用於執行常見 web 任務的簡單 API。
API 是應用程序編程介面(Application Programming Interface)的縮寫。它是包含屬性和方法的庫,用於操作 HTML DOM。
Prototype 通過提供類和繼承,實現了對 JavaScript 的增強。
MooTools
MooTools 也是一個框架,提供了可使常見的 JavaScript 編程更為簡單的 API。
MooTools 也含有一些輕量級的效果和動畫函數。
其他框架
下面是其他一些在上面未涉及的框架:
YUI – Yahoo! User Interface Framework,涵蓋大量函數的大型庫,從簡單的 JavaScript 功能到完整的 internet widget。
Ext JS – 可定製的 widget,用於構建富網際網路應用程序(rich Internet applications)。
Dojo – 用於 DOM 操作、事件、widget 等的工具包。
script.aculo.us – 開源的 JavaScript 框架,針對可視效果和界面行為。
UIZE – Widget、AJAX、DOM、模板等等。
js插件有哪些
不是插件,應該說是JS框架。
Dojo
Dojo 是目前最為強大的JS框架,它在自己的 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 的類庫使用顯得不是那麼易用,JS語法增強方面不如 Prototype
Prototype
它是一個非常優雅的 JS 庫,定義了 JS 的面向對象擴展,DOM 操作API,事件等等,以 Prototype 為核心,形成了一個外圍的各種各樣的 JS 擴展庫,是相當有前途的 JS 底層框架,值得推薦,感覺也是現實中應用最廣的庫類(RoR 集成的 AJAX JS 庫),之上還有 Scriptaculous 實現一些JS組件功能和效果。
優點:基本底層,易學易用,甚至是其他一些js特效開發包的底層,體積算是最小的了。
缺點:如果說缺點,可能就是功能是他的弱項
dScriptaculous
Scriptaculous 是基於prototype.js 框架的 JS 效果。包含了 6 個 js 文件,不同的文件對應不同的 js 效果,所以說,如果底層用 prototype 的話,做js效果用 Scriptaculous 那是再合適不過的了,連大名鼎鼎的 digg 都在用他,可見不一般
優點:基於prototype 是最大的優點,由於使用 prototype 的廣泛性,無疑對用戶書錦上添花。
缺點:剛剛興起,需要時間的磨練
Yui-ext
基於 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整體採用模塊化設計,所以可以在它的基礎上開發你需要的任何特效。
優點:小塊頭有大能耐
缺點:這麼小了,已經不錯了
nodejs 常用工具庫 :)
在一些帶有交互的庫,如webpack、gulp、create-react-app 、vue-cli 這種帶有交互顯示的庫,或者自己寫一個腳手架也可以,通常都會用一些小工具,整理一下
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/307187.html