15个提高编程技巧的 JavaScript工具

浏览:2285 发布日期:2016/10/24 分类:javascript 关键字:

这篇文章收集了15个可用于提高编程技巧的JavaScript工具,助你轻松快速完成工作。下面的这些JavaScript工具能让你管理 Javascript状态、压缩JavaScript代码、重构脚本代码结构等等。真诚地希望以下这些工具能对你有用。并且如果你还知道其他的 JavaScript工具,欢迎不吝赐教。 

JavaScript 脚本库是一个预先用JavaScript语言写好的库,它方便了我们开发基于JavaScript的应用程序,特别适合AJAX和其 他一些以Web为中心的技术。JavaScript主要用于编写嵌入或者包含在HTML页面的函数,从而实现DOM之间的交互。 

这篇文章收集了15个可用于提高编程技巧的JavaScript工具,助你轻松快速完成工作。下面的这些JavaScript工具能让你管理 Javascript状态、压缩JavaScript代码、重构脚本代码结构等等。真诚地希望以下这些工具能对你有用。并且如果你还知道其他的 JavaScript工具,欢迎不吝赐教。 

1. JavaScript State Manager 

JavaScript State Manager是一种轻量级的、易于使用的状态管理器,主要用于响应式网站。它不需要任何的JavaScript框架。你可以定义断点将运行在当前断点的JavaScript代码打包在一起。 
 
 
 

官方网站:http://www.simplestatemanager.com/ 

2. jsMini 

如果你想快速、轻松地压缩JavaScript或jQuery文件,那么可以使用jsMini。只需复制粘贴源代码,选择是否要基本或完全压缩,然后就ok了。 
 
 

 
 
 

官方网站:http://www.jsmini.com/ 

3. CountUp.js 

CountUp.js是一个独立的、轻量级的JavaScript类库,可用于快速创建一个有意思的显示数值数据的动画。从字面上 看,CountUp还能根据你传递的startVal和dendVal参数计数两者中的任意方向。Bower和.json文件的组件都包含在内,以及 CoffeeScript版本。 
 
 

 
 
 

官方网站:http://inorganik.github.io/countUp.js/ 

4.Grasp 

Grasp能让你搜索、替换和重构基于代码结构的JavaScript,而不是纯文本。它比标准搜索和替换的功能更强大,能让你更加轻松地重构你的代码。 
 
 

 
 
 

官方网站:http://graspjs.com/ 

5. Gulp.js 

Gulp.js是一个流构建系统。它利用流和代码配置的方法使得出来一个更为简单直观的构建。通过优先代码过度配置,Gulp使得简单的事情继续简单,而复杂的任务则可管理化。 
 
 

 
 
 

官方网站:http://gulpjs.com/ 

6.Orcrad.js 

Ocrad.js是一个简单的OCR程序,可以将图像转化成文字。这是一个Ocrad项目的纯JavaScript版本,大概1M左右,并不需要太多的培训过程。 
 
 

 
 
 

官方网站:http://antimatter15.github.io/ocrad.js/demo.html 

7. Headroom.js 

Headroom.js 是一个轻量级的,高性能的JS部件(无依赖性!),可以允许你应对用户的滚动要求。向下滚动的时候上面的头部渐渐滑出我们 的视线,而向上滚动的时候又会回来。 Headroom.js允许你设置元素出现的适当时间,其他时候则将焦点放在内容上。使用headroom.js也非常简单。它有一个纯JS的API,以 及可选的兼容性的jQuery/Zepto和AngularJS插件。 
 
 

 
 
 

官方网站:http://wicky.nillia.ms/headroom.js/ 

8. JIKO 

JIKO是一个现代化的,易于使用的面向Javascript的模板引擎。其目标是提供JavaScript程序员一种如Jinja和Mako一样强大的服务器端状态的美术模板引擎。 
 
 

 
 
 

官方网站:http://jiko.neoname.eu/ 

9. FileAPI 

FileAPI是一组庞大的JavaScript工具,几乎任何相关文件都可以处理。它提供了文件上传(单一/多个)的功能并支持拖放操作、图像 裁剪、调整大小、套用筛选、获取文件信息等等。该工具是独立的,并配有PHP类可处理服务器端的操作。此外,如果浏览器不支持JavaScript文件上 传和摄像头,它将自动退回到Flash模式,并且详细地记录下来。 
 
 

 
 
 

官方网站:http://mailru.github.io/FileAPI/ 

10.Object Playground 

Object Playground是一个面向JavaScript对象的可视化和实验性的工具。在浏览器中使用,并且非常简单。 
 
 

 
 
 

官方网站:http://www.objectplayground.com/ 

11. Echo.js 

Echo是一个独立的JavaScript延迟加载的图像工具。Echo的速度很快,使用的是HTML5数据——*属性。IE8+上面皆可使用。 Echo.js可以非常简单地实现图片延迟加载功能,同时它非常小巧,压缩后才1KB(没有使用jQuery/Zepto等脚本库)。 

延迟加载指的是只有当真正需要数据的时候,才执行数据加载操作,才需要从服务器动态请求数据,并且自动改变图片的src属性。这也是一种异步方法。 
 
 

 
 
 

官方网站:http://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/ 

12. jsComplexity 

想知道你的JavaScript代码真的有那么复杂吗?通过Analysisand运行你就可以亲眼目睹。代码越复杂,错误的概率就越大。所以你要做的就是简化你的代码,以便尽可能地提高其性能和可靠性。
 
 

 
 
 

官方网站:http://jscomplexity.org/ 

13. Chance.js 

Chance是一种最简单的随机字符串、数字等的生成程序,特别有助于减少编写自动化测试或者其他任何需要随机数据时千篇一律的单调性。Chance是一款开源软件,基于MIT开源协议。并且Chance是装载在网站上的,这样你只需要打开浏览器上面的控制台就可以了! 
 
 

 
 
 

官方网站:http://chancejs.com/ 

14. Bookmarkfiy 

使用Bookmarkify创建自己的书签工具超级简单。只需要命名书签,进入JavaScript,选择它,就可以开始你的互联网之旅了。 
 
 

 
 
 

官方网站:http://bookmarkify.it/ 

15.David 

David是一款节点管理工具,可以将这款工具嵌入到你的网站中。 
 
 

 

猫头鹰博客专注前端开发

前端开发QQ群:577185192

1476844455471.png



评论(73 相关
回复 skinstore 2017-02-24
分析的不错,学习啦。
工具不错哦
写得很好,很喜欢
用心在写了
不错 值得学习一下
博主分享的不错的啦,学习了不少,文章很好收获很大
很好 支持下 学习了
不错的内容啦,很喜欢
写的文章真的很赞的啦,支持支持
写的文章内容很赞的啦,支持支持哈
内容精彩 值得学习分享下
写的很好 很适合我们阅读学习
感谢分享 继续支持
文章内容很适合我们阅读学习
学习了 很适合我们阅读学习
学习了 很适合我们阅读学习
非常不错 学习到了 很好
内容精彩 学习到了 很不错
很精彩 值得学习分享下
内容精彩 学习了 不错
内容非常好 值得学习下
很精彩 学习到了 不错
精彩 值得学习分享
内容精彩 不错 非常棒
精彩 值得学习分享 不错
很好 学习了 非常好
非常棒 学习支持下
不错 精彩 学习了
内容不错 非常棒 很好
内容精彩 不错 学习了
不错 很精彩 学习了
内容精彩 值得学习下
内容不错 学习了 很好
非常精彩 学习了 不错
精彩 非常好 学了
内容非常棒 学习了 很好
非常不错 学习了 很好
非常棒 很好 学习了
不错 精彩 学习了 非常好
济南新风向网络小编过来看看
违章查询网来了
小编过来看看
学到了 非常不错很棒
小编过来看看
精彩 学习到了
内容精彩 学习了 很好
非常棒 学习了 很好
内容非常棒 学习到了 支持
非常不错 很好 学习了
非常好 支持了
很好 学习了 不错
内容精彩 很棒
学习了 不错 支持下
内容精彩 值得学习下 很好
内容不错 非常好 学习了
精彩 学习了 不错
学习了 非常好 内容精彩
非常不错 学习了 支持下
内容精彩 不错 支持了
驾驶员违章查询
查询违章电话号码
非常棒 学习了 很好
学习了 不错 支持下
交通违章查询
很不错 精彩 支持下
很精彩 不错 学习了
网上违章查询
内容精彩 学习了 很好
车辆违章查询系统
车辆违章查询系统
全国违章查询缴费服务
非常棒 支持下 很好
汽车查违章

发表评论

必填

选填

选填