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内建的除错工具的好搭档。


文章来自IT经理网


———————————————————–

如果你觉得开源中国公众微信对你有帮助, 请点击右上角“…”标志分享到【朋友圈】,感谢您对开源中国社区的支持!

在微信搜索“开源中国”即可订阅 开源中国 微信。

—————————-—————————————————



本文从本博客微信公众号一键转载,微信号:(shanmaome)
原文链接:http://mp.weixin.qq.com/s?__biz=MjM5NzM0MjcyMQ==&mid=200536209&idx=3&sn=a36fbebdbff38f10a25e2bfafc7a96cf#rd