web开发者不可错过的11个JavaScript工具

JavaScript即将接管Web世界，如雨后春笋版冒出的JavaScript工具更是让web开发者无所适从。

本文我们为大家推荐11款崭露头角但功能强大的JavaScript工具，是追逐web设计新潮流（界面简洁、面向移动、强调互动）中不可或缺的好帮手。

一、Meteor

Meteor web应用开发框架定义的七大开发天条为现代软件开发打下良好基础，例如Meteor采用开源社区的方式培育插件资源，其他天条还包括：设计简单的API、仅通过网络传送数据、使用统一的开发语言等。Meteor还开发了一个客户端的本地模拟器。

Meteor是一种新型JavaScript框架，用于WebApp应用程序开发。Meteor的基础构架是Node.JS+MongoDB，它把 这个基 础构架同时延伸到了浏览器端，如果App用纯JavaScript写成，JS APIs和DB APIs就可以同时在服务器端和客户端无差异地调用，本地和远程数据通过DDP（Distributed Data Protocol）协议传输。因此部分应用如TODO列表，网络在线和离线下使用功能完全没有差异，动作响应和数据延迟也完全感觉不出来。

二、Epoch

数据可视化是最火的web开发项目，如今已经有很多工具能够在web上展示吸引眼球的数据可视化互动图表，例如D3.js。但Epoch更进一步，在基本的D3代码库的基础上进一步整合，提供更加流畅的体验。通过Epoch你可以向客户展示干净漂亮实时更新的图表。

三、Web Starter Kit

为不同的移动终端开发web应用是一件极为痛苦的事情，Google的Web Starter Kit的目标就是帮助开发者为不同设备开发web应用，例如点击同步、屏幕适配等问题。无论你的用户使用老款iPad还是新款Android手机，代码都能够适应。你只需要勾画出界面，屏幕适配的问题可以交给Web Starter Kit处理，并给出设计建议。

四、Reveal.js

Reveal.js 可以看做是HTML5版本的PowerPoint。可以在web页面上以PPT的方式动态呈现信息，如果你的网站想华丽丽地讲故事，那么Reveal能给你最酷的效果。

五、RxJS

静态网页已经成为历史，如今的web设计趋势是预测客户想法并提供更好的互动功能，例如自动填写表单、搜索Wikipedia等。RxJS框架可以很方便地为鼠标和键盘事件提供响应。

六、NodeBB

NodeBB是传统BBS论坛的一次进化，提供实时的对话流功能，NodeBB的开发者还增加了很多时髦主题，并支持移动设备屏幕。NodeBB还整合了一些最新的面向触摸屏的web设计功能，例如无限滚动，NodeBB的社区很活跃，不断有新插件出现。

七、GulpJS

从头编写HTML\CSS\Javascript是上个世纪的事情了，如今的JavaScript都是通过CoffeeScript这样的支持句法缩写的编辑器写成的。如果你希望写完JavaScript能够一个工具完成代码清理优化工作，GulpJS就是你的不二之选，GulpJS类似Ant或Maven之于Java。

八、AngularJS

Google开发的AngularJS是一个轻量级的，在浏览器中展示信息的框架。ANgularJS从后台服务器收集数据在本地编辑模板用于演示。服务器端代码控制数据存储，而ANgularJS代码负责演示。可以兼容桌面、平板电脑和智能手机浏览器。

九、Odyssey

有了API，如今在网站中加入地图应用变得非常容易，结合地图的内容框互动则需要用到一些工具，CartoDB开发的Odyssey就是一个不错的选择。

十、PlayCanvas

一般来讲，游戏开发与web应用完全是两码事。但先试试，游戏世界的很多工具都可以被用于在网站中增加华丽界面。PlayCanvas就是一个基于WebGL的游戏引擎，结合了物理、光影、音效等工具用于创建一个复杂的界面。

十一、Deb.js

开发中的编码错误无法避免，但不同的解决方法则是决定性的。Deb.js虽然只有1.5KB，但是能够清理控制台窗口，让JavaScript的除错更容易。是Chrome、Opera和Safari内建的除错工具的好搭档。