能提高编程技巧的 JavaScript 工具

作者: Admin 分类: 网站程序 发布时间: 2015-01-22 00:03 ė 6 没有评论

  JavaScript 脚本库是一个预先用 JavaScript 语言写好的库,它方便了我们开发基于 JavaScript 的应用程序,特别适合 AJAX 和其他一些以 Web 为中心的技术。JavaScript 主要用于编写嵌入或者包含在 HTML 页面的函数,从而实现 DOM 之间的交互。本文收集了 15 个可用于提高编程技巧的 JavaScript 工具,能让你管理 Javascript 状态、压缩 JavaScript 代码、重构脚本代码结构等等。希望参大家有帮助。

  1、JavaScript State Manager

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

  2、jsMini

  如果你想快速、轻松地压缩 JavaScript 或 jQuery 文件,可以使用 jsMini。你只需复制粘贴源代码,选择压缩方式(基本或完全),其他的就可以由这个工具帮你解决了。
  官方网站: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 版本,大概 1MB 左右,并不需要太多的培训过程。
  官方网站: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/

  本文是在码农网译文的基础上修改的,在此表示感谢。

  原文:15 JavaScript Tools to Improve Your Coding Skills

本文出自微歌,转载时请注明出处及相应链接。

本文永久链接: http://wego2.com/neng-ti-gao-bian-cheng-ji-qiao-de-JavaScript-gong-ju.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部