学习JavaScript必备！基础工具清单大全

淡淡的烟草味﹌ 2022-08-06 11:26 168阅读 0赞

在训练中，我们介绍了一些工具和库，以扩大其代码的能力。目前有位 JavaScript 学员 ，他汇总了这些工具的清单，想分享给其他的代码爱好者。

我们利用 Kalina 的清单，画了一张有帮助的思维导图：

[![10562470vqyz7cyqqb0ycm.jpg][]][10562470vqyz7cyqqb0ycm.jpg]

#  通用 #

##         脚手架工具（用于启动项目） ##

*  [Yeoman][] – Yeoman 是一个健壮且固定的客户端程序库，包含了工具和框架，有助于开发者快速构建漂亮的 web [应用][Link 1]。

##         构建工具（自动化构建） ##

*  [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 是一个提供了一致性、定制和性能的实用程序库。

[10562470vqyz7cyqqb0ycm.jpg]: http://www.html5cn.org/data/attachment/portal/201404/10/10562470vqyz7cyqqb0ycm.jpg
[Yeoman]: http://yeoman.io/
[Link 1]: http://www.html5cn.org/portal.php?mod=list&catid=20
[Grunt.js]: http://gruntjs.com/
[Pint.js]: http://www.pintjs.com/
[Gulp.js]: http://gulpjs.com/
[Browserify.js]: http://browserify.org/
[Uglify.js]: http://marijnhaverbeke.nl//uglifyjs
[Homebrew]: http://brew.sh/
[Apt]: https://help.ubuntu.com/12.04/serverguide/apt-get.html
[NPM]: https://www.npmjs.org/
[Bower]: http://bower.io/
[Backbone.js]: http://backbonejs.org/
[Ember.js]: http://emberjs.com/
[Angular.js]: http://angularjs.org/
[Handlebars.js]: http://handlebarsjs.com/
[Mustache.js]: http://mustache.github.io/
[Jade]: http://jade-lang.com/
[Haml-js]: https://github.com/creationix/haml-js
[Eco]: https://github.com/sstephenson/eco
[Casper.js]: http://casperjs.org/
[Zombie.js]: http://zombie.labnotes.org/
[Express]: http://expressjs.com/
[Node]: http://nodejs.org/
[MongoDB]: https://www.mongodb.org/
[Postgresql]: http://www.postgresql.org/
[SQL]: http://www.sqlcourse.com/intro.html
[Cucumber.js]: https://github.com/cucumber/cucumber-js
[Jasmine]: http://jasmine.github.io/
[Mocha]: http://visionmedia.github.io/mocha/
[Q-Unit]: https://qunitjs.com/
[Chai]: http://chaijs.com/
[Underscore.js]: http://underscorejs.org/
[Lo-Dash]: http://lodash.com/