• UID12
  • 登录2016-06-14
  • 粉丝109
  • 关注50
  • 发帖1415
  • 主页
  • 金币8510枚
社区居民
最爱沙发
忠实会员
喜欢达人
原创写手
极分享 发布于2015-09-05 10:29
0/921

15个提高编程技巧的 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是一款节点管理工具,可以将这款工具嵌入到你的网站中。
 



 

官方网站:https://david-dm.org/    



0人打赏
您需要登录后才可以回帖
发表回复
极贡献
技术问答
专题荟萃
程序人生
视觉设计
Android开发
iOS开发
编程语言
前端开发
后端开发
服务器架构
软件测试
运维方案
创业路上



最热文章墙

  • 57751/339   【精品推荐】200多种Android动画效果的强悍框架,太全了,不看这个,再有动画的问题,不理你了^@^

  • 30996/139   省时省力的Android组件群来了,非常棒的原型参考

  • 30681/187   情人节福利,程序员表白的正确姿势:改几行代码就变成自己的表白了

  • 27398/216   【精品推荐】Android版产品级的音乐播放器源码,功能太强大了,最好的产品原型有木有?

  • 25743/2   超全!整理常用的iOS第三方资源

  • 23972/70   原创表白APP,以程序员的姿势备战新年后的7夕,持续完善中!

  • 22477/0   Python爬虫:常用浏览器的useragent

  • 21704/137   2016抢红包软件及源码

  • 19619/29   麻省理工的一帮疯子,真的实现了随意操控万物!(绝对黑科技)

  • 19457/25   Android工程师面试题大全

  • 18743/27   2016程序员跳槽全攻略

  • 18665/9   GitHub上排名前50的iOS项目:总有一款你用得着

  • 18201/20   码魂:程序员的牛B漫画

  • 16657/3   吐槽那些程序员的搞笑牛逼注释

  • 15762/146   Android版类似UC浏览器:非常赞,产品级的源码

  • 15472/1   iOS 动画总结

  • 14834/41   一个绚丽的loading动效分析与实现!

  • 14415/10   女程序员的梦,众网友的神回复

  • 14250/11   年会上现场review代码是怎么样的体验!

  • 14243/73   【持续更新中】Android福利贴(二):资料源码大放送

  • 14222/83   Android小而全的博客源码:非常适合全面掌握开发技巧

  • 14147/44   惊艳的App引导页:背景图片切换加各个页面动画效果

  • 13825/5   新一代Android渠道打包工具:1000个渠道包只需要5秒

  • 13679/10   2016年最全的Android面试考题+答案 精编版

  • 13672/23   个人收集的Android 各类功能源代码

  • 12936/19   珍藏多年的素材,灵感搜寻网站

  • 12822/53   基于瀑布流的美女图片浏览App,有注释的源代码

  • 12469/15   基于Android支付宝支付设计和开发方案

  • 12434/17   用JavaScript 来开发iOS和Android 原生应用:React Native开源框架中文版来啦

  • 12158/74   仿京东商城客户端Android最新版,不错的原型和学习资料

  • 12141/20   Android福利第三波【Android电子书】

  • 12084/17   什么是真正的黑客:收获12200+Stars,人气远超微软开源VS

  • 11621/18   65条最常用正则表达式,你要的都在这里了

  • 11548/94   Android带弹幕的视频播放器源码,来自大名鼎鼎的Bilibili弹幕网站

  • 11526/7   用程序员的姿势抢过年的火车票

  • 11501/70   【精品推荐】类似360安全卫士安Android源码:非常赞的产品原型

  • 11424/7   一张图搞定iOS学习路线,非常全面

  • 11315/11   有木有这样一张酷图帮你集齐所有git命令超实用

  • 11075/0   iOS中文版资源库,非常全

  • 10946/10   成为Java顶尖程序员 ,看这11本书就够了

  • 10541/18   一张图搞定Android学习路线,非常全面

  • 10510/10   微信支付终于成功了(安卓,iOS),在此分享

  • 10130/3   基于Node.js的强大爬虫,能直接发布抓取的文章哦

  • 10057/44   在线音乐播放器完整版(商用级的源码):非常赞,可听免费高品质专辑

  • 10056/29   【持续更新中】Android福利贴(一):资料源码

  • 10040/0   GitHub iOS 库和框架Top100 

  • 9698/4   46 个非常有用的 PHP 代码片段

  • 9337/3   即时通信第三方库

  • 9329/9   烧了5亿美金,这家神秘的公司即将颠覆人类未来!

  • 9190/8   流媒体视频直播方案

  • 9137/61   【技巧一】搭配Android Studio,如何实现App远程真机debug?

  • 9055/9   B站建开源工作组:APP想支持炫酷弹幕的看过来

  • 9003/2   【精品推荐】高质量PHP代码的50个实用技巧:非常值得收藏

  • 8910/9   中国黑客的隐秘江湖:攻守对立,顶尖高手月入千万美元

  • 8878/18   八个最优秀的Android Studio插件

  • 8443/6   开箱即用!Android四款系统架构工具

  • 8352/3   一张图看清Linux 内核运行原理

  • 8244/3   10款GitHub上最火爆的国产开源项目——可以媲美西半球

  • 8229/10   十大技巧快速提升Android应用开发性能

  • 7896/1   Android性能优化视频,文档以及工具

  • 返回顶部