一系列很棒的的浏览器端JavaScript库资源

362 阅读9分钟

包管理器

托管 JavaScript 库并提供用于获取和打包它们的工具。

  • npm - npm 是 JavaScript 的包管理器。
  • Bower - 网络包管理器。
  • component - 用于构建更好的 Web 应用程序的客户端包管理。
  • spm - 全新的静态包管理器。
  • jam - 使用以浏览器为中心且与 RequireJS 兼容的存储库的包管理器。
  • jspm - 无摩擦浏览器包管理。
  • 恩德 - 无库图书馆。
  • volo - 从模板创建前端项目,添加依赖项并自动生成项目。
  • Duo - 下一代软件包管理器,融合了 Component,Browserify 和 Go 的最佳创意,使组织和编写前端代码快速而轻松。
  • yarn - 快速,可靠,安全的依赖管理。

加载器 (Loaders)

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

Bundlers

  • browserify - Browserify 允许您通过捆绑所有依赖项来在浏览器中(“模块”)。
  • webpack - 为浏览器打包 CommonJs / AMD 模块。
  • Rollup - 下一代 ES6 模块捆绑器。
  • Brunch - 具有简单声明配置的快速前端 Web 应用程序构建工具。
  • Parcel - 快速,零配置 Web 应用程序捆绑器。

测试框架

构架

  • mocha - 简单,灵活,有趣的 node.js 和浏览器 JavaScript 测试框架。
  • jasmine - DOM-less 简单的 JavaScript 测试框架。
  • qunit - 一个易于使用的 JavaScript 单元测试框架。
  • jest - 无痛的 JavaScript 单元测试。
  • prova - 基于 Tape 和 Browserify 的节点和浏览器测试运行器
  • DalekJS - 使用 JavaScript 实现自动跨浏览器功能测试
  • Protractor - Protractor 是 AngularJS 应用程序的端到端测试框架。
  • tape - 用于节点和浏览器的 Tap 生成测试工具。
  • TestCafe - 针对现代 Web 开发堆栈的自动浏览器测试。
  • ava - 未来的 JavaScript 测试运行器

断言

  • chai - node.js 的 BDD / TDD 断言框架和可以与任何测试框架配对的浏览器。
  • Enzyme - Enzyme 是 React 的 JavaScript 测试实用程序,可以更容易地断言,操作和遍历 React Components 的输出。
  • 反应测试库 - 简单而完整的 React DOM 测试实用程序,可以鼓励良好的测试实践。
  • Sinon.JS - 测试 JavaScript 的间谍,存根和模拟。
  • expect.js - Node.JS 和浏览器的简约 BDD 风格断言。

覆盖

  • istanbul - 又一个 JS 代码覆盖工具。
  • blanket - 一个简单的 JavaScript 代码覆盖库。浏览器和 nodejs 易于安装和使用。
  • JSCover - JSCover 是一个测量 JavaScript 程序代码覆盖率的工具。

Runner

  • phantomjs - Scriptable Headless WebKit。
  • slimerjs - 运行 Gecko 的类似 PhantomJS 的工具。
  • casperjs - PhantomJS 和 SlimerJS 的导航脚本和测试实用程序。
  • zombie - 使用 node.js 进行疯狂快速,全栈,无头浏览器测试
  • totoro - 一个简单而稳定的跨浏览器测试工具。
  • karma - JavaScript 的壮观测试赛跑者。
  • nightwatch - 基于 node.js 和 selenium webdriver 的 UI 自动化测试框架。
  • nightwatch - UI - JavaScript 的下一代代码测试堆栈。
  • yolpo - 浏览器中的语句 JavaScript 解释器。

质量检查工具

  • prettier - Prettier 是一个自以为是的代码格式化程序。
  • JSHint - JSHint 是一个有助于检测 JavaScript 代码中的错误和潜在问题的工具。
  • jscs - JavaScript 代码样式检查器。
  • jsfmt - 用于格式化,搜索和重写 JavaScript。
  • jsinspect - 检测复制粘贴和结构相似的代码。
  • buddy.js - JavaScript 的幻数检测。
  • ESLint - 一种完全可插入的工具,用于识别和报告 JavaScript 中的模式。
  • JSLint - 高标准,严格和固定的代码质量工具,旨在保持语言的优秀部分。
  • JavaScript 标准样式 - 意见,无配置样式指南,样式检查器和格式化程序

MVC 框架和库

  • angular.js - 针对网络应用增强的 HTML。
  • aurelia - 适用于移动,桌面和 Web 的 JavaScript 客户端框架。
  • backbone - 为您的 JS 应用程序提供模型,视图,集合和事件的一些骨干。
  • ember.js - 用于创建雄心勃勃的 Web 应用程序的 JavaScript 框架。
  • meteor - 一个超简单,数据库无处不在的数据线上纯 javascript Web 框架。
  • ractive - 下一代 DOM 操作。
  • vue - 用于构建交互式界面的直观,快速和可组合的 MVVM。
  • knockout - Knockout 可以更轻松地使用 JavaScript 创建丰富的响应式 UI。
  • spine - 用于构建 JavaScript 应用程序的轻量级 MVC 库。
  • espresso.js - 用于制作用户界面的最小 JavaScript 库。
  • canjs - 可以做 JS,更好,更快,更容易。
  • react - 用于构建用户界面的库。它具有声明性,高效性和极其灵活性。适用于虚拟 DOM。
  • hyperapp - 用于构建前端应用程序的 1kb JavaScript 库。
  • preact - 使用相同的 ES6 API 快速 3kb React 替代方案。组件和虚拟 DOM。
  • nativescript - 使用 JavaScript 构建真正的原生跨平台 iOS 和 Android 应用程序。
  • react-native - 使用 React 构建本机应用程序的框架。
  • riot - 类似 React 的库,但体积非常小。
  • thorax - 加强你的骨干。
  • chaplin - 使用 Backbone.js 库的 JavaScript 应用程序的体系结构。
  • marionette - Backbone.js 的复合应用程序库,旨在简化大型 JavaScript 应用程序的构建。
  • ripple - 构建反应性视图的微小基础。
  • rivets - 轻量级和强大的数据绑定 + 模板解决方案。
  • derby - MVC 框架,可以轻松编写在 Node.js 和浏览器中运行的实时协作应用程序。
  • derby-awesome - 一系列令人敬畏的德比组件
  • way.js - 简单,轻量,持久的双向数据绑定。
  • mithril.js - Mithril 是一个客户端 MVC 框架(轻量级,健壮,快速)。
  • jsblocks - jsblocks 是更好的 MV-ish 框架。
  • LiquidLava - 用于构建用户界面的透明 MVC 框架。
  • feathers - 明天应用程序的极简主义实时 JavaScript 框架。
  • Keo - 具有 Shadow DOM 支持的功能无状态 React 组件。
  • atvjs - 使用纯 JavaScript 快速开发 Apple TV 应用程序

基于 Node 的 CMS 框架

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

模板引擎

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

  • mustache.js - JavaScript 中 {{mustaches}} 的最小模板。
  • handlebars.js - Mustache 模板语言的扩展。
  • nunjucks - 来自 Mozilla 的 JavaScript 丰富而强大的模板语言。
  • hogan.js - Mustache 模板语言的编译器。
  • doT - nodejs 和浏览器的最快 + 简洁的 JavaScript 模板引擎。
  • dustjs - 浏览器和 node.js 的异步模板。
  • eco - 嵌入式 CoffeeScript 模板。
  • JavaScript-Templates - <1KB 轻量级,快速且功能强大的 JavaScript 模板引擎,具有零依赖性。
  • t.js - 一个小的 JavaScript 模板框架,约 400 字节 gzip 压缩。
  • Pug - 用于 nodejs 的强大,优雅,功能丰富的模板引擎。(以前称为玉)
  • EJS - 有效的 JavaScript 模板。
  • xtemplate - 节点和浏览器的可扩展模板引擎库
  • marko - 一个快速,轻量级,基于 HTML 的模板引擎,用于 Node.js 和浏览器,具有异步,流,自定义标签和 CommonJS 模块作为编译输出。
  • swig - 一个简单,功能强大且可扩展的 Node.js 和基于浏览器的 JavaScript 模板引擎。

数据可视化

用于 Web 的数据可视化工具。

  • d3 - 用于 HTML 和 SVG 的 JavaScript 可视化库。
  • metrics-graphics - 针对简洁,有原则的数据图形和布局进行优化的库。
  • pykcharts.js - 精心设计的 d3.js 图表,没有 d3.js 的复杂性。
  • three.js - JavaScript 3D 库。
  • Chart.js - 使用标记的简单 HTML5 图表。
  • paper.js - 瑞士军刀矢量图形脚本 - 使用 HTML5 Canvas 移植到 JavaScript 和浏览器的 Scriptographer。
  • fabric.js - JavaScript Canvas Library,SVG-to-Canvas(&canvas-to-SVG)Parser。
  • peity - 渐进式条形图,折线图和饼图。
  • raphael - JavaScript 矢量库。
  • echarts - 企业图表。
  • vis - 基于浏览器的动态可视化库。
  • two.js - 用于网络的渲染器不可知的二维绘图 api。
  • g.raphael - Raphaël 的图表。
  • sigma.js - 专用于图形绘制的 JavaScript 库。
  • arbor - 使用 Web worker 和 jQuery 的图形可视化库。
  • cubism - 用于可视化时间序列的 D3 插件。
  • dc.js - 多维图表,可与使用 d3.js 渲染的交叉过滤器本机工作
  • vega - 可视化语法。
  • processing.js - Processing.js 使您的数据可视化使用 Web 标准并且没有任何插件。
  • envisionjs - 动态 HTML5 可视化。
  • rickshaw - 用于创建交互式实时图的 JavaScript 工具包。
  • flot - jQuery 的迷人 JavaScript 图表。
  • morris.js - 漂亮的时间序列线图。
  • nvd3 - 为 d3.js 构建可重用的图表和图表组件。
  • svg.js - 一个用于操作和动画 SVG 的轻量级库。
  • heatmap.js - 基于 HTML5 画布的热图的 JavaScript 库。
  • jquery.sparkline - jQuery JavaScript 库的插件,可直接在浏览器中生成小的迷你图表。
  • xCharts - 基于 D3 的库,用于构建自定义图表和图形。
  • trianglify - 低聚风格背景发生器与 d3.js.
  • d3-cloud - 在 JavaScript 中创建单词云。
  • d4 - D3 的友好可重用图表 DSL。
  • dimple.js - 由 d3 支持的简单业务分析图表。
  • chartist-js - 简单的响应式图表。
  • epoch - 通用实时图表库。
  • c3 - 基于 D3 的可重用图表库。
  • BabylonJS - 使用 HTML 5 和 WebGL 构建 3D 游戏的框架。
  • recharts - 使用 React 和 D3 构建的重新定义的图表库。
  • GraphicsJS - 一个轻量级 JavaScript 图形库,具有基于 SVG / VML 技术的直观 API。
  • mxGraph - 图表库,可以快速创建交互式图形和图表应用程序,这些应用程序可以在其供应商支持的任何主要浏览器中本机运行。
  • 还有一些很棒的商业库,如 amchart,anychart,plotly 和 highchart。

时间线

  • TimelineJS v3 - 用 JavaScript 构建的讲故事时间轴。
  • timesheet.js - 简单 HTML5 和 CSS3 时间表的 JavaScript 库。

电子表格

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

编辑器

  • ace - Ace(Ajax.org Cloud9 编辑器)。
  • CodeMirror - 浏览器内代码编辑器。
  • esprima - 用于多功能分析的 ECMAScript 解析基础设施。
  • quill - 带有 API 的跨浏览器的富文本编辑器。
  • medium-editor - Medium.com WYSIWYG 编辑器克隆。
  • pen - 享受现场编辑(+Markdown)。
  • jquery-notebook - 一个简单,干净,优雅的文本编辑器。灵感来自 Medium 的精彩。
  • bootstrap-wysiwyg - 与 Tiny bootstrap 兼容的 WYSIWYG 富文本编辑器。
  • ckeditor-releases - 适合所有人的最佳网络文本编辑器。
  • editor - Markdown 编辑。仍处于发展阶段。
  • EpicEditor - 一个可嵌入的 JavaScript Markdown 编辑器,具有分屏全屏编辑,实时预览,自动草稿保存,离线支持等功能。
  • jsoneditor - 一个基于 Web 的工具,用于查看,编辑和格式化 JSON。
  • vim.js - 带有持久性〜/ .vimrc 的 Vim 的 JavaScript 端口。
  • Squire - HTML5 富文本编辑器。
  • TinyMCE - JavaScript Rich Text 编辑器。
  • trix - 用于日常写作的富文本编辑器。通过 Basecamp。
  • Trumbowyg - 一个轻量级且令人惊叹的 WYSIWYG JavaScript 编辑器。
  • Draft.js - 用于构建文本编辑器的 React 框架。
  • bootstrap-wysihtml5 - 简单,漂亮的所见即所得的编辑器
  • wysihtml5 - 基于 HTML5 的开源富文本编辑器和渐进增强方法。使用复杂的安全性概念,旨在通过防止不可维护的标签汤和内联样式来生成完全有效的 HTML5 标记。
  • raptor-editor - Raptor,HTML5 WYSIWYG 内容编辑器!
  • popline - Popline 是一个 HTML5 富文本编辑器工具栏。

文档

  • DevDocs 是一个一体化的 API 文档阅读器,具有快速,有条理和一致的界面。
  • dexy 是一种自由形式的文化文档工具,用于编写包含代码的任何类型的技术文档。
  • docco 是一个快速,肮脏,百行,文化编程风格的文档生成器。
  • styledocco 从样式表生成文档和样式指南文档。
  • Ronn 制作手册。它将简单的,人类可读的文本文件转换为 roff 用于终端显示,也转换为 HTML 用于 Web。
  • dox 是一个用节点编写的 JavaScript 文档生成器。Dox 不再为您的文档生成固定的结构或样式,它只是为您提供 JSON 表示,允许您使用 markdown 和 JSDoc 样式的标记。
  • jsdox 是一个 JSDoc3 到 Markdown 文档生成器。
  • ESDoc 是一个很好的 JavaScript 文档生成器。
  • YUIDoc 是一个 Node.js 应用程序,它使用类似于 Javadoc 和 Doxygen 等工具的语法,从源代码中的注释生成 API 文档。
  • coddoc 是一个 jsdoc 解析库。Coddoc 的不同之处在于,它允许用户通过使用 coddoc.addTagHandler 和 coddoc.addCodeHandler 添加标记和代码解析器,从而可以轻松扩展。coddoc 还解析了在 API 中使用的源代码。
  • sphinx 是一款可轻松创建智能和精美文档的工具
  • 使用 JSDoc
  • Beautiful docs 是一个基于 markdown 文件的文档查看器。
  • documentation.js - 支持 ES2015 + 和流程注释的 API 文档生成器。
  • jsduck - 为 Sencha JavaScript 框架制作的 API 文档生成器,但也可用于其他框架。

文件

用于处理文件的库。

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

函数编程

函数式编程库,用于扩展 JavaScript 的功能。

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

反应式编程

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

  • RxJs - JavaScript 的反应性扩展。
  • Bacon - 用于 JavaScript 的 FRP(功能反应式编程)库。
  • Kefir - 针对 JavaScript 的 FRP 库,受到 Bacon.js 和 RxJS 的启发,专注于高性能和低内存消耗。
  • Highland - 重新思考 JavaScript 实用程序带,Highland 轻松管理同步和异步代码,仅使用标准 JavaScript 和类似 Node 的 Streams。
  • Most.js - 高性能 FRP 库。
  • MobX - 用于简单,可扩展状态管理的 TFRP 库。
  • Cycle.js - 一个功能强大且反应灵敏的 JavaScript 库,用于更清晰的代码。

数据结构

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

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

日期

日期库。

  • moment - 在 JavaScript 中解析,验证,操作和显示日期。
  • moment-timezone - 时区支持 moment.js。
  • jquery-timeago - 一个 jQuery 插件,可以轻松支持自动更新模糊时间戳(例如 “4 分钟前”)。
  • timezone-js - 启用时区的 JavaScript Date 对象。使用 Olson zoneinfo 文件获取时区数据。
  • date - 人类的日期()。
  • ms.js - 微小的毫秒转换实用程序。
  • countdown.js - 超级简单的倒计时。
  • timeago.js - 简单的库(小于 2kb)用于格式化日期与 *** time ago 语句。
  • fecha - 轻量级日期格式化和解析(~2KB)。意味着要取代 moment.js 的解析和格式化功能。
  • date-fns - 现代 JavaScript 日期实用程序库。
  • map-countdown - 基于 Google 地图构建的浏览器倒计时

字符串

字符串库。

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

数字

  • Numeral-js - 用于格式化和操作数字的 JavaScript 库。
  • chance.js - JavaScript 中的随机生成器助手。可以生成数字,字符串等。
  • odometer - 轻松过渡数字。
  • 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 是一个简单的键 / 值数据库,用于在浏览器端存储数据。
  • cross-storage - 跨域本地存储,具有权限。
  • 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 Wrapper 库。
  • lawnchair.js - 简单的客户端 JSON 存储。
  • sql.js - 通过 Emscripten 编译为 JavaScript 的 SQLite。

Color(颜色)

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

I18n 和 L10n

本地化(l10n)和国际化(i18n)JavaScript 库。

  • i18next - 使用 JavaScript 轻松实现国际化(i18n)。
  • polyglot - tiny i18n helper library。
  • babelfish - i18n 具有人性化的 API 并内置复数支持。
  • ttag - 基于 ES6 标记模板和良好的旧 GNU gettext 的现代 javascript i18n 本地化库。

控制流

  • async - 节点和浏览器的异步实用程序。
  • q - 用于在 JavaScript 中创建和编写异步 promise 的工具。
  • step - 一个异步控制流库,可以轻松地逐步执行逻辑。
  • contra - 具有功能性的异步流量控制。
  • Bluebird - 功能齐全的承诺库,专注于创新功能和性能。
  • when - 一个可靠,快速的 Promises / A + 和 when()实现,以及其他异步好东西。
  • ObjectEventTarget - 提供一个原型,为事件侦听器添加支持(在浏览器上可用的 DOMElements 中具有相同的 EventTarget 行为)。

路由

  • director - 一个用于 JavaScript 的小而同构的 URL 路由器。
  • page.js - 受 Express 路由器启发的微客户端路由器(~1200 字节)。
  • pathjs - 用于 Web 浏览器的简单轻量级路由。
  • crossroads- JavaScript 路线。
  • davis.js - 使用 pushState 的 RESTful 可降级 JavaScript 路由。

安全

  • DOMPurify - 用于 HTML,MathML 和 SVG 的仅限 DOM,超快速,超级容忍的 XSS 清理程序。
  • js-xss - 使用白名单指定的配置清理不受信任的 HTML(以防止 XSS)。
  • xss-filters - 雅虎安全的 XSS 过滤器。

日志

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

正则表达式

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

语音控制

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

API

  • axios - 基于 Promise 的 HTTP 客户端,用于浏览器和 node.js.
  • bottleneck- 一种强大的速率限制器,可以轻松控制节流。
  • oauth-signature-js - 用于节点和浏览器的 JavaScript OAuth 1.0a 签名生成器。
  • amygdala - 用于 JavaScript 驱动的 Web 应用程序的 RESTful HTTP 客户端。
  • jquery.rest - 一个 jQuery 插件,可以轻松使用 RESTful API。
  • Rails Ranger - Ruby on Rails API 的固定 REST 客户端。

流(Streaming)

  • Tailor - 前端微服务的流媒体布局服务,受 Facebook 的 BigPipe 启发。

视觉检测

  • tracking.js - 网络上计算机视觉的现代方法。
  • ocrad.js - 通过 Emscripten 在 JavaScript 中进行 OCR。

机器学习

  • ConvNetJS - JavaScript 中的深度学习。在您的浏览器中训练卷积神经网络(或普通的)。
  • DN2A - 数字神经网络架构。
  • Brain.js - JavaScript 中的神经网络。
  • Mind.js - 一个灵活的神经网络库。
  • Synaptic.js - node.js 和浏览器的免架构神经网络库。
  • TensorFlow.js - 用于在浏览器和 Node.js 上训练和部署 ML 模型的 JavaScript 库。
  • ml5.js - 友好的网络机器学习。

浏览器检测

  • bowser - 浏览器探测器。

基准

  • benchmark.js - 基准测试库。正如在 jsPerf.com 上使用的那样。
  • matcha - 以咖啡因为导向,简单化的基准测试方法。

代码突出显示

  • Highlight.js - JavaScript 语法高亮显示。
  • PrismJS - 轻巧,强大,优雅的语法高亮。

加载状态

用于指示负载状态的库。

  • Mprogress.js - 创建 Google Material Design 进度线性栏。
  • NProgress - 用于 Ajax'y 应用程序的超薄进度条。
  • Spin.js - 旋转活动指标。
  • progress.js - 为页面上的每个对象创建和管理进度条。
  • progressbar.js - 具有动画 SVG 路径的美丽且响应迅速的进度条。
  • pace - 自动为您的网站添加进度条。
  • topbar - Tiny&beautiful 全站点进度指示器。
  • nanobar - 非常轻量级的进度条。没有 jQuery。
  • PageLoadingEffects - 使用 SVG 动画显示新内容的现代方式。
  • SpinKit - 使用 CSS 动画的加载指示符的集合。
  • Ladda - 带内置装载指示器的按钮。
  • css-loaders - 使用 CSS 动画加载微调器的集合
  • 除了库之外,还有 Codepen 上的 Collection,以及 Ajaxload,Preloaders 和 CSSLoad 等生成器。

验证

  • Parsley.js - 无需编写单行 JavaScript 即可验证表单前端。
  • jquery-validation - jQuery Validation Plugin。
  • validator.js - 字符串验证和清理。
  • validate.js - 受 CodeIgniter 启发的轻量级 JavaScript 表单验证库。
  • validatr - 跨浏览器 HTML5 表单验证。
  • FormValidation - 验证表单字段的最佳 jQuery 插件。以前的 BootstrapValidator。
  • is.js - 检查类型,正则表达式,状态,时间等。
  • FieldVal - 多用途验证库。支持同步和异步验证。

键盘包装

  • mousetrap - 用于处理 JavaScript 中键盘快捷键的简单库。
  • keymaster - 用于定义和分派键盘快捷键的简单微库。
  • Keypress - 键盘输入捕获实用程序,其中任何键都可以是修饰键。
  • KeyboardJS - 用于绑定键盘组合的 JavaScript 库,没有键码和键组合冲突的痛苦。
  • jquery.hotkeys - jQuery Hotkeys 让您可以在代码中的任何位置查看键盘事件,几乎可以支持任何组合键。
  • jwerty - 键盘事件的真棒处理。

旅游和指南

  • intro.js - 为您的网站和项目提供新功能介绍和分步用户指南的更好方法。
  • shepherd - 引导您的用户浏览您的应用。
  • bootstrap-tour - 使用 Twitter Bootstrap Popovers 快速轻松地进行产品导览。
  • tourist - - 为您的应用程序提供简单灵活的旅游。
  • chardin.js - 适用于您的应用的简单叠加说明。
  • pageguide - 使用 jQuery 和 CSS3 的网页元素的交互式指南。
  • hopscotch - 一个框架,使开发人员可以轻松地将产品导览添加到他们的页面。
  • joyride - jQuery feature tour 插件。
  • focusable - 设置聚焦于 DOM 元素的聚光灯,将叠加层添加到页面的其余部分。

通知

  • iziToast - 优雅,响应灵活,轻量级的通知插件,没有依赖关系。
  • messenger - 适用于您应用的 Growl 风格的提醒和消息。
  • noty - jQuery 通知插件。
  • pnotify - Bootstrap,jQuery UI 和 Web Notifications Draft 的 JavaScript 通知。
  • toastr - 简单的 JavaScript 吐司通知。
  • humane-js - 一个简单,现代的浏览器通知系统。
  • smoke.js - 针对 JavaScript 的框架无关的样式警报系统。
  • notie - 没有依赖关系的简单通知和输入。

滑块

  • Swiper - 移动触摸滑块和框架,带有硬件加速转换。
  • slick - 您需要的最后一个旋转木马。
  • slidesJs - 是一个响应式幻灯片插件,适用于 JQuery(1.7.1+),具有触摸和 CSS3 过渡等功能
  • FlexSlider - 一个非常棒的,完全响应的 jQuery 滑块插件。
  • unslider - 最简单的 jQuery 滑块。
  • sly - 用于单向滚动的 JavaScript 库,具有基于项目的导航支持。
  • vegas - 一个 jQuery 插件,可以为您的网页添加漂亮的全屏背景。它甚至允许幻灯片播放。
  • Sequence - 用于创建响应式滑块,演示文稿,横幅和其他基于步骤的应用程序的 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 - 一个带有自适应彩色 figcaption 和导航的滑块的 jQuery 插件。
  • slidr - 添加一些幻灯片效果。
  • Flickity - 触摸,响应,可滑动的画廊。
  • Glide.js - 响应和触摸友好的 jQuery 滑块。它简单,轻便,快速。
  • jQuery.adaptive-slider - 一个带有自适应彩色 figcaption 和导航的滑块的 jQuery 插件。
  • Embla Carousel - 用于 Web 的可扩展低级旋转木马,用 TypeScript 编写。

范围滑块

  • Ion.RangeSlider - 功能强大且易于定制的范围滑块,具有多种选项和皮肤支持。
  • jQRangeSlider - 支持日期的 JavaScript 滑块选择器。
  • noUiSlider - 轻量级,高度可定制的范围滑块,无膨胀。
  • rangeslider.js - HTML5 输入范围滑块元素 polyfill。

表单小部件

输入

  • 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 - 超轻量级,可用,美观的自动完成,零依赖。-

日历

  • pickadate.js - 移动友好,响应迅速,轻量级的 jQuery 日期和时间输入选择器。
  • bootstrap-datepicker - 来自 Stefan Petre(eyecon.ro)的 @twitter bootstrap 的日期选择器,由 @eternicode 改进。
  • Pikaday - 一个令人耳目一新的 JavaScript Datepicker - 轻量级,无依赖关系,模块化 CSS。
  • fullcalendar - 全尺寸拖放事件日历(jQuery 插件)。
  • rome - 可定制的日期(和时间)选择器。免费依赖,选择加入 UI。
  • datedropper - datedropper 是一个 jQuery 插件,提供了一种快速简便的方法来管理输入字段的日期。

选择

  • selectize.js - Selectize 是文本框和选择框的混合体。这是基于 jQuery 的,它具有自动完成和本机感键盘导航; 对标记,联系人列表等有用
  • select2 - 基于 jQuery 的选择框替换。它支持搜索,远程数据集和无限滚动结果。
  • chosen - 一个库,用于制作更加友好的长而笨重的选择框。

文件上传器

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

其他

  • form - jQuery Form Plugin。
  • Garlic.js - 自动保留表单的文本并在本地选择字段值,直到提交表单。
  • Countable - 一个 JavaScript 函数,用于向 HT 添加实时段落,字和字符计数

模态和弹出窗口

  • 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 编写的简单易用的 lightbox 脚本。
  • colorbox - 用于 jQuery 的轻量级可定制灯箱插件。
  • fancyBox - 一种工具,为您的网页上的图像,html 内容和多媒体添加缩放功能提供了一种漂亮而优雅的方式。
  • swipebox - 可触摸的 jQuery 灯箱
  • jBox - jBox 是一个功能强大且灵活的 jQuery 插件,可以处理所有弹出窗口,工具提示,通知等。

滚动

  • scrollMonitor - 滚动时监视元素的简单快速 API。
  • eadroom - 给你的页面一些空间。隐藏您的标题,直到您需要它。
  • onepage-scroll - 使用 One Page Scroll 插件创建类似 Apple 的单页卷轴网站(iPhone 5S 网站)。
  • iscroll - iScroll 是一款高性能,占用空间小,无依赖,多平台的 JavaScript 滚动条。
  • skrollr - 适用于移动设备(Android + iOS)和桌面的独立视差滚动库。没有 jQuery。
  • parallax - 对智能设备方向作出反应的视差引擎。
  • stellar.js - 视差滚动变得容易。
  • plax - jQuery powered parallaxing。
  • jparallax - 用于创建交互式视差效果的 jQuery 插件。
  • fullPage - 一个简单易用的插件,用于创建全屏滚动网站(也称为单页网站)。
  • ScrollMenu - 一个替换旧的无聊滚动条的新界面。
  • Clusterize.js - Tiny vanilla JS 插件,可轻松显示大型数据集。
  • simpleParallax - 简单而小巧的 JavaScript 库,可在任何图像上添加视差动画

菜单

  • jQuery-menu-aim - 用户光标瞄准特定下拉菜单项时触发事件的 jQuery 插件。用于制作像亚马逊这样的响应式大型下拉菜单。
  • jQuery contextMenu - contextMenu manager。
  • Slideout - 用于移动网络应用的响应式触摸滑动导航菜单。
  • 滑动和滑动 - 可与 touchSwipe 库配合使用的滑动滑动菜单。

表 / 网格

  • jTable - 一个用于创建基于 AJAX 的 CRUD 表的 jQuery 插件。
  • DataTables - (jQuery 插件)它是一个高度灵活的工具,基于渐进增强的基础,并将为任何 HTML 表添加高级交互控件。
  • Tabulator - (jQuery 插件)一个非常灵活的库,可以从任何 JSON 数据源或现有 HTML 表创建具有一系列交互功能的表。
  • Bootstrap 表 - 对流行的 Bootstrap 框架的扩展,用于创建适合您站点样式的表,而无需额外的标记。
  • floatThead - (jQuery 插件)在正文中滚动时锁定任何表的标题。适用于任何表,不需要自定义 html 或 CSS。
  • Masonry - 级联网格布局库。
  • Packery - 使用 bin-packing 算法的网格布局库。可用于可拖动布局。
  • Isotope- 可过滤,可排序的网格布局库。可以实现 Masonry,Packery 和其他布局。
  • flexboxgrid - 基于 CSS3 flexbox 的网格。

构架

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

Boilerplates

  • html5-boilerplate - 一个专业的前端模板,用于构建快速,健壮且适应性强的 Web 应用程序或站点。
  • mobile-boilerplate - 一个前端模板,可帮助您构建快速,现代的移动 Web 应用程序。
  • webplate - 一个非常棒的前端框架,让您可以专注于构建您的网站或应用程序,同时保持非常好用。
  • Cerberus - 响应式 HTML 电子邮件的一些简单但可靠的模式。甚至在 Outlook 中。
  • full-page-intro-and-navigation - 带有全宽背景图像的介绍页面,大胆的动画菜单以及导航背后的类似 iOS 的模糊效果。
  • Fluid-Squares- 方形单元的流体网格。
  • Mobile-First-RWD - 移动优先响应式网页设计的一个例子。
  • this-is-responsive - 这是响应。
  • npm run-scripts 使用 NPM 运行脚本进行任务自动化。

手势

  • hammer.js - 用于多点触控手势的 JavaScript 库。
  • touchemulator - 模拟桌面上的触摸输入。
  • Dragula - 拖放这么简单就好疼。

地图

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

视频 / 音频

  • prettyembed.js - Prettier 嵌入你的 YouTubes - 具有很好的选项,如高分辨率预览图像,嵌入选项的高级自定义,以及可选的 FitVids 支持。
  • html5media - 在所有主流浏览器中启用和标记。
  • Play-em JS - Play'em 是一个 JavaScript 组件,它管理音乐 / 视频轨道队列,并通过在 HTML DIV(包括 Youtube,Soundcloud 和 Vimeo)中嵌入多个玩家来播放一系列歌曲。
  • polyplayer - 使用一个 API 来规则 YouTube,Soundcloud 和 Vimeo 播放器。
  • flowplayer - 用于网络的 HTML5 视频播放器
  • mediaelement - HTML5 或具有 Flash 和 Silverlight 填充程序的播放器,模仿 HTML5 MediaElement API,在所有浏览器中实现一致的 UI。mediaelementjs.com/
  • SoundJS - 一个可以更轻松地在网络上处理音频的库。它为在不同浏览器中播放音频提供了一致的 API。
  • video.js - Video.js - 开源 HTML5 和 Flash 视频播放器。
  • FitVids.js - 一个轻量级,易于使用的 jQuery 插件,用于流体宽度视频嵌入。
  • Ion.Sound - 任何网页上的简单声音。
  • photobooth-js - 一个小部件,允许用户在您的网站上拍摄他们的头像。
  • clappr - 一个可扩展的网络媒体播放器 clappr.io

活版印刷

  • FlowType.JS - 最好的 Web 排版:基于元素宽度的字体大小和行高。
  • BigText - jQuery 插件,计算将一行文本与特定宽度匹配所需的字体大小和字间距。
  • circletype - 一个 jQuery 插件,可以让你在网络上输入曲线。
  • slabText - 一个 jQuery 插件,用于生成大胆,响亮的标题。
  • simple-text-rotator - 在您的网站上添加一个超级简单的旋转文本,几乎没有标记。
  • novacancy.js - 文本 Neon Golden 效果 jQuery 插件。
  • jquery-responsive-text - 使文本大小响应!
  • FitText.js - 用于膨胀 Web 类型的 jQuery 插件。
  • Lettering.js - 一个轻量级,易于使用的 JavaScript 注入器,用于激进的 Web 排版。

动画

  • velocity - 加速 JavaScript 动画。
  • jquery.transit - jQuery 的超级流畅的 CSS3 转换和转换。
  • impress.js - 在 HTML 文档中使用 CSS3 转换 / 转换进行类似 Prezi 的演示。
  • bounce.js - 立即创建美味的 CSS3 动画动画。
  • GreenSock-JS - 适用于所有主流浏览器的高性能 HTML5 动画。
  • TransitionEnd - TransitionEnd 是一个不可知的跨浏览器库,用于处理转换事件。
  • Dynamic.js - 用于创建基于物理的 CSS 动画的 JavaScript 库。
  • the-cube - 多维数据集是 CSS3 过渡的实验。
  • Effeckt.css - 一个高效的过渡和动画库
  • animate.css - CSS 动画的跨浏览器库。因为易于使用易于使用。
  • textillate - CSS3 文本动画的简单插件。
  • move.js - CSS3 支持的 JavaScript 动画框架。
  • animatable - 一个属性,两个值,无限可能。
  • shuffle-images - 以创造性的方式改变图像的最简单方法
  • smoothState.js - 使用 jQuery 进行不显眼的页面转换。
  • Anime.js - 一个 JavaScript 动画引擎
  • Mo.js - 用于网络的运动图形工具带
  • particles.js - 用于创建粒子的轻量级 JavaScript 库。

图像处理

  • lena.js - 具有过滤器和 util 函数的图像处理库。
  • Pica - 高质量图像调整大小(使用快速 Lanczos 过滤器,在纯 JS 中实现)。
  • cropper - 一个简单的 jQuery 图像裁剪插件。

ES6

  • es6features - ECMAScript 6 功能概述。
  • es6-features - ECMAScript 6:功能概述和比较。
  • es6-cheatsheet - ES2015 [ES6] cheatsheet 包含提示,技巧,最佳实践和代码片段。
  • ECMAScript 6 兼容性表 - 适用于各种环境的所有 ECMAScript 6 功能的兼容性表。
  • Babel(以前为 6to5) - 将 ES6 + 代码转换为 vanilla ES5,没有运行时。
  • Traceur 编译器 - ES6 功能 > ES5。包括类,生成器,承诺,解构模式,默认参数等。

产生器

  • Gatsby.js - 基于 React 的静态站点生成器。

SDK

  • javascript-sdk-design - 从工作和个人经验中提取的 JavaScript SDK 设计指南
  • Spotify SDK - 面向实体的 SDK,可与 Spotify Web API 配合使用。
  • Square Node.js SDK - 用于支付和其他 Square API 的 JavaScript 客户端库。

杂项

  • echo - 具有 data- * 属性的延迟加载图像。
  • picturefill - 用于 <picture>,srcset,sizes 的响应式图像 polyfill。
  • platform.js - 几乎适用于所有 JavaScript 平台的平台检测库。
  • json3 - 与几乎所有 JavaScript 平台兼容的现代 JSON 实现。
  • Logical Or Not - 关于 JavaScript 特性的游戏。
  • BitSet.js - JavaScript Bit-Vector 实现
  • spoiler-alert - SPOILER ALERT!一个快乐的小 jquery 插件,以隐藏您的网站上的剧透。
  • jquery.vibrate.js - Vibration API Wrappers
  • list.js - 为表,列表和各种 HTML 元素添加搜索,排序,过滤器和灵活性。构建为不可见并处理现有 HTML。
  • mixitup - MixItUp - 过滤和排序插件。
  • grid - 拖放库,用于二维,可调整大小和响应式列表。
  • jquery-match-height - jQuery 的响应性相等高度插件。
  • survey.js - JavaScript Survey Engine。它使用 JSON 进行调查元数据和结果。
  • Array Explorer 和 Object Explorer - 帮助确定在任何给定时间最适合使用本机 JavaScript 方法的资源
  • Clipboard.js - “复制到剪贴板” 没有 Flash 或使用框架。
  • ky - 基于浏览器 Fetch API 的简洁优雅的 HTTP 客户端。

播客

  • JavaScript Air - 所有关于 JavaScript 和 Web 平台的实时视频广播播客。
  • Web of Tomorrow - 为初学者播放有关 JavaScript 的播客。
  • JavaScript Jabber - 关于 JavaScript 的每周播客,包括 Node.js,前端技术,职业,团队等。

值得一读

你不懂 JS - 可能是用现代 JavaScript 编写的最好的书,完全可以免费在线阅读,或者可以买来支持作者。

  • braziljs / js-the-right-way - 一个易于阅读的快速参考,用于 JS 最佳实践,可接受的编码标准以及 Web 上的链接。
  • JSbooks - 免费 JavaScript 电子书目录。
  • Superhero.js - 有关创建,测试和维护大型 JavaScript 代码库的资源集合。
  • SJSJ - 简化的 JavaScript 术语是一个社区驱动的尝试,用一些简单的词语解释当前 JavaScript 生态系统的流行语。
  • 如何编写开源 JavaScript 库 - 通过一系列步骤发布 JavaScript 开源库的综合指南。
  • Jaavascript 教程 - 通过各种用户排名的在线教程在线学习 Javascript。

原文:github.com/sorrycc/awe…

本文:pub.intelligentx.net/collection-…