2.6 JavaScript庫

2.6.1 什么是JavaScript庫

JavaScrip庫，是指可以方便地應用到現有Web開發體系中的、現成的JavaScript代碼資源，是一套包含工具、函數庫、約定以及嘗試從常用任務中抽象出可以復用的通用模塊，目標是幫助使用者輕松地建立具有高難度交互的Web 2.0特性的富客戶端頁面，并且兼容各大瀏覽器。它們通常由開源社區開發和維護，并被各大公司支持和使用。

大多數的JavaScript庫都提供了以下功能：命名空間支持、JavaScript可用性增強工具、用戶界面組件、拖放組件、視覺效果和動畫、布局管理工具、元素樣式操作、Ajax支持、DOM支持、事件處理增強工具、操作日志和調試功能、單元測試架構等。這些功能都是Web開發中經常用到的，并且基于JavaScript庫的應用程序可以獲得更好的瀏覽器兼容性和開發效率，同時可以提供更多的功能和效果，使用JavaScript庫可以大幅度地提高開發效率，增強應用程序的功能和性能，改善用戶體驗。

2.6.2 常用JavaScript庫簡介

目前流行的JavaScript庫有Prototype、Ext JS、Dojo、YUI、MooTools、jQuery等。

（1）Prototype（http://prototypejs.org/download）

Prototype是最早成型的JavaScript庫之一，它的特點是功能實用而且尺寸較小，定義了JavaScript面向對象擴展、DOM操作API、事件等，非常適合在中小型Web應用中使用。Prototype框架大大簡化了JavaScript代碼的編寫工作，同時兼容各個瀏覽器。

（2）Ext JS（http://www.sencha.com/products/extjs）

Ext JS通常稱為Ext，是一個非常優秀的Ajax框架，可以用來開發具有絢麗外觀的富客戶端應用。Ext開發的多彩界面吸引了許多程序員的眼球，同時也吸引了眾多客戶，對于企業應用系統，Ext非常適用。但Ext JS體積較大，導致頁面加載速度比較慢，另外Ext并不是完全免費的，如果用于商業用途，是需要付費獲得授權許可的。

（3）Dojo（http://dojotoolkit.org）

Dojo是一個強大的面向對象的JavaScript框架，主要由三大模塊組成：Core、Dijit、DojoX。Core提供了構建Web應用必需的幾乎所有基礎功能。Dijit是一個可更換皮膚，基于模板的Web UI控件庫。DojoX包括一些創新的代碼和控件：DateGrid, charts，離線應用，跨瀏覽器矢量繪圖等。Dojo功能強大，組件豐富，采用面向對象的設計，有統一命名空間和管理機制，適用于企業級或是復雜的大型Web應用開發。它的缺點是比較復雜，學習曲線陡，文檔不齊全，API不穩定。但是Dojo還是一個很有發展潛力的庫。

（4）YUI（http://yuilibrary.com）

YUI（Yahoo! User Interface Library）是一個使用JavaScript編寫的工具和控件庫。它是利用DOM腳本、DHTML和Ajax構造的具有豐富交互功能的Web程序。YUI許多組件實現了對數據源的支持，例如動態布局、可編輯的表格控件，動態加載的Tree控件、動態拖曳效果；結構化，類似于Java結構，清晰明了。YUI庫文檔完備，代碼編寫也非常規范。

（5）MooTools（http://mootools.net）

MooTools是一套輕量、簡潔、模塊化、面向對象的開源JavaScript Web應用框架。MooTools的語法幾乎和Prototype一樣，但卻提供了更為強大的功能、更好的擴展性和兼容性。它的模塊化思想優秀，各模塊代碼非常獨立，最小的核心只有8KB，最大的優點是可選擇使用哪些模塊，用的時候只導入使用的模塊即可。MooTools完全貫徹面向對象的編程思想，語法簡潔，文檔完善，是一個非常優秀的JavaScript庫。

（6）JQuery（http://jquery.com）

本書的重點jQuery是繼Prototype之后又一個優秀的輕量級JavaScript框架。它是一個快速和簡潔的JavaScript庫，擁有強大的選擇器，可以簡化HTML文檔元素的遍歷、事件處理、動畫和Ajax交互實現快速Web開發。jQuery還擁有完善的兼容性和鏈式操作等功能，它的這些優點吸引了眾多開發者。