JavaScript库是预先编写的JavaScript文件的集合，旨在简化JavaScript应用程序开发，尤其是AJAX和其他Web开发。JavaScript的主要目的是编写嵌入HTML中的函数，以对页面的DOM（文档对象模型）进行操作。在本文中，我们整理了15个JavaScript工具来帮助您提高编码技能并更快、更轻松地完成工作。以下JavaScript工具可以帮助您管理Javascript状态、压缩JavaScript代码、重构脚本代码结构等。我们希望这个工具列表是方便和有用的。如果您知道其他javascript工具，请在评论中提问，我们期待您的建议。阅读愉快！1.JavaScript状态管理器SimpleStateManager(SSM)是一个轻量级且易于使用的JavaScript状态管理器，专为响应式网站而设计。它不依赖于任何JavaScript框架，是让页面布局代码更简洁的好伙伴。你可以设置一个断点，然后打包所有的JavaScript从这个断点开始执行。一旦遇到下一个断点，SSM将禁用先前的状态代码并触发执行新的状态代码（因此您不必手动切换）。该管理器具有完整的API、调试器和插件支持，可用于后续扩展。2.jsMini如果你想快速轻松地压缩你的JavaScript或jQuery文件，请使用jsMini。只需复制并粘贴您的源代码，选择基本压缩或完全压缩，您将获得压缩代码。3.CountUp.jsCountUp.js是一个无依赖、轻量级的JavaScript“类”，用于快速创建有趣的数字显示动画。尽管名称如此，但countUp可以向上或向下计数，具体取决于您传入的startVal和endVal参数。包括Bower和Component.json文件，并且有一个coffeescript版本。4.GraspGrasp帮助您根据代码结构查找、替换和重构JavaScript代码。它比普通的查找和替换功能更强大，使重构更容易，并允许您执行基本的单行宏。5.Gulp.jsGulp.js是一个流式项目构建系统。它使用node.js的流，提倡代码优先于配置，从而使构建过程更简单、更直观。因为它以代码为中心而不是以配置为中心，gulp简化了复杂性，简单的任务仍然简单。#p#6。Orcrad.jsOcrad.js是一个简单的OCR程序，可以识别图片中的文字。是一个纯JavaScript版本的Ocrad项目，总共约1MB，不依赖大规模训练。7.Headroom.jsHeadroom.js是一个轻量级、高性能的JSwidget（不依赖于任何框架！）来帮助你响应用户在页面上的滚动。向下滚动时，header滑出界面；向上滚动时，页眉滑回。Headroom.js帮助您在正确的时间将元素带入界面，并在其他时间将用户的注意力保持在页面内容上。应用headroom.js非常简单。它有一个纯JSAPI，以及与jQuery/Zepto和AngularJS兼容的可选插件。8.JikoJiko是一个先进易用的JavaScript模板引擎。它的目的是为JavaScript程序员提供一种使用与服务器端艺术模板引擎（如Jinja和Mako）一样强大的引擎来编写JS模板的方法。9.FileAPIFileAPI是几乎所有与文件相关的JavaScript工具的集合。它为单/多文件上传提供了很多功能：支持拖放、图片裁剪、缩放、应用滤镜、获取文件信息等功能。该工具是自包含的，带有一个在服务器端实现处理行为的PHP类。同时对于不支持（上传和拍照）的浏览器有快速回退。它有详细的文档。10.ObjectPlaygroundObjectPlayground是一种工具，可以使JavaScript对象可视化并进行实验。它直接在您的浏览器中运行，因此易于使用。#p#11。Echo.jsEcho是一个独立的JavaScript图片延迟加载工具。Echo速度很快，并且使用HTML5data-*属性。它不支持IE8以下的版本。echo.js使图片延迟加载变得简单，压缩后的代码不到1KB，并且不依赖于jQuery/Zepto或其他JS库。延迟加载是只有当目标元素要在视图中显示时才加载目标元素所需的资源。它可以自动向服务器发起请求，只需更改图片的src属性即可获取资源。这也是一个异步过程，有利于加载和浏览。12.jsComplexity想知道你的JavaScript代码有多复杂？使用Analysis运行它并亲自查看。代码越复杂，出现错误的机会就越多，所以您所能做的就是简化代码以提高性能和可靠性。13.Chance.jsChance是一个极简的随机字符串、数字等生成器，在编写自动化测试或任何其他需要随机性的场景时，它可以帮助减少单一性。Chance是根据对开发和商业友好的MIT许可证发布的开源软件。本站已加载Chance，您可以打开浏览器控制台试用一下！14.BookmarkfiyBookmarkify可以让你很容易的创建自己的书签脚本工具。只需命名您的书签脚本，然后输入其对应的要执行的代码，执行功能按钮，并将结果存储在书签中。（译者觉得对于一般简单的书签脚本来说完全是画蛇添足，对于一些代码量大的特殊脚本可以考虑）15.DavidDavid是一个可以概览节点依赖关系的工具。它创建一个徽章来显示每个依赖项的状态。您可以选择将其嵌入您的网站。原文链接：http://codegeekz.com/javascript-tools/翻译链接：http://www.oschina.net/translate/javascript-tools-improve-your-coding-skills
