加速編碼的 JavaScript 庫和工具
JavaScript庫是 一個提前寫好的JavaScript檔案庫,它可以很容易的開發基於JavaScript的應用,特別是AJAX和一些其它的以web為中心的技術。運用JavaScript最基本的方式是嵌入以寫好的JavaScript函式,或是在HTML頁面中包含進來。它是同過文件物件模型(DOM)和頁面進行互動的。
在這篇文章中我精心挑選了 15個新穎的JavaScript庫和工具,它們可以清理你應用中的相關問題以及讓你的網站具有競爭力。我希望你在開發任務中能輕鬆的發現和應用下面的JavaScript庫。好好享受吧!
1. Recline.js
Recline.js 對於構建純html和 JavaScript的資料應用,是一個十分強大的功能庫.它為大資料應用的模型和檢視提供元件和結構.
2. Keypress
Keypress是一個靈活捕獲鍵盤輸入和操作的 JavaScript庫. 它可以用於簡單的情況下(如:按下"x",觸發一個方法)也可以用於更高階的應用場景,如建立任意的按鍵組合。在按下和彈出按鍵的時候回撥函式, 通過一個選項配置捕獲一次或多次事件。
3. Pace.js
PACE是一個可以很容易就能給任何網站加很漂亮的進度條工具的javascript框架. 它支援多鍾載入效果: YouTube那樣的, 角度指示, 覆蓋整個頁面的,還有其他的效果. 它很容易上手的; 只只要簡單的把javascript檔案新增到所選的主體裡面去,PACE就會自動載入頁面和執行Ajax請求. 這個框架不需要任何的js框架,但你可以手動調整.
4. BackgroundCheck
BackgroundCheck是一個比較小的javascript框架,它可以阻止類似自動把某個元素的樣式變得更暗或者更亮的問題. 一旦某個元素圖片重疊了, 新增上它 .會把背景變為黑色的.或者把白色的背景加上去. 再建立一些相關的樣式就足夠了. 它可以只把函式限制只對所選的圖片起作用, 定義黑色和白色的界限.
5. TogetherJs
TogetherJS 是Mozilla 一個免費以及開源的的 Javascript庫,它能為你網站新增協作功能和工具 .通過在你網站上新增 TogetherJS, 你的使用者實時的互相幫助. TogetherJS 在 Javascript時間; 不用安裝軟體或外掛,能與現有頁面完美集合,同時也可以讓開發者自定義. TogetherJS由 Mozilla建立並主辦, 所以你可以放心的使用它。
6. Vex
Vex 是一個建立網站對話方塊十分不錯的 JavaScript庫. 這個庫獨立+輕巧 (2kb minifed + gzip壓縮) 並配備了一個十分易用的 API. 它動畫流暢,內建簡單的css樣式,替換了 alert, confirm, 和 prompt . Vex 在移動端的瀏覽器上同樣正常工作可以快速定製設計。
7. Completely.js
Completely.js是一個網站輸入框自動補全的 JavaScript庫.沒有依賴其他庫,沒有css也沒有封裝 AJAX,可以在現在任意瀏覽器使用
8. David
David是一個獲取Node.js依賴概況的工具,它建立一個徽章來表示當前每一個依賴關係的狀態 你可以選擇在你網站中嵌入它。
9. QuestionMark.js
QuestionMark.js 是一個輕量級指令碼,使用AJAX彈出一個模態視窗,來顯示網站或app的快捷鍵定義。它很容易根據你自己的快捷鍵需求進行自定義。
10. Harp
Harp直接執行於內建的web伺服器之上,或者輸出HTML,CSS,和JS,並且自動分發瀏覽器需要的檔案,而不經過預編譯步驟。它可以與Markdown, Jade, EJS, CoffeeScript, Stylus, 和LESS協作,並允許你釋出到Amazon S3, GitHub,等等。
11. Perimeter.js
用 Perimeter.js來觸發訪問者從任意方向進入元素的事件。它是完全文件化,輕量級,沒有依賴性。
12. TableSort
Tablesort 是一個為你表格新增排序的簡單元件。沒有依賴,純 JavaScript編寫,但包括可選的Ender 支援.
13. Physics.js
PhysicsJS 是一個模組,是易於使用的JavaScript物理引擎。它可以擴充套件並自定義以適應你的需求。
14. Bookmarkify
Bookmarkify使得建立你自己的書籤變得超級簡單。只需為你的書籤命名,輸進關於它的JavaScript指令碼,包含它,這樣就一切就緒了。
15. LiveScript
LiveScript是一種編譯為JavaScript的語言。它直接對映到JavaScript,它使你能書寫出沒有重複檔案的富有表達力的程式碼。儘管LiveScript增添了許多特性來協助函數語言程式設計,它也有許多物件導向和指令式程式設計方面的改進。
原文地址:http://codegeekz.com/javascript-libraries-and-tools-to-speed-up-coding/
相關文章
- 加速編碼的17款最棒的CSS工具CSS
- 16款加速編碼的HTML5線上工具HTML
- 最佳的 JavaScript 前端框架、庫和工具JavaScript前端框架
- 5 個免費的JavaScript庫和CSS 框架的CDN加速JavaScriptCSS框架
- 9個最好用的JavaScript開發工具和程式碼編輯器JavaScript
- 那些令人驚歎的 HTML、CSS、JavaScript 工具和庫HTMLCSSJavaScript
- 打造自己的JavaScript工具庫JavaScript
- FFmpeg和avconv編解碼工具
- 10個優化程式碼的CSS和JavaScript工具優化CSSJavaScript
- JavaScript編碼指南JavaScript
- JavaScript 編碼指南JavaScript
- Javascript編碼解碼URLJavaScript
- 編碼/解碼和進位制轉化工具hURL
- Javascript編碼規範JavaScript
- JavaScript基本編碼模式JavaScript模式
- 關於URL編碼/javascript/jsurl編碼JavaScriptJS
- 淺談JavaScript的編碼規範JavaScript
- javascript對空格和換行進行編碼程式碼例項JavaScript
- JS Nice – JavaScript 程式碼美化和格式化工具JSJavaScript
- 編寫自己的程式碼庫(javascript常用例項的實現與封裝)JavaScript封裝
- Licia:最全最實用的 JavaScript 工具庫JavaScript
- JavaScript編碼風格指南JavaScript
- JavaScript 編碼風格指南JavaScript
- JavaScript對url地址編碼JavaScript
- 視訊工具箱和硬體加速
- 基於ArcGIS API for Javascript的地圖編輯工具APIJavaScript地圖
- 使用阿里雲的Maven倉庫加速Spark編譯過程阿里MavenSpark編譯
- 編寫更優雅的 JavaScript 程式碼JavaScript
- 編寫可測試的 JavaScript 程式碼JavaScript
- 編寫自己的程式碼庫(javascript常用例項的實現與封裝–續)JavaScript封裝
- Python和JavaScript間程式碼轉換4個工具PythonJavaScript
- 【編碼】封裝RedisPubSub工具封裝Redis
- 談談JavaScript編碼風格JavaScript
- 19 個 JavaScript 編碼小技巧JavaScript
- javascript字元編碼轉換方法JavaScript字元
- 超級有用的CSS編碼工具集CSS
- php 的字元編碼轉換工具 (轉)PHP字元
- 11款最好的JavaScript原始碼編輯器JavaScript原始碼