1. 程式人生 > >JavaScript開發工具

JavaScript開發工具

0. MicroJS

需要夠快的程式碼嗎? MicroJS是一個全新的網站,旨在提供常用的JavaScript程式碼片段:AJAX、JSON、DOM,OO JavaScript等等。

MicroJS

1. Diva.js

DIVA是集查閱文件、設計工作與數字圖書館為一體的連續性專案。用於呈現多頁碼檔案。它與IIPImage伺服器同時執行,這將是那些圖書館或書店運作網站的福音。如果您想看看,這裡提供演示。

Diva.js

2. Bookmarklet Generator

正如您所料想的,這個工具是一個書籤生成器:簡單地貼上常規的JavaScript程式碼,按下按鈕,您會得到一個書籤 ——準備安裝在您的

瀏覽器欄。

Bookmarklet Generator

3. jQAPI

像其他任何一位jQuery開發者一樣,我花了大量的時間發掘。 jQAPI是一個網站,以一種更為便於使用的方式提供jQuery文件,所以當我需要任何jQuery的幫助時,就會使用目前這個參考網站。

jQAPI

4. heatmap.js

日復一日,JavaScript以其無限的可能讓我驚喜連連:例如,heatmap.js讓您的資料以html5canvas元素為基礎而生成網頁heatmaps。簡單高效!

heatmap.js

5. Respond.js

還記得我那篇CSS3媒體適應性佈局的調查文章嗎? Respond.js是一個小的指令碼,讓您通過不支援它的CSS3媒體查詢進行瀏覽,(是IE瀏覽器,我們正看著您… …)。

Respond.js

6. Modernizr

Modernizr是一個指令碼,能讓老版的瀏覽器如全新版一樣好,使您可以構建現代應用程式,它將在IE6和7上面運作。您的客戶一定會喜歡它,這是保證。

Modernizr

7. YepNope

YepNope的目標很簡單:它回答yep,或nope。例如,要求YepNope是Modernizr的載入。如果有的話,要求YepNope做到這一點,如果沒有,也要求YepNope去做。在許多情況下,就是這麼簡單,並且非常十分有用。

YepNope

8. Ligature.js

Ligature.js毫無疑問,就是一個指令碼,能為任何型別的文章增添漂亮的連體字。這是所有排版愛好者必須擁有的!

Ligature.js

9. FitText.js

FitText是一個十分有趣的工具,根據父元素的大小,它可以自動調整文字大小。只要通過觀察一個網站的外觀並調整您的瀏覽器:文字自動調整。現代化的網站和應用程式是另一個非常有趣的工具!

FitText.js

10. 測試框架

11. BDD

12. Mocking 框架

13. 編輯器/IDE

14 程式碼保護