近年來,JavaScript 越來越受到重視,早已不單單只是寫寫網頁特效的指令碼語言了,如今廣泛用於網站的前端互動。值得一提的是,當下 Web 開發人員們追捧的 Node.js 使得 JavaScript 能夠在更多環境下運行,甚至是伺服器端,使得這門語言再次受到大家的關注。今天,本文向 JavaScript 開發人員推薦十款超級有用的工具。
YepNope
YepNope 是一個非同步條件載入架構,速度超快,只為使用者載入需要的指令碼。使用非常簡單,非常有用!
點擊訪問: http://yepnopejs.com/
Modernizr
Modernizr 是一個開源的 JavaScript 庫,它使得那些基於訪客瀏覽器的不同(對新HTML5和CSS3標準支援的差異)而開發不同層級體驗的前端工程師的工作變得更為簡單。點擊訪問: http://www.modernizr.com/
MicroJS
MicroJS 是最新推出的一個網站項目,致力於為最常見的開發工作單位提供 JavaScript 輕量庫,有Ajax,JSON,DOM,物件導向的 JavaScript 等等,是真正值得你存入書籤的金礦。點擊訪問: http://microjs.com/
Diva.js
Diva 是一個用於線上瀏覽文檔的工具庫,設計用於為數字圖書館的多頁文檔提供逐頁閱讀功能。對於線上圖書館或者線上書店網站來說,這是一個非常有用的工具,這裡有一個樣本。點擊訪問: http://ddmal.music.mcgill.ca/diva/
Bookmarklet Generator
顧名思義,這是一個線上書籤產生工具。你只需要把代碼粘貼到輸入框,點擊按鈕,書籤就產生了。
點擊訪問: http://benalman.com/code/test/jquery-run-code-bookmarklet/
jQAPI
和其他 jQuery 開發人員一樣,我花費了很多時間在尋找文檔上面。jQAPI 這個網站提供了更好友好的 jQuery 文檔功能,所以現在我都是在這個網站尋找協助。點擊訪問: http://jqapi.com
heatmap.js
JavaScript 的無限可能性不斷帶給我驚喜,例如 heatmap.js 能夠在你的資料之上藉助 HTML5 Canvas 為網頁產生heatmap。點擊訪問: http://www.patrick-wied.at/static/heatmapjs/
Respond.js
Respond.js 是一個用於在不支援 CSS3 Media Query 的瀏覽器中使用 Media Query 功能,例如IE。
點擊訪問: https://github.com/scottjehl/Respond/blob/master/respond.min.js
Ligature.js
Ligature.js 能夠自動的幫你判斷需要連字的地方並進行處理。
點擊訪問: http://code.google.com/p/ligature-js/
FitText.js
FitText 是一款文字大小自動調整外掛程式,使用這款外掛程式 能夠讓你的Web項目在螢幕寬度不同的裝置上自動調整字型大小。
點擊訪問: http://fittextjs.com/
您可能還喜歡
- 分享5個有趣的 JavaScript 程式碼片段
- JavaScript 初學者應注意的七個細節
- 分享15款很棒的 JavaScript 開發工具
- 推薦19個非常有用的 JavaScript 庫
- 8個驚豔的JavaScript WebGL 應用實驗
英文連結:10 super useful tools for JavaScript developers
編譯來源:夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源