15款加強web體驗的Javascript庫

1. Pikaday : Standalone JavaScript Datepicker

這是一個使人耳目一新的JavaScript日期選擇器

• 輕量輕（壓縮和gzip後小於5KB）
• 沒有依賴其它JS框架(但可以與Moment.js一塊兒使用)
• 模塊化的CSS類，方便

2. Mailcheck

Mailcheck.js是一個Javascript庫和jQuery插件，用於檢測email地址的域名。當域名不正確時，會提供相應的建議。

 

3. BonsaiJS

Bonsai 是一個開源的JavaScript庫，用於建立圖形和動畫。該庫的渲染器使用SVG的輸出，並提供了一個直觀，功能豐富的API。

它已經支持建立簡單的圖形（矩形，圓形，橢圓形等）。利用特定的功能和一個path()函數就可以繪製任意自定義的形狀。

它能夠應用顏色，漸變和過濾器（灰度，模糊，不透明度等）於這些形狀。

不少鼠標（或觸摸）和鍵盤事件已經內置到該庫，並能夠輕鬆地管理。

Bonsai 支持標準動畫和關鍵幀動畫，設置了一系列的連續動畫。

而且擁有大量的簡單的函數，能夠在動畫中使用。

 

4. Review

ReView is a tiny JavaScript library that allows visitors to switch between the layouts on request.It analyses the initial viewport + meta tag if available and displays a link/button to the visitor for instantly switching to the other viewport with no refreshes, all JavaScript. The view preference is automatically stored via HTML5 sessionStorage and a plugin architecture exists for extending its features.
 
Source 
 

5. Lenticular.js

Lenticular.js 是一個jQuery插件用於建立圖片動畫，可響應傾斜或鼠標事件。

這個插件主要用於移動瀏覽器（傾斜傾斜設備），但也能夠用於桌面瀏覽器（鼠標控制）。

它很是易於使用，只要建立一序列的圖片（將它們按image-1.jpg, image-2.jpg ...這樣的方式命名），定義圖片的文件夾， 動畫幀的數量，這樣就能夠了。

提供功能來激活/失效的效果，設定軸（X，Y或Z）和更多的功能。

 

6. Jarallax

Jarallax 是一個功能豐富的JavaScript庫，可以輕鬆建立和製做視差滾動效果。

這庫可讓咱們使用keyframes來操做CSS，並支持自定義控制器。

這些控制器，與基於時間的動畫相比，可以讓咱們決定解發哪個事件動畫滾動，鼠標手勢等。

 

7. jsPDF

jsPDF是一個開源的JavaScript庫，不須要任何服務器端腳本就可以在客戶端建立PDF文件。

它已經可以支持添加文本（可設置樣式），畫圖，插入圖片。文檔能夠設置主題，像一些元數據如：標題、主題等。

支持大部分瀏覽器，若是有不支持的瀏覽將採用FLash代替實現。

 

8. Enquire.js

enquire.js是一款超棒的輕量級處理CSS Media Queries的javascript類庫。主要特性以下：

• 幫助你處理匹配的media queries(不匹配的也能夠)
• 針對瀏覽器事件響應
• 支持一次性的設置
• 不依賴任何類庫，甚至jQuery
• 能夠方便的應用到響應式設計中
• 類庫很是小，壓縮版小於1kb

 

9. jsDraw2DX : SVG Graphics Library

jsDraw2DX 是一個獨立的JavaScript庫，用於利用SVG建立任意類型的可交互圖形（對於老的IE瀏覽器採用VML實現）。

除了可以生成全部的基本形狀，如線，矩形，多邊形，圓形，橢圓形，弧形等，圖書館能夠繪製曲線，貝塞爾曲線（任何程度），函數繪圖，圖版和裝飾的文本。

 

10. oriDomi

oriDomi是一個JavaScript庫，用於漂亮得摺疊任意HTML元素，就像一張紙。

這個庫沒有依賴任何JavaScript框架（但可選支持jQuery），它使用CSS 3D transitions 來建立效果。

它提供了多種效果和事件包括：accordion, reveal, curl, collapse, ramp, foldUp, unfold and reset.

oriDomi兼容大部分瀏覽器包括移動瀏覽器。

 

11. Holder.js

Holder.js徹底在客戶端上呈現圖像佔位符。在線和離線工做，並提供一個可連接的API的風格和輕鬆的建立佔位符。在線和離線工做，並提供一個可連接的API的風格和輕鬆的建立佔位符。
 

12. Mousetrap

Mousetrap 是一個JavaScript Library用於建立和管理鍵盤快捷鍵。這個JS是一個單獨的JS包，很是小隻有1.6kb。支持大部分瀏覽器包括IE6。

它能夠實現單鍵，組合鍵或一個序列組合鍵。此外還能夠監聽keypress, keydown 或 keyup事件,而後據此決定觸發哪一個函數。
 

13. Recline.js

Recline.js是一個開源的JS庫用於利用JavaScript + HTML輕鬆建立基於數據的應用。

它基於jQuery, Backbone.js 和 Underscore.js構建，提供組件+結構的方式來展現大量數據的應用與模型組（數據集，記錄/行，場）和視圖（網格，地圖，圖表等）。

這個庫擁有大最的功能來處理數據集包括：加載，查詢和操做等。

Recline.js 已經內置支持從、CSV files, Google Docs, ElasticSearch, CouchDB等來加載數據。並可以以表格，地圖，時間線等方式來漂亮地展現數據。展現的方式能夠很方便得按本身的須要進行擴展。

 

14. Sweet.js

Sweet.js 是 Mozilla 開發的，爲 JavaScript 帶來相似 Schema 和 Rust 的宏功能，宏可讓你使用本身想要的方式來擴展 JavaScript 語言。

15. Annotator

 
Annotator 是一個開源的JavaScript庫和工具，用於讓任意網頁變成可添加註釋。註釋能夠有評論內容，標籤，用戶等。 Annotator擁有一個簡單而強大的插件體系，因此可以很方便對其功能進行擴展：好比爲註釋添加用戶身份驗證功能.

 

轉自：http://www.open-open.com/news/view/11f1c1e