JavaScript：40+基本的Web開發工具

2015-07-27 10:55:13

開發前端

JavaScript是一種靈活多變的腳本語言，它在全世界被廣泛的應用在Web頁面和服務器應用中。你可以因為任何目的去使用它，但是你需要一些工具。幸運的是，為了完成獨特的任務，無以計數的JavaScript工具已經被開發者發布。

這里有45個關于JavaScript的工具，所有這些工具將幫助您創建現代網站與用戶所期望的所有特性。它們都提供了精簡的設計和簡單的接口。。。。

AngularJS

Google創建AngularJS，目的是提供一個穩定的、輕量級的框架在瀏覽器中呈現信息。它從服務器收集數據,然后在本地編譯模板。換句話說，AngularJS以MVC框架形式來構建在瀏覽器中運行的HTML、JavaScript和CSS。

Odyssey.JS

Odyssey 是一個將故事和地圖結合，并綁定了交互文本的工具。圖片顯示為一個沙箱來構建與地圖交互的故事。

PlayCanvas

PlayCanvas是一個圍繞WebGL建立的游戲引擎。它把物理、照明、陰影、音頻和更多其它特效結合到更一致的工具中,以創建被對象填充的世界。圖像顯示的是一個針對該框架的在線開發工具。

Gantt

Gantt是一個基于JQuery構建的JavaScript組件，用于創建圖標,任務樹和用JSON格式輸出結果數據的相關性。它提供了編輯、縮放、數據快捷鍵,CSS皮膚,等等。

Handy.JS

Handy是一個Nodejs的Web應用模板。Handy提供了一個Web APP所有的基礎功能，因此你可以把焦點放在開發讓你的APP真正唯一的功能。

RegExr

RegExr是一個在線編輯和測試正則表達式的工具。它提供了一個簡單的正則表達式輸入界面，并且能實時可視化匹配可編輯的源文本。同時它還提供了一個便捷的RegExp邊欄用于描述案例用法。

#p#

TimelineJS

TimelineJS是一個開源工具，允許任何人建立形象精美的時間軸。初學者可以可以不使用任何東西就能創建一個時間軸。

Responsive Nav

Responsive Nav是一個比較小的JavaScript插件，可以幫助你創建針對小屏幕的連續導航。它會利用touch事件和CSS3過渡帶來***的性能。

Sinon.JS

Sinon.JS是一個單獨的測試應用，沒有依賴關系,適用于任何單元測試框架。

Mocha

[[142154]]

Mocha是一個運行在Nodejs和瀏覽器上的功能多樣的JavaScript測試框架，使異步測試變得簡單有趣。

JS Bin

[[142155]]

JS Bin是一個專門設計用于幫助JavaScript和CSS民間測試的代碼片段,在某些上下文中,協作和調試代碼的應用。jsbin允許編輯和測試JavaScript和HTML。

JSLitmus

JSLitmus,一個輕量級框架，用于創建特別的JavaScript基準測試。

#p#

Bookmarkify

[[142156]]

Bookmarkify使得創建書簽工具變得非常簡單，僅需要給書簽命名，然后輸入JavaScript并包含它就可以了。

Kreate.JS

[[142157]]

Kreate.JS能夠輔助JQuery快速以JQuery對象形式生成DOM元素。你可以“Kreate” 單個元素或者“Kreate”多個元素，直到瀏覽器奔潰。但多數情況下，Kreate創建單個元素或者多個元素都會比JQuery快。

YUI Compressor

[[142158]]

YUI Compressor是用Java創建的命令行工具，用于壓縮JavaScript文件。YUI Compressor是100%安全的，并且比其他工具的壓縮比高。它也能壓縮CSS文件。

Google Closure Compiler

[[142159]]

Google Closure Compiler能使JavaScript的下載和運行變得更快。它是一個真正針對JavaScript編譯的。Google Closure Compiler不是將源語言編譯成機器代碼,而是從JavaScript編譯到更好的JavaScript。

JSMin

JSMin會刪除JavaScript文件中的注釋和不必要的空白。它將減少文件一半的尺寸，帶來更快的下載速度。它也鼓勵更富有表現力的編程風格,因為它消除了下載在精簡代碼、自文檔化方面的成本。

Packer

Packer是DeanEdwards創建的一個很流行的JavaScript壓縮工具，它能自動創建一個壓縮版本。只需要粘貼代碼，然后點擊‘Pack’ 按鈕。它還能利用JavaScript運行時片進行超常規壓縮和動態壓縮。

#p#

Meteor

MeteorWebApp框架為現代軟件開發提供了一個堅實的基礎。一些是很實用的，例如擁抱開源社區，促進插件的貢獻。Meteor做到了。

Epoch

[[142160]]

Epoch是一個實時的、用于創建漂亮、平穩流暢和高性能可視化的圖表庫。

Web Starter Kit

Web Starter Kit是一個致力于協助開發者支持多設備的項目。這意味著通過同步點擊、必要時重新加載和保持一切盡可能精簡來確保屏幕保持同步。

Reveal.JS

Reveal.JS是一個基于HTML5的、很靈活的組件，用于替代PPT。點擊按鈕，然后復雜的動畫會依賴碎片信息而翻轉，就跟PPT一樣。但是它真正的表現力在與你如何你在你的網絡策略中使用它。

RxJS

[[142161]]

RxJS是一個為鼠標和鍵盤添加平滑、反應性的和異步響應生成的事件流。圖像顯示代碼綁定了一個搜索維基百科的事件。

NodeBB

基于節點演化的公告板隱喻是及時和可定制的,并提供實時流的對話。NodeBB的發展已經添加了更多現代主題，并支持小屏幕的手機和平板。

#p#

Gulp.JS

[[142162]]

Gulp.JS是一個流構建系統。它使用流和代碼配置創建更簡單和直觀的構建。寧愿選擇代碼配置,讓簡單的事情變得簡單,使復雜的任務易于管理。

Contour

Contour是Forio的一個可視化庫，用于提供一組核心的公共可視化功能。建立在受歡迎的D3引擎之上,輪廓讓你輕松創建數據可視化和基于常用的圖表等直觀的抽象。

Nightwatch.JS

[[142163]]

對基于瀏覽器的APP和網站，Nightwatch.JS能使用Node.js建立基于端到端的測試解決方案。它使用強大的Selenium WebDriver API在DOM元素上執行命令和斷言。

EasyStar.JS

[[142164]]

EasyStar.JS是一個用JavaScript編寫的異步A*尋路API,可應用在HTML5游戲和互動項目。這個項目的目標是使它容易和快速實現性能意識上的尋路。

Headroom.JS

Headroom.JS是一個輕量級、高性能javascript小部件,允許你對用戶的滾動做出反應。這個網站的頭部就是一個實例,當向下滾動時，頭部會滑出視窗，向上滾動時又滑入視窗。

FileAPI

FileAPI是一組處理所有跟文件相關的工作的組件庫。它提供了許多功能，文件上傳（單個/多個）、拖放支持、圖像裁剪、大小調整、應用過濾器和獲取文件信息等等。

Unminify

Unminify對于格式化JavaScript、CSS和HTML代碼是很有用的工具，并且會讓代碼變得易讀和漂亮。

#p#

HarpJS

HarpJS是一個靜態服務器，在沒有任何配置的情況下，也為Jade, Markdown, EJS, Less, Stylus, Sass, CoffeeScript asHTML,CSS和JavaScript 提供服務。它支持愛心式的布局/部分模式,并能靈活的遍歷文件系統元數據、全局對象和注入定制數據模板。

JSHint

[[142165]]

JSHint是一個社區驅動的工具,用于檢測JavaScript中的語法錯誤和潛在的問題，并執行你的團隊的編碼慣例。

GruntJS

[[142166]]

GruntJS是一個基于任務的命令行JavaScript項目構建工具。下面的預定義的任務,可以直接在你的項目中使用:連接文件、用JSHint驗證文件、用UglifyJS壓縮文件和用節點單元運行單元測試。

ZeptoBuilder