JavaScript基礎工具清單

jopen 10年前發布 | 39K 次閱讀 JavaScript

        英文原文:A List of Foundational JavaScript Tools

        在訓練營中,我們給學員介紹了一些工具和庫,以擴大其代碼的能力。目前有位 JavaScript 學員 Kalina,他匯總了這些工具的清單,想分享給其他的代碼愛好者。

        Ivan Storck,我們 JavaScript 訓練營的輔導員,利用 Kalina 的清單,畫了一張有幫助的思維導圖:

JavaScript基礎工具清單

        通用

        腳手架工具(用于啟動項目)

  • Yeoman – Yeoman 是一個健壯且固定的客戶端程序庫,包含了工具和框架,有助于開發者快速構建漂亮的 web 應用。

        構建工具(自動化構建)

  • Grunt.js – Grunt 生態系統很巨大,且每天成長著。由于有數以百計的插件可供選擇,你可以使用 Grunt 自動化構建,且花費最少的代價。
  • Pint.js (Grunt 助手) – Pint 是一個小型、異步、感知依賴的基于 Grunt 的封裝庫,試圖解決大規模構建過程中的一些問題。
  • Gulp.js – Gulp 的流式構建方式和代碼優于配置理念使構建更簡單、更直觀。
  • Browserify.js (瀏覽器端) – Browserify 是一個允許編寫、編譯 Node.js 風格的模塊并將之用于瀏覽器的開發工具。就像 node,我們在單獨文件中編寫模塊,使用 module.exports、exports 導出外部方法和屬性。
  • Uglify.js – Uglify.js 是服務于 NodeJS 的一個 JavaScript 解析/壓縮/美化庫。

        包管理工具

  • Homebrew (適用于 Mac 系統) – Homebrew 能安裝你需要而蘋果不提供的東西。
  • Apt (適用于 Ubuntu 系統) – apt-get 命令是一個強大的命令行工具,與 Ubuntu 的高級包裝工具(APT)配合使用,提供了安裝新軟件、升級已有軟件、更新軟件列表目錄,甚至升級整個 Ubuntu 系統等功能。
  • NPM – npm 是一個 Node.js 官方包管理工具。
  • Bower – Bower 是一個 web 的包管理工具。

        前端

        MVC 框架

  • Backbone.js – Backbone.js 通過提供進行鍵值綁定的模塊、自定義事件、具有豐富可枚舉函數 API 的集合、能處理已定義事件的視圖,搭建了 web 應用的架構。它通過 RESTful JSON 接口與其它已存在的 API 進行通信。
  • Ember.js – 當底層模塊改變時,Ember 使得 Handlebar 模板引擎在保持 HTML 最新方面做得更好。開始時,你甚至不需要編寫任何 JavaScript。
  • Angular.js – Angular.js 能讓你擴展應用的 HTML 詞匯。由此產生的效果是網頁極富表現力,代碼可讀性強,適合快速開發。

        模板

  • Handlebars.js – Handlebars 提供了讓你順利、有效地構建語義模板的強大能力。Handlebars 兼容 Mustache 模板,因此你可以在 Handlebars 中導入 Mustache 模板,同時享用 Handlebars 的其他功能。
  • Mustache.js (比 Handlebars 更少外置元素) – Mustache 是一個簡單的 web 模板系統,已有 ActionScript、 C++、Clojure、CoffeeScript、ColdFusion、D、Erlang、Fantom、 Go、Java、JavaScript、 Lua、.NET、 Objective-C、Pharo、Perl、PHP、Python、Ruby、Scala 和 XQuery 語言實現版本的可用。
  • Jade – Jade 是一個 node 模板引擎,主要為 node.js 的服務器端模板而設計。
  • Haml-js – Haml-js 允許在 JavaScript 項目中使用 Haml 語法,并擁有大部分與原先 Haml 相同的功能。
  • Eco – Eco 能讓你在標記元素中嵌入 CoffeeScript 的邏輯。

        測試

  • Casper.js – CasperJS 是一個 Javascript 實現的,PhantomJS 和 SlimerJS 的導航腳本和測試工具。
  • Zombie.js – Zombie.js 是一個在模擬環境中測試客戶端 JS 代碼的輕量級框架。無需瀏覽器。

        后端

        服務器

  • Express  – Express 是一個 Node 的 web 應用框架。
  • Node – Node.js 是一個基于 Chrome JavaScript 運行時建立的平臺, 用來方便地搭建快速、 易于擴展的網絡應用。

        數據庫

  • MongoDB – MongoDB 是個開源的文檔數據庫,引領著 nosql 數據庫
  • Postgresql – PostgreSQL 是一個強大、開源、對象-關系型數據庫系統。
  • SQL – SQL 用于與數據庫進行通信。根據美國國家標準學會的定義,它是關系式數據庫管理系統的標準語言。

        架構風格        

  • RESTful – 表現層狀態轉化是一種架構風格,包含了一組相互協作的架構約束。這些約束應用于分布式超媒體系統之間的組件、連接器和數據元素。

        測試

  • Cucumber.js – Cucumber.js 是一種流行的行為驅動開發工具,并將之應用于你自己的 JavaScript 程序
  • Jasmine – Jasmine 是 JavaScript 的一個行為驅動開發測試框架。它不依賴于瀏覽器、DOM、或任何其他 JavaScript 框架。因此它適用于網站、Node.js 項目、或任何可運行 JavaScript 的地方。
  • Mocha – Mocha 是一個運行于 node.js 和瀏覽器的特色豐富的 JavaScript 測試框架,使得異步測試更簡單有趣。
  • Q-Unit – Q-Unit 是一個強大,易用的 JavaScript 單元測試框架。它被用于 jQuery、jQuery UI 和 jQuery Mobile 項目,能夠測試任何通用的 JavaScript 代碼。

        斷言庫

  • Chai – Chai 是一個行為驅動開發/測試驅動開發(BDD / TDD )斷言庫,用于 node 和瀏覽器,可以愉快地搭配任何 JavaScript 測試框架。

        函數式編程工具

  • Underscore.js – Underscore 是一個提供了一大堆有用的函數式編程輔助,無須擴展任何內置對象的 JavaScript 庫。
  • Lo-Dash – Lo-Dash 是一個提供了一致性、定制和性能的實用程序庫。 

        更新:

        有一個你認為應該在此清單的工具嗎?看看這篇文章和 Github 上使用 MindNode 制作的思維導圖(OPML)。請提交一個 pull request,給我們您的建議,以增加新流行工具!

        翻譯: 伯樂在線 - heloowird

        譯文鏈接: http://blog.jobbole.com/64771/

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!