JavaScript基础工具清单

标签: Web前端 工具与资源 Javascript 工具 | 发表时间:2014-04-09 17:06 | 作者:heloowird
出处:http://blog.jobbole.com

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

Ivan Storck,我们JavaScript训练营的辅导员,利用Kalina的清单,画了一张有帮助的思维导图:

通用

脚手架工具(用于启动项目)

    • 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,给我们您的建议,以增加新流行工具!

JavaScript基础工具清单,首发于 博客 - 伯乐在线

相关 [javascript 基础 工具] 推荐:

JavaScript基础工具清单

- - 博客 - 伯乐在线
在训练营中,我们给学员介绍了一些工具和库,以扩大其代码的能力. 目前有位JavaScript学员Kalina,他汇总了这些工具的清单,想分享给其他的代码爱好者. Ivan Storck,我们JavaScript训练营的辅导员,利用Kalina的清单,画了一张有帮助的思维导图:. 脚手架工具(用于启动项目).

JavaScript 基础

- - CSDN博客推荐文章
JavaScript可以出现在HTML的任意地方,甚至在之前插入也不成问题,使用标签. 不过要在框架网页中插入的话,就一定要在之前插入,否则不会运行. JavaScript对数据类型要求不严格,一般来说,声明变量的时候不需要声明类型,而且就算声明了类型,在使用过程中也可以给变量赋予其他类型的值,声明变量使用var关键字.

【javaScript基础】异常处理

- - CSDN博客Web前端推荐文章
         理解异常在javaScript面向对象编程是非常重要的,异常是一种非常强大的处理错误的方式.          首先我们来看一个有问题的代码:. 在以上这个例子中,访问一个不存在的变量,在这种情况下,程序会怎么处理. 很早以前的处理方式就是程序直接崩溃死掉,所以我们不能容忍这种处理方式,需要有办法来处理.

斯坦福CS基础课程教JavaScript

- Great Han - Solidot
JavaScript语言正变得愈来愈重要,斯坦福大学CS101计算原则入门课通过JavaScript引导学生入门. 教师通过简短的JavaScript代码讲解基本的计算原则. 关于JavaScript语言的来历可以阅读阮一峰的一篇博文.

JavaScript语言入门,第1部分:JavaScript语言基础

- 小亮 - 译言-电脑/网络/数码科技
来源Get started with the JavaScript language, Part 1: JavaScript language fundamentals. (译者注:由于yeeyan编辑器对文章中的标签做解析的原因,我在每个标签的空格,比如说,左尖括号<+script+右尖括号>,我会写成< script>,以便其能够在文章中正确显示,不便之处敬请谅解.

15款很棒的 JavaScript 开发工具

- jiwei - cnBeta.COM
在开发中,借助得力的工具可以事半功倍. 今天,这篇文章向大家分享最新收集的15款非常有用的 JavaScript 开发工具.

JavaScript最佳开发工具集合

- MAGI-CASPER/Peter Pan - 伯乐在线 -博客
  注:此文由敏捷翻译 - 关关编译自 Joe Stagner 近日分享的博文. 本文只是JavaScript的工具集合,如需书籍资源,《你得学JavaScript》这篇文章已有推荐.   我最近做了很多客户端OG开发,也计划做更多. HTML5、JavaScript 和 CSS.   我正在做一个工作计时器,所以我在寻找一个JS测试框架,故我自己给不同的JavaScript工具做了一个列表.

Groundwork:响应式 HTML5,CSS & JavaScript 工具包

- - 博客园_梦想天空
  Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5,CSS & JavaScript 工具包. 使用 Groundwork,您可以快速构建 Web 应用程序. Groundwork 拥有一个令人难以置信的灵活,可嵌套,流体的网格系统,是 Github 上的开源项目.

网易邮箱前端Javascript编码规范:基础规范

- - 博客 - 伯乐在线
在多年开发邮箱webmail过程中,网易邮箱前端团队积累了不少心得体会,我们开发了很多基础js库,实现了大量前端效果组件,开发了成熟的opoa框架以及api组件,在此向大家做一些分享. 今天想先和大家聊聊javascript的编码规范. 总所周知,javascript是一种语法极其灵活的语言. javascript在设计之初就只是用来为HTML添加动态效果的.