1. 技术文章
  2. awesome-javascript

awesome-javascript

由 人盡茶涼 提交于 2020-11-09 04:43:39

一系列令人敬畏的浏览器端JavaScript库，资源和闪亮的东西。

包管理员

托管JavaScript库并提供获取和打包工具。

  • npm - npm是javascript的包管理器。
  • Bower - Web的包管理器。
  • 组件 - 用于构建更好的Web应用程序的客户端包管理
  • spm - 全新的静态包管理器。
  • jam - 使用浏览器和RequireJS兼容存储库的包管理器。
  • jspm - 无摩擦的浏览器包管理。
  • Ender - 无库库。
  • volo - 从模板创建前端项目，添加依赖项并自动执行结果项目。
  • 二重奏 - 下一代软件包管理器，融合Component，Browserify和Go的最佳创意，使组织和编写前端代码快速而轻松。
  • 纱线 - 快速，可靠和安全的依赖管理。

装载机

用于JavaScript的模块或加载系统。

  • RequireJS - JavaScript的文件和模块加载器。
  • browserify - 浏览器端require（）node.js的方式。
  • SeaJS - Web的模块加载器。
  • HeadJS - 头部中唯一的脚本。
  • curl - 一个小型，快速，可扩展的模块加载器，可处理AMD，CommonJS Modules / 1.1，CSS，HTML /文本和旧脚本。
  • lazyload - 微小的，无依赖关系的异步JavaScript和CSS加载器。
  • script.js - 异步JavaScript加载器和依赖关系管理器。
  • systemjs - 符合AMD，CJS和ES6规范的模块加载器。
  • LodJS - 基于AMD的模块加载器
  • ESL - 模块加载器浏览器，支持懒定义和AMD。
  • modulejs - 轻量级JavaScript模块系统。

捆扎机

  • browserify - Browserify让您可以要求（“模块”）中捆绑了你的全部依赖浏览器。
  • webpack - 为浏览器打包CommonJs / AMD模块。
  • 汇总 - 下一代ES6模块捆绑器。
  • 早午餐 - 使用简单的声明性配置的前端快速Web应用程序构建工具。
  • 包裹 - 炙手可热的快速零配置Web应用程序打包程序。

测试框架

构架

  • 摩卡 - 为node.js和浏览器提供简单，灵活，有趣的JavaScript测试框架。
  • 茉莉花 - 无DOM的简单JavaScript测试框架。
  • qunit - 一个易于使用的JavaScript单元测试框架。
  • 笑话 - 无痛Javascript单元测试。
  • prova - 基于Tape和Browserify的Node＆Browser测试运行器
  • DalekJS - 使用JavaScript进行自动跨浏览器功能测试
  • 量角器 - 量角器是AngularJS应用的端到端测试框架。
  • 磁带 - 节点和浏览器的Tap生成测试工具。
  • TestCafe - 为现代Web开发堆栈进行自动浏览器测试。
  • ava -火箭 未来的JavaScript测试运行器

断言

  • chai - node.js的BDD / TDD断言框架和可与任何测试框架配合使用的浏览器。
  • 酶 - 酶是React的JavaScript测试工具，可以更容易地断言，操作和遍历React组件的输出。
  • Sinon.JS - 为JavaScript测试间谍，存根和模拟。
  • expect.js - Node.JS和浏览器的简单BDD风格的断言。

覆盖

  • 伊斯坦布尔 - 又一个JS代码覆盖工具。
  • 毯子 - 一个简单的JavaScript代码覆盖库。设计易于安装和使用，适用于浏览器和nodejs。
  • JSCover - JSCover是一个测量JavaScript程序代码覆盖率的工具。

跑步者

  • phantomjs - 可脚本化无头WebKit。
  • slimerjs - 运行Gecko的PhantomJS式工具。
  • casperjs - 用于PhantomJS和SlimerJS的导航脚本和测试工具。
  • 僵尸 - 使用node.js进行疯狂快速，全堆栈，无头浏览器测试。
  • totoro - 一个简单而稳定的跨浏览器测试工具。
  • karma - JavaScript的Spectacular Test Runner。
  • Nightwatch - 基于node.js和selenium webdriver的UI自动化测试框架。
  • 实习生 - JavaScript的下一代代码测试栈。
  • yolpo - 浏览器中的声明式声明JavaScript解释器。

QA工具

  • 更漂亮 - Prettier是一个有见识的代码格式化工具。
  • JSHint - JSHint是一个有助于检测JavaScript代码中的错误和潜在问题的工具。
  • jscs - JavaScript代码风格检查器。
  • jsfmt - 用于格式化，搜索和重写JavaScript。
  • jsinspect - 检测复制粘贴和结构相似的代码。
  • buddy.js - JavaScript的幻数检测。
  • ESLint - 用于识别和报告JavaScript模式的完全可插入工具。
  • JSLint - 高标准，严格和恪守口碑的代码质量工具，旨在保持语言的良好部分。

MVC框架和库

  • angular.js - 为web应用增强的HTML。
  • aurelia - 适用于移动，桌面和网页的Javascript客户端框架。
  • 骨干网 - 为您的JS App提供一些支持模型，视图，集合和事件的Backbone。
  • ember.js - 用于创建雄心勃勃的Web应用程序的JavaScript框架。
  • 流星 - 一个超简单，数据库无处不在，数据在线，纯Javascript的网页框架。
  • ractive - 下一代DOM操作。
  • vue - 构建交互式界面的直观，快速和可组合的MVVM。
  • 淘汰赛 - 淘汰赛让使用JavaScript创建富有响应性的用户界面变得更加容易。
  • spine - 用于构建JavaScript应用程序的轻量级MVC库。
  • espresso.js - 用于制作用户界面的最小JavaScript库。
  • canjs - 可以做JS，更好，更快，更容易。
  • 反应 - 建立用户界面的库。它是声明性的，高效的，并且非常灵活。适用于虚拟DOM。
  • hyperapp - 1kb JavaScript库，用于构建前端应用程序。
  • preact - 使用相同的ES6 API进行快速3kb React替代。组件和虚拟DOM。
  • nativescript - 使用JavaScript构建真正的本地跨平台iOS和Android应用程序
  • react-native - 使用React构建本机应用程序的框架。
  • 暴动 - 类似反应的图书馆，但体积非常小。
  • 胸部 - 加强你的骨干。
  • chaplin - 使用Backbone.js库的JavaScript应用程序体系结构。
  • marionette - Backbone.js的复合应用程序库，旨在简化大规模JavaScript应用程序的构建。
  • 涟漪 - 构建反应视图的基础。
  • 铆钉 - 轻量级和强大的数据绑定+模板解决方案。
  • derby - MVC框架可以轻松编写在Node.js和浏览器中运行的实时协作应用程序。
  • way.js - 简单，轻量，持久的双向数据绑定。
  • mithril.js - Mithril是一个客户端MVC框架（轻量级，强大，快速）。
  • jsblocks - jsblocks更好的MV-ish框架。
  • LiquidLava - 用于构建用户界面的透明MVC框架。
  • 羽毛 - 为未来的应用程序提供最简约的实时JavaScript框架。
  • Keo - 具有Shadow DOM支持功能的无状态React组件。

基于节点的CMS框架

  • KeystoneJS - 强大的CMS和Web应用程序框架
  • Reaction Commerce - 反应式CMS，实时体系结构和设计
  • 幽灵 - 简单，强大的发布平台
  • 撇号 - 内容编辑和基本服务的CMS
  • We.js - 实时应用程序，网站或博客的框架
  • Hatch.js - 具有社交功能的CMS平台。
  • TaracotJS - 基于Node.js的快速极简CMS
  • Nodizecms - 适用于CoffeeScript爱好者的CMS
  • 科迪 - CMS与WSYWYG编辑器
  • PencilBlue - CMS和博客平台

模板引擎

模板引擎允许您执行字符串插值。

  • mustache.js - 在JavaScript中使用{{mustaches}}进行最小化模板。
  • handlebars.js - Mustache模板语言的扩展。
  • hogan.js - Mustache模板语言的编译器。
  • doT - 用于nodejs和浏览器的最快+简洁的javascript模板引擎。
  • dustjs - 浏览器和node.js的异步模板。
  • eco - 嵌入CoffeeScript模板。
  • JavaScript模板 - <1KB轻量级，快速且功能强大的JavaScript模板引擎，具有零依赖关系。
  • t.js - 一个小巧的JavaScript模板框架，大约400字节gzipped。
  • 帕格 - 坚固，优雅，功能丰富的nodejs模板引擎。（以前称玉）
  • EJS - 有效的JavaScript模板。
  • 节点和浏览器的xtemplate - eXtensible Template Engine lib
  • marko - Node.js快速，轻量级，基于HTML的模板引擎，以及带有异步，流媒体，自定义标签和CommonJS模块作为编译输出的浏览器。
  • swig - 一个简单，功能强大且可扩展的Node.js和基于浏览器的JavaScript模板引擎。

文章和帖子

数据可视化

数据可视化工具的网络。

  • d3 - HTML和SVG的JavaScript可视化库。
    • metrics-graphics - 为简明，有原则的数据图形和布局而优化的库。
  • pykcharts.js - 精心设计的d3.js图表​​，没有d3.js的复杂性。
  • three.js - JavaScript 3D库。
  • Chart.js - 使用标记的简单HTML5图表。
  • paper.js - 矢量图形脚本的瑞士军刀 - Scriptographer使用HTML5 Canvas移植到JavaScript和浏览器。
  • fabric.js - Javascript Canvas库，SVG到画布（和画布到SVG）解析器。
  • peity - 进度条，线条和饼图。
  • 拉斐尔 - JavaScript矢量图书馆。
  • echarts - 企业图表。
  • vis - 基于浏览器的动态可视化库。
  • two.js - 渲染器不可知的用于网络的二维绘制API。
  • g.raphael - 图表为Raphaël。
  • sigma.js - 专门用于图形绘制的JavaScript库。
  • arbor - 使用web工作者和jQuery的图形可视化库。
  • 立体派 - 用于可视化时间序列的D3插件。
  • dc.js - 构建的多维制图与使用d3.js呈现的crossfilter本身一起工作
  • vega - 一种可视化文法。
  • processing.js - Processing.js使您的数据可视化工作使用Web标准并且不需要任何插件
  • envisionjs - 动态HTML5可视化。
  • 人力车 - 用于创建交互式实时图的JavaScript工具包。
  • flot - jQuery的有吸引力的JavaScript图表。
  • morris.js - 漂亮的时间序列线图。
  • nvd3 - 为d3.js构建可重复使用的图表和图表组件
  • svg.js - 用于操作和动画SVG的轻量级库。
  • heatmap.js - 用于基于HTML5画布的热图的JavaScript库。
  • jquery.sparkline - 一个用于jQuery javascript库的插件，用于直接在浏览器中生成小的sparkline图表。
  • xCharts - 一个用于构建自定义图表和图形的基于D3的库。
  • trianglify - 带d3.js的低聚风格背景生成器
  • d3-cloud - 用JavaScript创建词云。
  • d4 - D3的友好可复用图表DSL。
  • dimple.js - 易于由d3支持的业务分析图表
  • chartist-js - 简单的响应式图表。
  • 时代 - 一个通用实时图表库。
  • c3 - 基于D3的可重用图表库。
  • BabylonJS - 使用HTML 5和WebGL构建3D游戏的框架。
  • recharts - 用React和D3构建的重新定义图表库
  • GraphicsJS - 基于SVG / VML技术的基于直观API的轻量级JavaScript图形库。

还有一些很棒的商业图书馆，如amchart，anychart，plotly和highchart。

时间线

电子表格

  • HANDSONTABLE - Handsontable是面向开发人员的JavaScript / HTML5电子表格库

编者

  • ace - Ace（Ajax.org Cloud9编辑器）。
  • CodeMirror - 浏览器内代码编辑器。
  • esprima - 用于多用途分析的ECMAScript解析基础架构。
  • 羽毛笔 - 带有API的跨浏览器富文本编辑器。
  • 中等编辑器 - Medium.com所见即所得编辑器克隆。
  • 笔 - 享受实时编辑（+降价）。
  • jquery-notebook - 一个简单，干净而优雅的文本编辑器。灵感来自中等的迷人。
  • bootstrap-wysiwyg - 微型bootstrap兼容所见即所得丰富的文本编辑器。
  • ckeditor-releases - 为每个人提供最好的网络文本编辑器。
  • 编辑器 - 降价编辑器。仍在发展中。
  • EpicEditor - 一款嵌入式JavaScript Markdown编辑器，具有分屏全屏编辑，实时预览，自动草稿保存，离线支持等功能。
  • jsoneditor - 用于查看，编辑和格式化JSON的基于Web的工具。
  • vim.js - Vim的JavaScript端口，带有持久的〜/ .vimrc
  • Squire - HTML5富文本编辑器。
  • TinyMCE - JavaScript Rich Text编辑器。
  • trix - 日常写作的富文本编辑器。由Basecamp。
  • Trumbowyg - 一个轻量级和惊人的所见即所得的JavaScript编辑器。
  • Draft.js - 用于构建文本编辑器的React框架。
  • bootstrap-wysihtml5 - 简单，美丽的wysiwyg编辑器
  • wysihtml5 - 基于HTML5和渐进增强方法的开源富文本编辑器。使用复杂的安全概念，旨在通过防止不可维护的标签汤和内联样式生成完全有效的HTML5标记。
  • 猛禽编辑器 - Raptor，一款HTML5所见即所得的内容编辑器！
  • Popline - Popline是一个HTML5 Rich-Text-Editor工具栏

文档

  • DevDocs是一个全功能的API文档阅读器，具有快速，有组织，一致的界面。
  • dexy是一个自由形式的文字记录工具，用于编写任何类型的包含代码的技术文档。
  • docco是一个快速而肮脏的，长达百年的文字编程风格的文档生成器。
  • styledocco从样式表生成文档和样式指南文档。
  • Ronn编写手册。它将简单的，人类可读的文本文件转换为用于终端显示的roff，以及用于web的HTML。
  • dox是一个用节点编写的JavaScript文档生成器。Dox不再为您的文档生成自定义的结构或样式，它只是给您一个JSON表示，允许您使用markdown和JSDoc样式标记。
  • jsdox是Markdown文档生成器的JSDoc3。
  • 对于JavaScript来说，ESDoc是一个很好的文档生成器。
  • YUIDoc是一个Node.js应用程序，它使用类似于Javadoc和Doxygen等工具的语法从源代码中的注释生成API文档。
  • coddoc是一个jsdoc解析库。Coddoc的不同之处在于，它允许用户通过使用coddoc.addTagHandler和coddoc.addCodeHandler来添加标签和代码解析器，从而轻松扩展。coddoc也解析API中使用的源代码。
  • 狮身人面像是一个工具，可以很容易地创建智能和美丽的文档
  • 使用JSDoc
  • 美丽的文档是基于降价文件的文档查看器。
  • documentation.js - API文档生成器，支持ES2015 +和流程注释。
  • jsduck - 用于Sencha JavaScript框架的API文档生成器，但也可用于其他框架。

档

用于处理文件的库。

  • Papa Parse - 一个功能强大的CSV库，支持解析CSV文件/字符串并导出为CSV。
  • jBinary - 使用声明性语法描述文件类型和数据结构的二进制文件的高级I / O（加载，解析，操作，序列化，保存）。
  • diff2html - Git diff输出解析器和漂亮的HTML生成器。
  • jsPDF - JavaScript PDF生成。

功能编程

功能性编程库扩展了JavaScript的功能。

  • 下划线 - JavaScript的实用程序_带。
  • lodash - 提供一致性，定制，性能和附加功能的实用程序库。
  • Sugar - 用于使用本机对象的Javascript库。
  • lazy.js - 像Underscore，但更懒。
  • ramda - Javascript程序员的实用函数库。
  • mout - 模块化JavaScript实用程序。
  • 网格 - 可Streamable数据同步实用程序。
  • preludejs - 用于JavaScript的硬核函数式编程。

无功编程

反应式编程库来扩展JavaScript的功能。

  • RxJs - JavaScript的反应式扩展。
  • 培根 - 用于Javascript的FRP（功能反应式编程）库。
  • 酸牛奶 - FRP JavaScript库通过Bacon.js和RxJS灵感与专注于高性能和低内存消耗。
  • 高地 - 重新思考JavaScript工具带，Highland可以轻松管理同步代码和异步代码，只需使用标准的JavaScript和类似节点的流。
  • Most.js - 高性能玻璃钢库。
  • MobX - 用于简单，可扩展状态管理的TFRP库。
  • Cycle.js - 用于更简洁的代码的功能性和反应性JavaScript库。

数据结构

数据结构库构建更复杂的应用程序。

  • immutable-js - 不可变数据集合，包括序列，范围，重复，映射，OrderedMap，集合和稀疏向量。
  • mori - 一个使用ClojureScript持久数据结构并支持来自舒适的vanilla JavaScript的API的库。
  • 存储桶 - 用JavaScript编写的完整的，经过充分测试和记录的数据结构库。
  • hashmap - 简单的hashmap实现，支持任何种类的密钥。

日期

日期库。

  • 时刻 - 在javascript中解析，验证，操作和显示日期。
  • moment-timezone - 支持moment.js 的时区。
  • jquery-timeago - 一个jQuery插件，可以很容易地支持自动更新模糊时间戳（例如“4分钟前”）。
  • timezone-js - 启用时区的JavaScript日期对象。为时区数据使用Olson zoneinfo文件。
  • 日期 - 人类的日期（）。
  • ms.js - 微小的毫秒转换工具。
  • countdown.js - 超级简单的倒计时。
  • timeago.js - 用于使用*** time ago语句格式化日期的简单库（小于2kb）。
  • fecha - 轻量级日期格式化和解析（〜2KB）。意味着替换moment.js的解析和格式化功能。
  • date-fns - 现代JavaScript日期实用程序库。

串

字符串库。

  • voca - 最终的JavaScript字符串库
  • 选择 - 允许您访问用户选择的文本的库
  • underscore.string - Underscore.js JavaScript库的字符串操作扩展。
  • string.js - 额外的JavaScript字符串方法。
  • 他 - 用JavaScript编写的健壮的HTML实体编码器/解码器。
  • 多行 - JavaScript中的多行字符串。
  • query-string - 解析和字符串化URL查询字符串。
  • URI.js - Javascript网址突变库。
  • jsurl - 使用JavaScript轻量级URL操作。
  • sprintf.js - 一个sprintf实现。
  • url-pattern - 比正则表达式匹配Url和其他字符串的模式更容易。将字符串转换为数据或数据成字符串

数

  • Numeral-js - 用于格式化和操作数字的JavaScript库。
  • chance.js - Javascript中的随机生成器助手。可以生成数字，字符串等
  • 里程表 - 轻松过渡数字。
  • accounting.js - 用于数字，货币和货币格式的轻量级JavaScript库 - 完全可本地化，零依赖关系。
  • money.js - 一个小小的（1kb）javascript货币转换库，用于web和nodeJS。
  • Fraction.js - 用于JavaScript的理性数字库
  • Complex.js - 一个用于JavaScript的复杂数字库
  • Polynomial.js - JavaScript的多项式库

存储

  • store.js - 所有浏览器的LocalStorage包装器，无需使用cookie或flash。引擎盖下使用localStorage，globalStorage和userData行为。
  • localForage - 离线存储，改进。使用简单但功能强大的API来包装IndexedDB，WebSQL或localStorage。
  • jStorage - jStorage是一个简单的键/值数据库，用于在浏览器端存储数据。
  • 跨存储 - 具有权限的跨域本地存储。
  • basket.js - 用于使用localStorage缓存和加载脚本的脚本和资源加载器。
  • bag.js - 缓存脚本和资源加载器，与basket.js类似，但具有额外的k / v接口和localStorage / websql / indexedDB支持。
  • basil.js - 缺少Javascript智能持久层。
  • jquery-cookie - 一个简单，轻量级的jQuery插件，用于读取，写入和删除cookie。
  • js-cookie - 用于处理浏览器cookie的简单轻量级JavaScript API
  • Cookie - JavaScript客户端Cookie操作库。
  • DB.js - 基于Promise的IndexDB包装库
  • lawnchair.js - 简单的客户端JSON存储。
  • sql.js - SQLite通过Emscripten编译成JavaScript。

颜色

  • randomColor - JavaScript的颜色生成器。
  • chroma.js - 用于各种颜色操作的JavaScript库。
  • 颜色 - JavaScript颜色转换和操作库。
  • 颜色 - 更智能的网页颜色默认值。
  • PleaseJS - 用于创建随机愉悦颜色和配色方案的JavaScript库。
  • TinyColor - JavaScript的快速，小型颜色处理和转换。
  • Vibrant.js - 从图像中提取突出的颜色。

I18n和L10n

本地化（l10n）和国际化（i18n）JavaScript库。

  • i18next - 国际化（i18n）用javascript简单的方法。
  • polyglot - 小i18n辅助库。
  • babelfish - i18n与人性化的API和建立在复数的支持。

类

  • ClassManager - 世界上最快和最方便的班级系统之一
  • klass - 用于在JavaScript中创建表现力类的实用程序。
  • 增强 - 世界上最小最快的传统JavaScript继承模式。

控制流

  • 异步 - 节点和浏览器的异步实用程序。
  • q - 在JavaScript中制作和编写异步承诺的工具。
  • step - 一个异步控制流库，使逻辑更容易。
  • contra - 具有功能性味道的异步流量控制。
  • 蓝鸟 - 功能齐全的承诺库，专注于创新功能和性能。
  • 当 - 一个坚实的，快速的Promises / A +和when（）实现，加上其他异步好东西。
  • ObjectEventTarget - 提供一个为事件侦听器添加支持的原型（具有来自浏览器上可用的DOMElement的EventTarget的相同行为）。

路由

  • 导演 - 一个小巧且同构的JavaScript路由器。
  • page.js - 受Express路由器启发的微型客户端路由器（约1200字节）。
  • pathjs - Web浏览器的简单轻量级路由。
  • 十字路口 - JavaScript路线。
  • davis.js - 使用pushState进行RESTful可降解JavaScript路由。

安全

  • DOMPurify - 一种DOM，仅用于HTML，MathML和SVG的超快速，超级容错XSS消毒剂。
  • js-xss - 使用白名单指定的配置清理不受信任的HTML（以阻止XSS）。
  • xss-filters - Yahoo安全XSS过滤器

日志

  • 日志 - 带有样式的Console.log。
  • Conzole - 一个内置在JavaScript中的调试面板，它将javascript本地控制台对象方法和功能封装在页面内显示的面板中。
  • console.log-wrapper - 清晰地在任何浏览器中登录到控制台。
  • loglevel - JavaScript的最小轻量级日志记录，添加可靠的日志级别方法来包装任何可用的console.log方法。
  • minilog - 使用Stream-API后端的轻量级客户端和服务器端日志记录
  • 故事板 - 通用日志库+ Chrome扩展; 它可以让您看到所有客户端和服务器任务在一个地方通过用户操作触发。

正则表达式

  • RegEx101 - 用于JavaScript的在线正则表达式测试器和调试器。还支持Python，PHP和PCRE。
  • RegExr - 基于HTML / JS的工具，用于创建，测试和学习正则表达式。
  • RegExpBuilder - 使用链接方法创建正则表达式。

语音控制

  • annyang - 一个JavaScript库，用于使用语音识别为您的网站添加语音命令。
  • voix.js - 为您的网站，应用或游戏添加语音命令的JavaScript库。

API

  • 瓶颈 - 一个强大的速率限制器，使节流变得简单。
  • oauth-signature-js - 用于节点和浏览器的JavaScript OAuth 1.0a签名生成器。
  • amygdala - 基于JavaScript的Web应用程序的RESTful HTTP客户端。
  • jquery.rest - 一个易于使用RESTful API的jQuery插件。
  • Rails Ranger - 用于Ruby on Rails API的自定义REST客户端。

流

  • 定制 - 前端微服务的流式布局服务，受Facebook的BigPipe启发。

视觉检测

  • tracking.js - 一种用于网络计算机视觉的现代方法。
  • ocrad.js - 通过Emscripten在Javascript中进行OCR。

机器学习

  • ConvNetJS - 深入学习Javascript。在您的浏览器中训练卷积神经网络（或普通网络）。
  • DN2A - 数字神经网络架构。
  • Brain.js - JavaScript中的神经网络。
  • Mind.js - 灵活的神经网络库。
  • Synaptic.js - 用于node.js和浏览器的无架构神经网络库。
  • deeplearn.js - 用于网络的硬件加速机器智能库。

浏览器检测

基准

  • benchmark.js - 基准库。在jsPerf.com上使用。
  • 抹茶 - 咖啡因驱动，简单化的基准测试方法。

代码突出显示

  • Highlight.js - Javascript语法荧光笔。
  • PrismJS - 轻量级，强大，优雅的语法突出显示。

载入状态

用于指示负载状态的库。

  • Mprogress.js - 创建Google Material Design进度线性条。
  • NProgress - Ajax'y应用程序的细化进度条。
  • Spin.js - 一个旋转活动指标。
  • progress.js - 为页面上的每个对象创建和管理进度条。
  • progressbar.js - 带有动画SVG路径的美丽响应式进度条。
  • 步伐 - 自动添加进度条到您的网站。
  • topbar - 小巧美观的网站级进度指示器。
  • nanobar - 非常轻量级的进度条。没有jQuery。
  • PageLoadingEffects - 使用SVG动画显示新内容的现代方法。
  • SpinKit - 用CSS动画的加载指示符的集合。
  • Ladda - 带有内置加载指示器的按钮。
  • css-loaders - 一组使用CSS动画的加载微调器

除了库之外，还有Codepen上的Collection，以及Ajaxload，Preloaders和CSSLoad等生成器。

验证

  • Parsley.js - 验证你的表单，前端，而不用写一行javascript。
  • jQuery验证 - jQuery验证插件。
  • validator.js - 字符串验证和消毒。
  • validate.js - 受CodeIgniter启发的轻量级JavaScript表单验证库。
  • validatr - 跨浏览器HTML5表单验证。
  • FormValidation - 最好的jQuery插件来验证表单域。以前是BootstrapValidator。
  • is.js - 检查类型，正则表达式，状态，时间等。
  • FieldVal - 多用途验证库。支持同步和异步验证。

键盘包装

  • mousetrap - 用于在Javascript中处理键盘快捷键的简单库。
  • keymaster - 用于定义和分配键盘快捷方式的简单微库。
  • 按键 - 键盘输入捕捉工具，其中任何键都可以成为修饰键。
  • KeyboardJS - 一个用于绑定键盘组合的JavaScript库，没有关键代码和关键组合冲突的麻烦。
  • jquery.hotkeys - jQuery Hotkeys让你可以在代码中的任何地方观看键盘事件，支持几乎任何组合键。
  • jwerty - 令人敬畏的键盘事件处理。

旅游和指南

  • intro.js - 为您的网站和项目提供新功能介绍和分步用户指南的更好方式。
  • 牧羊人 - 引导你的用户浏览你的应用程序。
  • bootstrap-tour - 使用Twitter Bootstrap Popovers快速轻松地进行产品导览。
  • 游客 - 为您的应用程序提供简单灵活的游览。
  • chardin.js - 简单的覆盖说明为您的应用程序。
  • pageguide - 一个使用jQuery和CSS3的网页元素交互式指南。
  • 跳房子 - 使开发人员可以轻松地将产品导览添加到其页面的框架。
  • joyride - jQuery功能导览插件。
  • focusable - 将焦点集中在DOM元素上，为页面的其余部分添加覆盖层。

通知

  • iziToast - 优雅，响应灵活，轻量级的通知插件，无需依赖。
  • 信使 - 咆哮式的警报和消息为您的应用程序。
  • noty - jQuery通知插件。
  • pnotify - 用于Bootstrap，jQuery UI和Web通知草稿的JavaScript通知。
  • toastr - 简单的JavaScript吐司通知。
  • humane-js - 一个简单，现代的浏览器通知系统。
  • smoke.js - 针对javascript的框架不可知的样式化警报系统。
  • notie - 简单的通知和输入，没有依赖关系。

滑块

  • Swiper - 移动触摸滑块和具有硬件加速转换的框架。
  • 光滑 - 你将需要的最后一个旋转木马。
  • slidesJs - 是一款针对JQuery（1.7.1+）的反应灵敏的幻灯片插件，具有触摸和CSS3转换等功能
  • FlexSlider - 一个非常棒的，完全响应式的jQuery滑块插件。
  • unslider - 最简单的jQuery滑块。
  • 狡猾 - 基于项目导航支持的单向滚动JavaScript库。
  • 拉斯维加斯 - 一个jQuery插件添加美丽的全屏幕背景到您的网页。它甚至允许幻灯片。
  • 序列 - 用于创建响应滑块，演示文稿，横幅和其他基于步骤的应用程序的CSS动画框架。
  • reveal.js - 使用HTML轻松创建精美演示文稿的框架。
  • impress.js - 这是一个基于CSS3在现代浏览器中转换和转换的功能的演示框架，并受到prezi.com背后想法的启发。
  • bespoke.js - DIY演示微型框架
  • Strut - Strut - Impress.js和Bespoke.js演示文稿编辑器
  • PhotoSwipe - 用于移动和桌面，模块化，独立于框架的JavaScript图片库。
  • jcSlider - 一个带CSS动画的响应滑块jQuery插件。
  • basic-jquery-slider - 简单易用，简单到主题，简单定制。
  • jQuery.adaptive-slider - 一个带有自适应彩色无花果和导航的滑块的jQuery插件。
  • 滑动 - 添加一些幻灯片效果。
  • 轻触 - 触摸，响应，可滑动的画廊。
  • Glide.js - 响应式和触摸友好的jQuery滑块。它简单，轻巧，快捷。
  • jQuery.adaptive-slider - 一个带有自适应彩色无花果和导航的滑块的jQuery插件。

范围滑块

  • Ion.RangeSlider - 功能强大且易于定制的范围滑块，提供多种选项和皮肤支持。
  • jQRangeSlider - 一个支持日期的javascript滑块选择器。
  • noUiSlider - 轻量级，高度可定制的范围滑块，无臃肿。
  • rangeslider.js - HTML5输入范围滑块元素填充。

窗体小部件

输入

  • typeahead.js - 一个快速且全功能的自动完成库。
  • tag-it - 一个jQuery UI插件，用于处理多标签字段以及标签建议/自动完成。
  • At.js - 像提到自动完成一样添加Github到您的应用程序。
  • Placeholders.js - 用于HTML5占位符属性的JavaScript polyfill。
  • fancyInput - 使用CSS3效果在输入字段中输入趣味。
  • jQuery-Tags-Input - 用这个jQuery插件将一个简单的文本输入转换成一个很酷的标签列表。
  • vanilla-masker - 纯粹的javascript掩码输入。
  • Ion.CheckRadio - 用于样式复选框和单选按钮的jQuery插件。拥有皮肤支持。
  • awesomplete - 超轻量级，可用，美丽的自动完成与零依赖关系。- http://leaverou.github.io/awesomplete/

日历

  • pickadate.js - 移动友好的，响应式的，轻量级的jQuery日期和时间输入选择器。
  • bootstrap-datepicker - 用于@twitter bootstrap的日期选择器，由Stefan Petre（eyecon.ro）分叉，由@eternicode改进。
  • Pikaday - 令人耳目一新的JavaScript Datepicker - 轻量级，无依赖性，模块化CSS。
  • fullcalendar - 全尺寸的拖放事件日历（jQuery插件）。
  • 罗马 - 可定制的日期（和时间）选择器。无依赖关系，选择加入用户界面。
  • datedropper - datedropper是一个jQuery插件，它为管理输入字段的日期提供了一种快捷方便的方法。

选择

  • selectize.js - 选择是文本框和选择框的混合。它基于jQuery，具有自动完成和原生感觉的键盘导航; 用于标记，联系人列表等。
  • select2 - 一个基于jQuery的替代选择框。它支持搜索，远程数据集和结果的无限滚动。
  • 选择 - 一个图书馆，使长，笨重的选择框更友好。

文件上传器

  • jQuery的文件上传 - 文件上传小部件与多个文件选择，拖放支持，进度条，验证和预览图像，音频和视频的jQuery。
  • dropzone - Dropzone是一个易于使用的拖放库。它支持图像预览并显示很好的进度条。
  • flow.js - 通过HTML5 File API提供多个同时，稳定，容错和可恢复/可重新启动的文件上传的JavaScript库。
  • fine-uploader - 多个文件上传插件，带进度条，拖放，直接上传到S3。
  • FileAPI - 一组用于处理文件的JavaScript工具。Multiupload，drag'n'drop和分块文件上传。图像：EXIF裁剪，调整大小和自动定位。
  • plupload - 一个用于处理文件上传的JavaScript API，它支持多种文件选择，文件类型过滤，请求分块，客户端图像缩放等功能，并使用不同的运行时间来实现此功能，例如HTML 5，Silverlight和Flash。

其他

  • 表单 - jQuery表单插件。
  • Garlic.js - 自动保存表单的文本并在本地选择字段值，直到表单被提交。
  • Countable - 一个JavaScript函数，用于将实时的段落，单词和字符计数添加到HTML元素。
  • 卡 - 在一行代码中使您的信用卡表单更好。
  • 有弹性 - 表单元素自动调整，它应该是。

提示

  • tipsy - Facebook风格的jQuery提示插件。
  • opentip - 基于原型框架的开源javascript工具提示。
  • qTip2 - 非常强大的工具提示。
  • tooltipster - 一个jQuery工具提示插件。
  • simptip - 用Sass制作的一个简单的CSS工具提示。
  • jquery-popup-overlay - 用于响应式和可访问的模态窗口和工具提示的jQuery插件。
  • 工具栏 - 工具提示样式工具栏jQuery插件
  • hint.css - CSS中的工具提示库，用于您可爱的网站。

模式和弹出窗口

  • Magnific-Popup - 重点在于性能的灯光和响应式灯箱脚本。
  • jquery-popbox - jQuery PopBox UI元素。
  • jquery.avgrund.js - 一个带有弹出窗口新模态概念的jQuery插件。
  • vex - 一个高度可配置且易于风格的现代对话库。
  • bootstrap-modal - 扩展默认的Bootstrap Modal类。响应式，可堆叠，ajax等等。
  • css-modal - 由纯CSS构建的模式。
  • jquery-popup-overlay - 用于响应式和可访问的模态窗口和工具提示的jQuery插件。
  • SweetAlert - 一个真棒替代JavaScript的警报。
  • baguetteBox.js - 用纯JavaScript编写的简单易用的灯箱脚本。
  • colorbox - 一个轻量级，可定制的jQuery插件。
  • fancyBox - 一种工具，它为您的网页上的图像，html内容和多媒体添加缩放功能提供了一种不错而优雅的方式。
  • swipebox - 一个可触摸的jQuery灯箱
  • jBox - jBox是一个功能强大且灵活的jQuery插件，负责处理所有弹出窗口，工具提示，通知等等。

滚动

  • scrollMonitor - 一个简单而快速的API，用于在您滚动时监视元素。
  • 高空间 - 给你的页面一些空间。隐藏你的标题，直到你需要它。
  • onepage-scroll - 使用One Page Scroll插件创建一个类似苹果的页面滚动网站（iPhone 5S网站）。
  • iscroll - iScroll是一款高性能，小尺寸，无依赖关系的多平台JavaScript滚动器。
  • skrollr - 适用于手机（Android + iOS）和桌面的独立视差滚动库。没有jQuery。
  • 视差 - 对智能设备的方向有反应的视差引擎。
  • stellar.js - 视差滚动变得简单。
  • plax - jQuery支持parallaxing。
  • jparallax - 用于创建交互式视差效果的jQuery插件。
  • fullPage - 一个简单易用的插件来创建全屏滚动网站（也称为单页网站）。
  • ScrollMenu - 一个新的界面来取代旧的枯燥的滚动条。
  • Clusterize.js - Tiny vanilla JS插件轻松显示大型数据集。

菜单

  • jQuery-menu-aim - jQuery插件在用户的光标瞄准特定的下拉菜单项时触发事件。用于制作像亚马逊这样的响应式巨型下拉菜单。
  • jQuery contextMenu - contextMenu管理器。
  • 拨出 - 用于移动网络应用的响应式触摸滑动导航菜单。
  • 滑动和滑动 - 与touchSwipe库一起使用的滑动滑动菜单。

表/网格

  • jTable - 一个用于创建基于AJAX的CRUD表的jQuery插件。
  • DataTables - （jQuery插件）这是一个高度灵活的工具，基于渐进增强的基础，并将高级交互控件添加到任何HTML表格。
  • floatThead - （jQuery插件）在正文内滚动时锁定任何表格的标题。适用于任何表格，不需要自定义html或css。
  • 砌体 - 级联网格布局库。
  • 包装 - 使用装箱算法的网格布局库。可用于可拖动布局。
  • 同位素 - 可过滤，可排序的网格布局库。可以实施砌体，包装和其他布局。
  • flexboxgrid - 基于CSS3 flexbox的网格

构架

  • 语义UI - 包含大量主题和元素的UI工具包
  • w2ui - 一组用于前端开发数据驱动的Web应用程序的jQuery插件。
  • 流动性 - 世界上最小的完全响应的CSS框架
  • 墨水 - SAPO使用的HTML5 / CSS3框架，用于快速高效的网站设计和原型制作

Boilerplates

  • html5-boilerplate - 专业的前端模板，用于构建快速，强大且可适应的Web应用程序或网站。
  • 移动样板 - 可帮助您构建快速，现代化的移动Web应用程序的前端模板。
  • webplate - 一个非常棒的前端框架，可让您专注于构建您的网站或应用程序，同时保持真正的易用性。
  • Cerberus - 一些简单但坚实的HTML电子邮件模式。即使在Outlook中。
  • 全页面介绍和导航 - 带有全宽背景图片，大胆的动画菜单和导航背后的iOS模糊效果的介绍页面
  • 流体方块 - 方形单位的流体网格。
  • Mobile-First-RWD - 移动优先响应式网页设计的一个例子
  • 这是响应 - 这是响应
  • npm run-scripts使用NPM运行脚本进行任务自动化。

手势

  • hammer.js - 一个用于多点触控手势的JavaScript库。
  • 触摸模拟器 - 仿真桌面上的触摸输入。
  • Dragula - 拖放这么简单，它伤害

地图

  • Leaflet - 用于移动友好交互式地图的JavaScript库。
  • 铯 - 开源WebGL虚拟地球仪和地图引擎。
  • gmaps - 使用Google地图的最简单方法。
  • polymaps - 用于在现代Web浏览器中制作动态互动地图的免费JavaScript库。
  • kartograph.js - Kartograph SVG地图的开源JavaScript渲染器。
  • mapbox.js - Mapbox JavaScript API，一个Leaflet插件。
  • jqvmap - jQuery矢量地图库。
  • OpenLayers3 - 一款高性能，功能丰富的库，满足您的所有映射需求。

视频/音频

  • prettyembed.js - 为您的YouTubes提供更美观的嵌入 - 具有高分辨率预览图像，嵌入选项的高级自定义以及可选的FitVids支持等不错的选项。
  • html5media - 在所有主流浏览器中启用和标记。https://html5media.info/
  • Play-em JS - Play'em是一个JavaScript组件，用于管理音乐/视频曲目队列，并通过将多个播放器嵌入HTML DIV（包括Youtube，Soundcloud和Vimeo）来播放歌曲序列。
  • 多人游戏 - 使用一个API管理YouTube，Soundcloud和Vimeo播放器
  • 流式播放器 - 用于Web的HTML5视频播放器 https://flowplayer.org/
  • mediaelement - 包含Flash和Silverlight Shim的 HTML5或播放器，它们模仿HTML5 MediaElement API，在所有浏览器中启用一致的UI。http://mediaelementjs.com/
  • SoundJS - 一个使网络上的音频更容易处理的库。它为在不同浏览器中播放音频提供了一致的API。
  • video.js - Video.js - 开源的HTML5和Flash视频播放器
  • FitVids.js - 一个轻量级，易于使用的流体宽度视频嵌入jQuery插件。
  • Ion.Sound - 任何网页上的简单声音
  • photobooth-js - 允许用户在您的网站上拍摄他们的头像图片的小部件
  • clappr - 网络http://clappr.io的可扩展媒体播放器

活版印刷

  • FlowType.JS - 最好的Web版式：基于元素宽度的字体大小和行高。
  • BigText - jQuery插件计算将文本行与特定宽度相匹配所需的字体大小和字间距。
  • circletype - 一个jQuery插件，可让您在网络上进行曲线类型
  • slabText - 一个jQuery插件，用于制作大而大胆的响应式标题
  • 简单文本旋转 - 添加一个超级简单的旋转文本到您的网站几乎没有标记
  • novacancy.js - 文本霓虹黄金效应jQuery插件。
  • jQuery响应文本 - 让你的文字大小反应！
  • FitText.js - 一个用于扩展 Web类型的jQuery插件
  • Lettering.js - 一款轻量级，易于使用的JavaScript <span>注入器，用于激进的Web排版

动画

图像处理

  • lena.js - 一个用于使用滤波器和util函数进行图像处理的库。
  • pica - 高质量图像调整大小（使用快速Lanczos过滤器，以纯JS实现）。
  • 割草机 -一个简单的jQuery图像裁剪插件。

ES6

SDK

杂项

  • echo - 使用data- *属性延迟加载图像。
  • picturefill - 用于<picture>，srcset，sizes的响应式图像填充。
  • platform.js - 一款可在几乎所有JavaScript平台上运行的平台检测库。
  • json3 - 与几乎所有JavaScript平台兼容的现代JSON实现。
  • 逻辑与否 - 关于JavaScript特性的游戏。
  • BitSet.js - 一个JavaScript位向量实现
  • 扰流警报 - SPOILER警报！一个快乐的小jquery插件来隐藏你的网站上的破坏者。
  • jquery.vibrate.js - 振动API包装器
  • list.js - 为表格，列表和各种HTML元素添加搜索，排序，过滤和灵活性。构建为不可见，并在现有的HTML上工作。http://www.listjs.com
  • mixitup - MixItUp - 一个过滤器和排序插件
  • 网格 - 为二维，可调整大小和响应列表拖放库。
  • jquery-match-height - jQuery的响应平等高度插件。
  • survey.js - JavaScript调查引擎。它使用JSON作为调查元数据和结果。http://surveyjs.org/
  • 数组资源管理器和对象资源管理器 - 资源可帮助确定在任何给定时间最适合使用的本机JavaScript方法

播客

  • JavaScript Air - 播放所有关于JavaScript和Web平台的直播视频。
  • 明日之网 - 播客关于JavaScript的初学者。
  • Javascript Jabber - 关于JavaScript的每周播客，包括Node.js，前端技术，职业生涯，团队等等。

值得一读

其他真棒列表

标签
jquery
html5
node.js
react
d3.js
易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!