JS庫

下面我再來總結一下經常使用的JS腳本庫，供你們學習參考。其實大多數的JS庫都是基於jQuery

 

1、基本庫

 

一、jQuery

 

a、簡介

 

JQuery是繼prototype以後又一個優秀的Javascript庫。它是輕量級的js庫 ，它兼容CSS3，還兼容各類瀏覽器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及後續版本將再也不支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML（標準通用標記語言下的一個應用）、events、實現動畫效果，而且方便地爲網站提供AJAX交互。jQuery還有一個比較大的優點是，它的文檔說明很全，並且各類應用也說得很詳細，同時還有許多成熟的插件可供選擇。jQuery可以使用戶的html頁面保持代碼和html內容分離，也就是說，不用再在html裏面插入一堆js來調用命令了，只須要定義id便可。

 

jQuery是一個兼容多瀏覽器的javascript庫，核心理念是write less,do more(寫得更少,作得更多)。jQuery在2006年1月由美國人John Resig在紐約的barcamp發佈，吸引了來自世界各地的衆多JavaScript高手加入，由Dave Methvin率領團隊進行開發。現在，jQuery已經成爲最流行的javascript庫，在世界前10000個訪問最多的網站中，有超過55%在使用jQuery。

 

jQuery是免費、開源的，使用MIT許可協議。jQuery的語法設計可使開發者更加便捷，例如操做文檔對象、選擇DOM元素、製做動畫效果、事件處理、使用Ajax以及其餘功能。除此之外，jQuery提供API讓開發者編寫插件。其模塊化的使用方式使開發者能夠很輕鬆的開發出功能強大的靜態或動態網頁。

 

jQuery，顧名思議，也就是JavaScript和查詢（Query），便是輔助JavaScript開發的庫。

 

c、官方網站：http://jquery.com/ 

 

b、學習指南或文檔

 

     學習教程：http://www.w3school.com.cn/jquery/

 

     在線API：http://www.css88.com/jqapi-1.9/

 

※注：jQuery2.*將再也不支持IE6/7/8瀏覽器，若是你沒法拋棄IE 6/7/8，那麼你能夠繼續使用jQuery 1.*

 

2、經常使用JS庫

 

一、驗證（jquery.validate）

 

a、簡介

 

這個 jQuery 插件方便簡單驗證客戶端表單，同時仍提供大量的自定義選項。若是您正在從新開始構建一些新的東西，但當想要的已有的東西(這裏指的是JS腳本)融入現有的應用程序裏，它使一個不錯的選擇。該插件捆綁了一組有用的驗證方法，包括 URL 和電子郵件驗證，同時提供一個 API 來讓你您本身編寫方法。全部驗證方法能夠默認錯誤提示消息語言是英語和已經翻譯成的其餘37語言。

 

b、官方網站：http://jqueryvalidation.org/

 

c、學習指南或文檔:http://jqueryvalidation.org/documentation/

 

二、彈窗(artDialog)

 

a、簡介

 

artDialog是一個精巧的web對話框組件，壓縮後只有十多KB，而且不依賴其餘框架。

 

b、官方網站：http://jqueryvalidation.org/

 

c、學習指南或文檔:http://jqueryvalidation.org/documentation/

 

三、日期(My97日期控件)

 

a、簡介

 

支持靜態限制，動態限制，腳本自定義限制，以及無效天和無效日期功能，利用這樣功能能夠任意定製不能選擇的日期，這些日期即便毫無規律，毫無連續性，也能夠經過這些功能的組合使用輕鬆搞定。

 

b、官方網站:http://www.my97.net

 

c、學習指南或文檔:見官網

 

四、菜單樹(zTree)

 

a、簡介

 

zTree 是一個依靠 jQuery 實現的多功能 「樹插件」。優異的性能、靈活的配置、多種功能的組合是 zTree 最大優勢。專門適合項目開發，尤爲是 樹狀菜單、樹狀數據的Web顯示、權限管理等等。

 

b、官方網站: http://www.ztree.me

 

c、學習指南或文檔: 見官網

 

五、圖表(ECharts)

 

a、簡介

 

ECharts，縮寫來自Enterprise Charts，商業級數據圖表，一個純Javascript的圖表庫，能夠流暢的運行在PC和移動設備上，兼容當前絕大部分瀏覽器（IE6/7/8/9 /10/11，chrome，firefox，Safari等），底層依賴輕量級的Canvas類庫ZRender，提供直觀，生動，可交互，可高度個性化定製的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫遊等特性大大加強了用戶體驗，賦予了用戶對數據進行挖掘、整合的能力。

 

支持折線圖（區域圖）、柱狀圖（條狀圖）、散點圖（氣泡圖）、K線圖、餅圖（環形圖）、雷達圖（填充雷達 圖）、和絃圖、力導向佈局圖、地圖、儀表盤、漏斗圖、事件河流圖等12類圖表，同時提供標題，詳情氣泡、圖例、值域、數據區域、時間軸、工具箱等7個可交 互組件，支持多圖表、組件的聯動和混搭展示。

 

b、官方網站：http://echarts.baidu.com

 

c、學習指南或文檔: 見官網

 

六、在線編輯器(KindEditor)

 

a、簡介

 

KindEditor是一套開源的HTML可視化編輯器，主要用於讓用戶在網站上得到所見即所得編輯效果，兼容IE、Firefox、Chrome、Safari、Opera等主流瀏覽器。KindEditor使用JavaScript編寫，能夠無縫的於Java、.NET、PHP、ASP等程序接合。

 

b、官方網站：http://kindeditor.net

 

c、學習指南或文檔: 見官網

 

 

 

3、WebUI

 

一、jQuery UI

 

a、簡介

 

jQuery UI 是以 jQuery 爲基礎的開源 JavaScript 網頁用戶界面代碼庫。包含底層用戶交互、動畫、特效和可更換主題的可視控件。咱們能夠直接用它來構建具備很好交互性的web應用程序。全部插件測試能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。

 

b、官方網站：http://jqueryui.com/

 

c、學習指南或文檔: http://www.w3cschool.cc/jqueryui/jqueryui-intro.html

 

二、EasyUI

 

a、簡介

 

jQuery EasyUI是一組基於jQuery的UI插件集合體，而jQuery EasyUI的目標就是幫助web開發者更輕鬆的打造出功能豐富而且美觀的UI界面。開發者不須要編寫複雜的javascript，也不須要對css樣式 有深刻的瞭解，開發者須要瞭解的只有一些簡單的html標籤。

 

b、官方網站：http://www.jeasyui.com/

 

c、學習指南或文檔: http://www.w3cschool.cc/jeasyui/jqueryeasyui-tutorial.html

 

因爲時間的關係有些JS庫的資料還未整理好，等整理好後，再作更新。