加速編碼的 JavaScript 庫和工具

oschina發表於2013-10-22

  JavaScript庫是 一個提前寫好的JavaScript檔案庫,它可以很容易的開發基於JavaScript的應用,特別是AJAX和一些其它的以web為中心的技術。運用JavaScript最基本的方式是嵌入以寫好的JavaScript函式,或是在HTML頁面中包含進來。它是同過文件物件模型(DOM)和頁面進行互動的。

  在這篇文章中我精心挑選了 15個新穎的JavaScript庫和工具,它們可以清理你應用中的相關問題以及讓你的網站具有競爭力。我希望你在開發任務中能輕鬆的發現和應用下面的JavaScript庫。好好享受吧!

  1. Recline.js

recline

  Recline.js 對於構建純html和 JavaScript的資料應用,是一個十分強大的功能庫.它為大資料應用的模型和檢視提供元件和結構.

  來源

  2. Keypress

keypress

  Keypress是一個靈活捕獲鍵盤輸入和操作的 JavaScript庫. 它可以用於簡單的情況下(如:按下"x",觸發一個方法)也可以用於更高階的應用場景,如建立任意的按鍵組合。在按下和彈出按鍵的時候回撥函式, 通過一個選項配置捕獲一次或多次事件。

  來源

  3. Pace.js

pace-js

  PACE是一個可以很容易就能給任何網站加很漂亮的進度條工具的javascript框架. 它支援多鍾載入效果: YouTube那樣的, 角度指示, 覆蓋整個頁面的,還有其他的效果. 它很容易上手的; 只只要簡單的把javascript檔案新增到所選的主體裡面去,PACE就會自動載入頁面和執行Ajax請求. 這個框架不需要任何的js框架,但你可以手動調整.

  來源  

  4. BackgroundCheck

backgroundcheck

  BackgroundCheck是一個比較小的javascript框架,它可以阻止類似自動把某個元素的樣式變得更暗或者更亮的問題.  一旦某個元素圖片重疊了, 新增上它 .會把背景變為黑色的.或者把白色的背景加上去. 再建立一些相關的樣式就足夠了. 它可以只把函式限制只對所選的圖片起作用, 定義黑色和白色的界限.

  來源  

  5. TogetherJs

togetherjs

  TogetherJS 是Mozilla 一個免費以及開源的的 Javascript庫,它能為你網站新增協作功能和工具 .通過在你網站上新增 TogetherJS, 你的使用者實時的互相幫助. TogetherJS 在 Javascript時間; 不用安裝軟體或外掛,能與現有頁面完美集合,同時也可以讓開發者自定義. TogetherJS由 Mozilla建立並主辦, 所以你可以放心的使用它。

  連結  

  6. Vex

vex

  Vex 是一個建立網站對話方塊十分不錯的 JavaScript庫. 這個庫獨立+輕巧 (2kb minifed + gzip壓縮) 並配備了一個十分易用的 API. 它動畫流暢,內建簡單的css樣式,替換了 alert, confirm, 和 prompt . Vex 在移動端的瀏覽器上同樣正常工作可以快速定製設計。

  連結 

  7. Completely.js

completely

  Completely.js是一個網站輸入框自動補全的 JavaScript庫.沒有依賴其他庫,沒有css也沒有封裝 AJAX,可以在現在任意瀏覽器使用

  連結  

  8. David

david

  David是一個獲取Node.js依賴概況的工具,它建立一個徽章來表示當前每一個依賴關係的狀態  你可以選擇在你網站中嵌入它。

  連結  

  9. QuestionMark.js

questionmark

  QuestionMark.js 是一個輕量級指令碼,使用AJAX彈出一個模態視窗,來顯示網站或app的快捷鍵定義。它很容易根據你自己的快捷鍵需求進行自定義。

  來源

  10. Harp

harp

  Harp直接執行於內建的web伺服器之上,或者輸出HTML,CSS,和JS,並且自動分發瀏覽器需要的檔案,而不經過預編譯步驟。它可以與Markdown, Jade, EJS, CoffeeScript, Stylus, 和LESS協作,並允許你釋出到Amazon S3, GitHub,等等。

  來源

  11. Perimeter.js

perimeter

  用 Perimeter.js來觸發訪問者從任意方向進入元素的事件。它是完全文件化,輕量級,沒有依賴性。

  連結  

  12. TableSort

tablesort

  Tablesort 是一個為你表格新增排序的簡單元件。沒有依賴,純 JavaScript編寫,但包括可選的Ender 支援.

  連結  

  13. Physics.js

physicsjs

  PhysicsJS 是一個模組,是易於使用的JavaScript物理引擎。它可以擴充套件並自定義以適應你的需求。

  來源

  14. Bookmarkify

bookmarkify

  Bookmarkify使得建立你自己的書籤變得超級簡單。只需為你的書籤命名,輸進關於它的JavaScript指令碼,包含它,這樣就一切就緒了。

  來源

  15. LiveScript

livescript

  LiveScript是一種編譯為JavaScript的語言。它直接對映到JavaScript,它使你能書寫出沒有重複檔案的富有表達力的程式碼。儘管LiveScript增添了許多特性來協助函數語言程式設計,它也有許多物件導向和指令式程式設計方面的改進。

  來源

  原文地址:http://codegeekz.com/javascript-libraries-and-tools-to-speed-up-coding/

相關文章