当前位置: 首页 > news >正文

JavaScript 资源大全中文版

目录

  • JavaScript资源大全中文版
    • 包管理器
    • 加载器
    • 组件管理器
    • 打包工具
    • 测试框架
    • QA工具
    • MVC 框架和库
    • 基于 Node 的 CMS 框架
    • 模板引擎
    • 文章和帖子
    • 数据可视化
      • 时间轴
      • 电子表格
    • 编辑器
    • 文档
    • 工具
      • 文件
      • 函数式编程
      • 响应式编程
      • 数据结构
      • 日期
      • 字符串
      • 数字
      • 存储
      • 颜色
      • 国际化和本地化
      • 控制流
      • 路由
      • 安全性
      • 日志
      • 正则表达式
      • 语音命令
      • API
      • 流媒体
      • 视觉检测
      • 机器学习
      • 浏览器检测
      • 基准测试
    • UI
      • 代码高亮
      • 加载状态
      • 验证
      • 键盘封装器
      • 导览与指南
      • 通知
      • 幻灯片
      • 滑块控件
      • 表单组件
      • 提示
      • 模态框和弹出框
      • 滚动条
      • 菜单
      • 表格/栅格
      • 框架
      • Boilerplates
    • 手势
    • 地图
    • 视频/音频
    • 排版
    • 动画
    • 图片处理
    • ES6
    • 静态页面生成器
    • SDK
    • 大杂烩
  • 精品阅读
  • 其他 Awesome
  • 资源
    • 有影响力的书

包管理器

管理、读取和打包 JavaScript 库的工具。

  • npm:npm 是 JavaScript 的包管理器。
  • Bower:一个 web 应用的包管理器。
  • component:能构建更好 web 应用的客户端包管理器。
  • spm:全新的静态包管理器。
  • jam:一个专注于浏览器端的包管理器, 兼容 RequireJS 。
  • jspm:流畅的浏览器包管理器。
  • Ender:没有库文件的程序库。
  • volo:以项目模板、添加依赖项与自动化生成的方式创建前端项目。
  • Duo:融合了 Component、Browserify 和 Go 的最佳思想,快速无痛开发组织前端代码的下一代包管理器。
  • yarn:高效、稳定、安全的依赖管理器。
  • pnpm:效率高、磁盘利用率高的包管理器

组件管理器

  • Bit:跨应用创建、查找、复用组件(支持 React、Angular、Node.js 等等)的组件管理器

加载器

JavaScript 模块或加载系统。

  • RequireJS:一种 JavaScript 文件和模块加载器。
  • browserify:像在 Node.js 一样在浏览器端使用 require() 函数。
  • SeaJS:Web 端模块加载器。
  • HeadJS:HEAD 里只有唯一一个 script 引入。
  • curl:小巧、快速且易扩展的模块加载器,它能处理 AMD、CommonJS Modules/1.1、CSS、HTML/text 和非模块化脚本。
  • lazyload:小巧且无依赖的异步 JavaScript 和 CSS 加载器。
  • script.js:异步 JavaScript 加载器和依赖管理器。
  • systemjs:AMD、CJS(commonJS) 和符合 ES6 规范的模块加载器。
  • LodJS:基于 AMD 的模块加载器。
  • ESL:浏览器端的模块加载器,支持懒定义和 AMD。
  • modulejs:轻量的 JavaScript 模块系统。

打包工具

  • browserify:Browserify 帮助你在浏览器端使用 require(‘modules’) 打包所有依赖。
  • webpack:为浏览器打包 CommonJs/AMD 模块。
  • Rollup:下一代 ES6 模块打包工具。
  • Brunch:只需要简单声明式配置的快速前端 Webapp 构建工具。
  • Parcel:零配置,超快速 Web 应用打包工具。
  • Microbundle:用于小模块的零配置打包工具。
  • FuseBox:一个只做正确事情的打包工具。

类型检测

  • TypeScript:JavaScript 的超集,可以编译成原生 JavaScript 。
  • Flow.js:Facebook 出品的静态类型检查器。
  • Hegel:偏向于强类型推断的静态类型检查器。
  • TypL:偏向于类型推断的 JavaScript 类型检查器。
  • Hindley Milner Definitions:使用类似 Haskell 的 Hindley Milner 类型签名的 JavaScript 函数运行时类型检查。

测试框架

框架

  • mocha:适用于 node.js 和浏览器的简易、灵活、有趣的 JavaScript 测试框架。
  • jasmine:简单无 DOM 的 JavaScript 测试框架。
  • qunit:一个易用的 JavaScript 单元测试框架。
  • jest:能无痛使用的 JavaScript 单元测试框架。
  • prova:基于 Tape 和 Browserify 的测试运行器,适用于 Node 和 浏览器。
  • DalekJS:跨浏览器的 JavaScript 自动化功能测试框架(已经停止维护——译者注)。
  • Protractor:适用于 AngularJS 应用的端到端测试框架。
  • tape:适用于 Node 和浏览器的 tap 生成器测试套件。
  • TestCafe:适用于现代 Web 应用开发栈的自动化浏览器测试工具。
  • ava:🚀 未来感十足的测试运行器。
  • Cypress:一个完整的端到端测试框架,用于测试在浏览器中运行的所有代码。

断言

  • chai:适用于 node.js 和浏览器的 BDD / TDD 断言框架,并能搭配任意测试框架使用。
  • Enzyme:Enzyme 是一款 React 专用的 JavaScript 测试工具,让断言、操作和遍历 React 组件之后输出更加容易。
  • react testing library:简单完备的 React DOM 测试工具,引导更好的测试实践。
  • Sinon.JS:对 JavaScript 进行 spies、stubs 和 mock 测试。
  • expect.js:简约的、适用于 Node.js 和浏览器端的 BDD 风格的断言工具。
  • proxyquire:Node.js 依赖桩代码。

覆盖率

  • istanbul:一个 JavaScript 代码覆盖率检测工具。
  • blanket:一个简单的代码覆盖率检测库。它的设计理念是易于安装和使用,浏览器和 node.js 都可用。
  • JSCover:JSCover 是一个检测 JavaScript 程序代码覆盖率的工具。

运行器

  • phantomjs:无界面的 Webkit 运行时(已暂停开发——译者注)。
  • slimerjs:一个内核为 Gecko 的类似 PhantomJS 工具。
  • casperjs:基于 PhantomJS 和 Slimer JS 的导航脚本和测试工具。
  • zombie:基于 node.js 的超快速、全栈且无图形界面的浏览器的测试工具。
  • totoro:一个简单可靠的跨浏览器测试工具。
  • karma:一款超级棒的 JavaScript 测试运行器(多浏览器测试场景下的 JavaScript 执行工具——译者注)。
  • nightwatch:基于 node.js 和 selenium webdriver 的图形界面自动化测试框架。
  • intern:下一代 JavaScript 代码测试栈。
  • yolpo:在浏览器逐句执行的 JavaScript 解释器。
  • puppeteer:谷歌 Chrome 团队出品,无界面 Chrome (Chromium) Node.js API 环境。
  • webdriverio:下一代 Web 驱动的 Node.js 自动化测试框架。
  • taiko:用于自动测试 Chromium 内核浏览器的简易 Node.js API 库。

QA 工具

  • Prettier:Prettier 是一款固执(严格)的代码格式化工具。
  • JSHint:JSHint 是一款用于检测 JavaScript 代码错误和潜在问题的工具。
  • jscs:JavaScript 代码风格检测工具。
  • jsfmt:格式化、搜索和改写 JavaScript。
  • jsinspect:检测复制粘贴和结构类似的代码。
  • buddy.js:检测 JavaScript 代码里的魔术数字。
  • ESLint:一款完全可插拔的 JavaScript 模板检测和报告工具。
  • JSLint :高标准、严要求且固执的代码质量工具,旨在保持语言的精华部分。
  • JavaScript Standard Style:固执、无需配置的代码风格规范、检查器和格式化工具。
  • Pre-evaluate code at buildtime:构建阶段前端 JavaScript 代码与评估器。
  • JS-Beautifier:格式化 JavaScript 代码的 npm 脚手架和库。
  • husky:防止劣质的 git commit、git push 等 git 操作。

MVC 框架和库

  • angular.js:专为 web 应用设计的增强型 HTML 。
  • aurelia:一个适用于移动设备、桌面设备和 web 的 JavaScript 客户端框架。
  • backbone:web 应用模型层、视图层、数据集合和事件的骨架。
  • ember.js:一个旨在创建非凡 web 应用的 JavaScript 框架。
  • meteor:一个超简单的、数据库无处不在的、只传输数据的纯 JavaScript web 框架。
  • ractive:新一代 DOM 操作。
  • vue:一套用于构建用户界面的渐进式框架。
  • svelte:svelte 是一种构建 web 应用的新方式。svelte 编译器将声明式组件编译成高效的 JavaScript 代码,并且会像外科手术那样更新 DOM。
  • knockout:Knockout 让使用 JavaScript 创建响应式富 UI 更加容易。
  • spine:轻量级 JavaScript 应用 MVC 框架。
  • espresso.js:一个极小的、用于制作用户界面的 JavaScript 库。
  • canjs:让 JS 更好、更快、更简单。
  • react:用于建构用户界面的库。它是声明式的、高效的和极度灵活的。以虚拟 DOM 作为其实现。
  • hyperapp:体积仅 1kb 的前端应用构件库。
  • preact:体积仅 3kb 的用 ES6 api 实现的 React 替代方案。(和 React 一样基于)组件和虚拟 DOM。
  • nativescript:构建真正的跨平台原生 JavaScript 应用,支持 iOS 和 Android 。
  • react-native:一个用 React 构建原生应用的框架。
  • riot:轻量级类 React 库。
  • thorax:强化版 Backbone。
  • chaplin:使用 Backbone.js 库的 JavaScript 应用架构。
  • marionette:一个 Backbone.js 的复合应用程序库,旨在简化大型 JavaScript 应用结构。
  • ripple:一个小巧的、用于构建响应界面的基础框架。
  • rivets:轻量却拥有强大的数据绑定和模板解决方案。
  • derby:让编写实时和协同应用更简单的 MVC 框架,能够同时在 Node.js 和浏览器运行。
    • derby-awesome:很棒的 derby 组件集合。
  • way.js:简单、轻量、持久的双向数据绑定库。
  • mithril.js:Mithril 是一个客户端 MVC 框架(轻量、强大和快速)
  • jsblocks:jsblocks 是一个更好的类 MV 框架。
  • LiquidLava:用于构建用户界面的透明 MVC 框架。
  • feathers:专为未来应用设计的极简主义实时 JavaScript 库。
  • Keo:基于 Shadow DOM 的函数式无状态的 React 组件(框架)。
  • atvjs:使用原生 JavaScript 快速开发 Apple TV 应用。
  • makefun:链式 Promise 调用。
  • Alpine.js:Alpine.js 以更低的代价实现了像 Vue 和 React 这类大型架构一样的响应式和声明式的特性。
  • inferno:🔥 一款用于构建现代用户界面的超级快速、类似 React 的 JS 库。

基于 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。
  • PencilBlue:一个 CMS 和博客平台。
  • Strapi:开源无界面的 Node.js CMS 系统,可轻松定制个性化接口。
  • Factor:一款 JavaScript CMS。

模板引擎

模板引擎用于执行字符串插值。

  • mustache.js:JavaScript 最精简的 {{mustaches}} 模板
  • handlebars.js:Mustache 模板语言的扩展。
  • nunjucks:Mozilla 出品,丰富且强大的 JavaScript 模板语言。
  • hogan.js:是 Mustache 模板语言的编译器。
  • doT:最快速简洁的 JavaScript 模板引擎,适用于 Node.js 和浏览器。
  • dustjs:适用于浏览器和 Node.js 的异步模板。
  • eco:嵌入式的 CoffeeScript 模板。
  • JavaScript-Templates:轻量(小于 1KB)、快速、强大且无依赖的 JavaScript 模版引擎。
  • t.js:小巧的 JavaScript 模板框架,压缩后约为 400 字节。
  • Pug:健壮的、优雅且功能丰富的 nodejs 模板引擎。(曾用名:Jade)
  • EJS:高效的 JavaScript 模板。
  • xtemplate:可扩展的模板引擎,适用于 node.js 和浏览器。
  • marko:基于 HTML 快速轻量的模板引擎,支持异步、流、自定义标签,支持 CommonJS 模块作为编译后输出,适用于 Node.js 和浏览器。
  • swig:一款简单、强大、可扩展的基于 Node.js 和 浏览器的 JavaScript 模板引擎。(已停止维护)
  • EHTML:一款实现零编写 JavaScript 的 HTML 框架。

文章和帖子

  • 你必须知道的 JavaScript 知识:介绍 JavaScript 基本概念的葡萄牙语文章。
  • JavaScript 运行原理:介绍 JavaScript 构建块的文集。
  • 利用 web-workers 实现多线程:Web Worker :为 JavaScript 添加多线程。
  • JavaScript 的 this 关键字:细嚼慢咽理解 JS this 关键字。

数据可视化

Web 数据可视化工具

  • d3:一款 JavaScript 数据可视化库,使用 HTML、SVG 和 Canvas 技术展现数据。
    • metrics-graphics:更简洁和拥有更规范的数据图表布局优化算法的库。
  • three.js:JavaScript 3D 库。
  • Chart.js:简单的基于 <canvas> 标签的 HTML5 图表库。
  • paper.js:矢量图形脚本的瑞士军刀,利用 HTML5 Canvas 将脚本-图表转换移植到 JavaScript 和浏览器。
  • fabric.js:JavaScript Canvas 库,实现 SVG 与 Canvas 相互解析。
  • peity:进度条、线状和饼状图。
  • raphael:JavaScript 矢量库。
  • Echarts:企业级图表库。
  • vis:动态的、基于浏览器的可视化库。
  • two.js:一个渲染器无关的适用于 web 的二维绘图 api 库。
  • g.raphael:为 Raphaël 设计的图表库。
  • sigma.js:一个致力于图形绘画的 JavaScript 库。
  • arbor:一个基于 web workers 和 jQuery 的图形可视化库。
  • cubism:可视化时间序列的 D3 插件。
  • dc.js:与 crossfilter 无缝结合的多维图表绘制库,使用 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 canvas 的热力图 JavaScript 库。
  • jquery.sparkline:一个直接在浏览器端生成小型走势图的 jQuery 插件。
  • trianglify:基于 d3.js 的低聚风格背景图片生成器。
  • d3-cloud:创建词云效果的 JavaScript 库。
  • d4:一个基于 d3 、友好、可复用的 DSL 图表库 。
  • dimple.js:基于 d3 的简易商业分析图表库。
  • chartist-js:简单的响应式图表。
  • epoch:一个通用的实时图表库。
  • c3:基于 d3 的可复用图表库。
  • BabylonJS:一个基于 HTML5 和 WebGL 的 3D 游戏的框架。
  • recharts:基于 React 和 d3 ,重新定义图标库。
  • GraphicsJS:轻量级直观接口 JavaScript 图形库,基于 SVG/VML 技术。
  • mxGraph:一款可快速创建交互式图表应用的图形库,支持任何主流浏览器(已停止开发——译者注)。
  • Frappe Charts:GitHub 驱动,为 web 设计的简易、现代且零依赖的 SVG 图形库。
  • Frappe Gantt:一款简单、可交互、现代的 Web 甘特图库。

还有一些很棒的收费库,如 amchart、plotly 和 highchart。

时间轴

  • TimelineJS:一个用 JavaScript 编写的可叙事时间轴库。
  • timesheet.js:用于构建简单的 HTML5 & CSS3 时间表的 JavaScript 库。

电子表格

  • HANDSONTABLE:Handsontable 是一款面向开发者的 JavaScript/HTML
    5 电子表格库。
  • Frappe Datatable:Frappe DataTable 是一款适用于展示 Tabular 数据的简单、现代、可交互的数据表格库。
  • Luckysheet:Luckysheet 是一款类似 Excel 的在线电子表格,配置简单且强大,完全开源。

编辑器

  • ace:Ace ,即 Ajax.org Cloud9 Editor。
  • CodeMirror:一个浏览器端的代码编辑器,用 JS 实现。
  • esprima:用于多用途分析的 ECMAScript 解析器。
  • quill:一个带有 API 的跨浏览器富文本编辑器。
  • medium-editor:Medium.com 使用的所见即所得编辑器的克隆版。
  • pen:享受在线编辑(支持 markdown)。
  • jquery-notebook:一个易用的、简洁优雅的文本编辑器。灵感来源于 Medium。
  • bootstrap-wysiwyg:小巧的、兼容 bootstrap 的所见即所得的富文本编辑器。
  • ckeditor-releases:适用于每个人的 web 文本编辑器。
  • editor:一个 markdown 编辑器,但仍在开发中。
  • EpicEditor:一个可嵌入的 JavaScript Markdown 的编辑器,拥有分屏编辑、即时预览、自动保存草稿和离线支持等功能。
  • jsoneditor:查看、编辑和格式化 JSON 的 web 工具。
  • vim.js:拥有持久化 ~/.vimrc 特性,支持 Vim 的 JavaScript 接口。
  • Squire:一个 HTML5 富文本编辑器。
  • TinyMCE:一个 JavaScript 富文本编辑器。
  • trix:由 Basecamp 制作,适用于每天写作的富文本编辑器。
  • Trumbowyg:一款轻量且惊人的所见即所得 JavaScript 编辑器
  • Draft.js:用于构建文本编辑器的 React 框架。
  • bootstrap-wysihtml5:一款简单漂亮的所见即所得编辑器。
  • wysihtml5:基于 HTML5 ,渐进增强的开源富文本编辑器,利用非常严苛的规则旨在生成符合 HTML5 规范的标签,避免生成非规范标签和同行样式。
  • raptor-editor:Raptor,一款 HTML5 所见即所得内容编辑器!
  • popline:Popline 是一款 HTML5 富文本工具栏。
  • Summernote:一个极简的所见即所得编辑器。

文档

  • DevDocs:一款多合一接口文档阅读器,界面统一、高效、排版精良。
  • dexy:一款格式自由且文艺的文档工具,可用于编写任何包含代码的技术文档。
  • docco:一款快且脏、百来行、文艺范的文档生成器,用 Literate CoffeeScript 实现。
  • styledocco:根据样式表生成风格规范文档。
  • Ronn:构建手册。把对人类阅读友好的简单文本文件转换成 roff 格式文件,便于终端显示,也可以转换为 HTML ,便于 Web 端显示。
  • dox:一款 Node.js 开发的 JavaScript 文档生成器。Dox 不会生成结构样式严苛的文档,而是采用 JSON 表示法,以实现 markdown 和 JSDoc 风格标签。
  • jsdox:一款将 JSDoc3 转换成 markdown 的文档生成器。
  • ESDoc:一款为 JavaScript 设计的优秀文档生成器。
  • YUIDoc:一款提取源码注释生成接口文档的 Node.js 应用,功能类似 Javadoc and Doxygen 。
  • coddoc:一款 jsdoc 解析库。Coddoc 与其他工具相比)的不同之处在于,它很容易扩展,通过 coddoc.addTagHandler 和 coddoc.addCodeHandler 来添加标签和代码解析器。 Coddoc 还可以解析源码生成接口文档。
  • sphinx:一款让创建智能且漂亮文档更加简单的工具。
  • Using JSDoc
  • Beautiful docs:一款 markdown 格式文档阅读器。
  • documentation.js:支持 ES2015+ 和流注释的接口文档生成器。
  • jsduck:为 Sencha JavaScript 框架开发的接口文档生成器,当然其他框架也能用。
  • codecrumbs:一款用于学习和记录代码库的可视化工具,通过在源码中插入面包屑来实现功能。

文件

处理文件的库。

  • Papa Parse:一款强大的 CSV 库,支持解析 CSV 文件/字符串,也能导出 CSV。
  • jBinary:对用声明式语法描述文件类型和数据结构的二进制文件,进行高级 I/O(加载、解析、操作、序列化、存储)操作。
  • diff2html:git 差异输出解析器,也是 HTML 美化器。
  • jsPDF:一款 JavaScript PDF 文件生成器。
  • PDF.js:一个 JavaScript PDF 阅读器,社区驱动,Mozilla 支持。

函数式编程

函数式编程库提升了 JavaScript 的能力。

  • underscore:JavaScript 的实用工具。
  • lodash:提供一致性、可定制、高性能和额外功能的实用库。
  • Sugar:一个扩展了原生对象功能的 JavaScript 库。
  • lazy.js:类似 Underscore,但性能更优越
  • ramda:一个针对 JavaScript 程序员的实用函数库。
  • mout:模块化的 JavaScript 工具库。
  • mesh:流数据同步工具。
  • preludejs:JavaScript 硬核函数式编程。
  • rambda:Ramda 快速小巧的替代品。

响应式编程

响应式程序库提升了 JavaScript 的能力。

  • RxJs:对 JavaScript 进行响应式扩展。
  • Bacon:JavaScript 的 FPR(函数式响应式编程)库。
  • Kefir:受 Bacon.js 和 RxJS 启发的 FRP 库,专注于高性能和低内存消耗。
  • Highland:对 JavaScript 实用工具的重新思考,Highland 能轻易地管理同步和异步信息,而且仅使用标准 JavaScript 和类 Node 流。
  • Most.js:高性能 FRP 库。
  • MobX:一款简单可扩展的状态管理 TFRP (Transparently Functional Reactive Programming ,透明函数式响应式编程——译者注)库。
  • Cycle.js:一款用于可预测代码的函数式和响应式 JavaScript 框架。
  • concent:绝对是 ❤️ 最简单却 ⚡️ 最强大的 react 状态管理开发框架,可预测、渐进式、高性能。

数据结构

数据结构库用于构建一个更复杂的应用。

  • immutable-js:不可变的数据集合,包括 Sequence、Range、Repeat、Map、OrderedMap、Set 和 sparse Vector。
  • mori:使用 ClojureScript 持久化数据结构和支持原生 JavaScript API 的库。
  • buckets:完整的、经过充分测试和文档完备的数据结构的 JavaScript 库。
  • hashmap:简单的哈希映射实现,支持任何类型的键值。

日期

日期库。

  • moment:解析、验证、操作和显示日期。
  • moment-timezone:基于 moment.js 的时区库。
  • jquery-timeago:一款支持自动更新模糊时间戳的 jQuery 插件(如:“4 分钟之前”)。
  • timezone-js:让 JavaScript Date 对象拥有时区功能。使用 Olson zoneinfo 文件记录时区数据。
  • date:对人类友好的 Date()。
  • ms.js:小巧的毫秒转换工具。
  • countdown.js:超小倒计时。
  • timeago.js:一个非常轻量级(~1.7 Kb)的用于将时间转化成 xxx时间前 格式的库。
  • fecha:轻量级日期格式化和解析库(约 2kb)。可以用来替换 moment.js 格式化和解析日期功能(moment.js 体积比较大——译者注)。
  • date-fns:现代 JavaScript 日期功能库。
  • map-countdown:构建在 Google 地图上的浏览器倒计时。
  • dayjs:Day.js 是一款拥有和 Moment.js 一样的现代化接口的日期库,但它仅仅有 2kb 大小,可以用来替换 Moment.js。

字符串

字符串库。

  • voca:一款超级好用的 JavaScript 字符串库。
  • selecting:一个允许你获取用户选定文本的库。
  • underscore.string:Underscore.js 的字符串操作扩展。
  • string.js:额外的 JavaScript 字符串方法。
  • he:健壮的 HTML 实体编码/解码器。
  • multiline:多行字符串。
  • query-string:解析和字符串化 URL 查询字符串。
  • URI.js:URL 操作库。
  • jsurl:轻量的 URL 操作库。
  • sprintf.js:实现字符串格式化。
  • url-pattern:比正则表达式匹配 url 或其它字符串更简单,字符串和数据可相互转化。
  • plexis:低保真、强大、社区驱动的字符串操作库。

数字

  • Numeral-js:对数字进行格式化和操作的库。
  • chance.js:JavaScript 随机生成器,可以生成数字、字符串等。
  • odometer:流畅的数字过渡效果。
  • accounting.js:对数字、金钱、货币进行格式化的轻量库,完全本地化和无依赖。
  • money.js:一个小巧(1kb)的货币转换库,适用于 web 和 nodeJS。
  • Fraction.js:一个有理数库。
  • Complex.js:一个复数库。
  • Polynomial.js:一个多项式库。
  • Quaternion.js:一款适用于 JavaScript 的四元数操作库。

存储

  • store.js:为所有浏览器封装了 LocalStorage,而没有使用 cookies 和 flash。隐秘地使用 localStorage、globalStorage 和用户数据。
  • localForage:改善后的离线存储。其封装了 IndexedDB、WebSQL 和 localStorage,拥有操作简单和强大的 API。
  • jStorage:jStorage 是一个简单的键值对数据库,用于在浏览器端存储数据。
  • cross-storage:获得权限后,能跨域名本地存储。
  • basket.js:用 localStorage 加载和缓存脚本的资源加载器。
  • bag.js:可以缓存脚本和加载资源,与 basket.js 相似,但增加了键值对接口和对 localStorage / websql / indexedDB 的支持。
  • basil.js:智能的 JavaScript 数据持久层库。
  • jquery-cookie:轻量简单的、用于读取、编辑和删除 cookie 的 jQuery 插件。
  • js-cookie:一款简单、轻量的 cookies 读写删 jQuery 插件。
  • Cookies:一个客户端 Cookie 操作库。
  • DB.js:基于 Promise 的、封装了 IndexedDB 的库。
  • lawnchair.js:简单的客户端 JSON 存储。
  • sql.js:基于 Emscripten 将 SQLite 编译成 JavaScript。
  • crumbsjs:一款轻量级原生 ES6 cookies 和本地存储 JavaScript 库。
  • awesome-web-storage:你必须知道的所有客户端存储知识。

颜色

  • randomColor:JavaScript 颜色生成器。
  • chroma.js:拥有各种各样颜色操作的 JavaScript 库。
  • color:JavaScript 颜色转换和操作库。
  • colors:更智能的默认 web 颜色。
  • PleaseJS:随机创建出赏心悦目的颜色和配色方案的 JavaScript 库。
  • TinyColor:快速、轻巧的颜色操作和转换库。
  • Vibrant.js:从图像提取主要颜色。

国际化和本地化

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

  • i18next:用 JavaScript 实现国际化(i18n)简单的方法。
  • polyglot:小巧的国际化助手库。
  • babelfish:提供友好易懂 API 的 i18n 库,并且内置多种支持。
  • ttag:基于 ES6 标签模板和优秀的旧 GNU gettext ,新潮的 JavaScript 国际化、本地化库。

控制流

  • async:适用于 node.js 和浏览器的异步工具库。
  • q:实现异步 promise 的 JavaScript 工具。
  • step:一款可以使逻辑执行更简单的异步控制流库。
  • contra:函数式风格实现的异步流控制。
  • Bluebird:功能齐全的 promoise 库,专注于功能革新和性能提升。
  • when:快速可靠的、Promises/A+ 规范的 when() 实现,而且拥有其它异步操作的优秀特性。
  • ObjectEventTarget:为普通对象添加事件监听原型(就如浏览器 DOMElement 的 EventTarget 一样)。
  • sporadic:位于 promise 顶部的组合并发抽象(就像流、协程和类似 Go channels 一样),支持 Node.js 和浏览器引擎。

路由

  • director:一个小巧的、与 URL 同构的路由。
  • page.js:受 Express router 启发的小型客户端路由器(约为1200字节)。
  • pathjs:简单、轻量的 web 路由。
  • crossroads:JavaScript 路由。
  • davis.js:基于 pushState 可降级 RESTful 风格的 JavaScript 路由。
  • navaid:一款浏览器端的导航辅助系统(也可以成为路由),体积才 850 字节!

安全性

  • DOMPurify:针对 HTML、MathML 和 SVG 的仅支持 DOM 的超快速、高容错的 XSS 过滤器。
  • js-xss:通过白名单配置,即可过滤不信任的 HTML(防止 XSS 攻击)。
  • xss-filters:Yahoo 出品的安全 XSS 过滤器。

日志

  • log:带样式的 Console.log。
  • Conzole:对 JavaScript 原生 console 对象方法和功能进行封装的 debug 面板,并将面板显示在页面内。
  • console.log-wrapper:将日志清晰地记录到 console,兼容所有浏览器。
  • loglevel:最轻量的 JavaScript 日志记录工具库,向封装后的 console.log 方法增加可靠的日志等级。
  • minilog:轻量的、流式 API 显示的、可用于客户端和服务器端的日志记录库。
  • storyboard:通用日志库 + Chrome 扩展。提供一个单一入口查看包含客户端和服务端的任务触发日志。

正则表达式

  • RegEx101:在线的 JavaScript 正则表达式测试器和调试器。同时也支持 Python、PHP 和 PCRE。
  • RegExr:用于创建、测试和学习正则表达式的 HTML/JS 工具。

语音命令

  • annyang:向网站添加语音命令的语音识别库。
  • voix.js:向网站、app 或游戏添加语音命令的 JavaScript 库。

API

  • axios:基于 Promise 的 HTTP 客户端,适用于 Node.js 和 浏览器。
  • bottleneck:强大的速度限制器,使调节流量变得更容易。
  • oauth-signature-js:适用于 node 和 浏览器的 OAuth 1.0a 签名生成器。
  • amygdala:为 Web 应用提供 RESTful HTTP 客户端解决方案。
  • jquery.rest:一个让 RESTful API 更易用的 jQuery 插件。
  • Rails Ranger:为 Ruby Tails 接口设计的严格的 REST 客户端。
  • wretch:一款小巧的直觉语法系 fetch 功能封装包。
  • Bearer.sh:支持 OAuth / API Key / Basic 等协议的全能型 API 客户端。(已停止维护——译者注)
  • FarFetch:简单易用的现代 Fetch 接口封装,简化了文件上传。
  • Optic:Optic 用于对 API 自动测试和文档生成。
  • SWR:用于远端数据拉取的 React Hooks 库。

流媒体

  • Tailor:适用于前端微服务的流媒体布局服务,灵感来自 Facebook BigPipe。

视觉检测

  • tracking.js:在 web 上实现计算视觉的一种现代方法。
  • 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:友好的 Web 端机器学习库。
  • Synapses:轻量级跨平台神经网络库。

浏览器检测

  • bowser:一个浏览器检测器,特点是小巧快速且 API 丰富。

基准测试

  • benchmark.js:jsPerf.com 使用的基准测试库。
  • matcha:一款咖啡因驱动的基准测试简单实现。

UI

代码高亮

  • Highlight.js:JavaScript 语法高亮器。
  • PrismJS:轻量、健壮和优雅的语法高亮器。

加载状态

指示加载状态的库。

  • Mprogress.js:谷歌 Material 风格的线性进度条。
  • NProgress:在 Ajax’y 应用显示细长型进度条。
  • Spin.js:一个旋转进度指示器。
  • progress.js:为页面中的任何对象创建和管理进度条。
  • progressbar.js:基于 SVG path 动画,漂亮、响应式的进度条。
  • pace:自动向你的网站添加一个进度条。
  • topbar:小巧漂亮的、与网站同宽的进度指示器。
  • nanobar:非常轻量的进度条,不依赖 jQuery。
  • PageLoadingEffects:使用 SVG 动画展现新内容的现代方式。
  • SpinKit:CSS 加载指示器动画集合。
  • Ladda:内置在按钮的加载指示器。
  • css-loaders:CSS 旋转加载指示器动画集合。

除了上述这些库,还有 Codepen 珍藏,另外还有 Ajaxload,Preloaders 和 CSSLoad 这些生成器。

验证

  • Parsley.js:一行 JavaScript 代码都不用写就可以在前端验证表单。
  • jquery-validation:jQuery 验证插件。
  • validator.js:字符串验证和过滤(清理用户输入中的有害或危险字符)。
  • validate.js:受 CodeIgniter 启发的轻量表单验证 JavaScript 库。
  • validatr:跨浏览器的 HTML5 表单验证库。
  • FormValidation:jQuery 最好的表单验证插件。曾用名 BootstrapValidator.
  • is.js:用于类型、正则表达式、是否存在、时间等检查。
  • FieldVal:多用途验证库。同时支持同步和异步验证。
  • Funval:函数接口式数据验证(支持 TypeScript)。

键盘封装器

  • mousetrap:处理键盘快捷键的简单 JavaScript 库。
  • keymaster:定义和调度键盘快捷键的小型库。
  • Keypress:键入捕捉工具库,任何键都可以成为一个修饰健。
  • KeyboardJS:一个用于绑定组合键的 JavaScript 库,让你无痛解决快捷键和组合键冲突。
  • jquery.hotkeys:jQuery Hotkeys 能让你在代码任何的地方监听键盘事件,并几乎支持所有按键组合。
  • jwerty:令人惊叹的键盘事件处理库。

导览与指南

  • intro.js:一款用于网站项目新特性介绍和逐步导览库。
  • shepherd:通过引导让用户浏览你的应用程序。
  • bootstrap-tour:应用 Twitter Bootstrap 气泡对产品进行快速简单的引导。
  • tourist:简单、灵活的应用引导库。
  • chardin.js:简单的应用遮罩层引号库。
  • pageguide:使用 jQuery 和 CSS3 的 web 页面元素交互引导库。
  • hopscotch:让开发者更容易向其产品页面添加引导的框架。
  • joyride:基于 jQuery 的功能引导介绍插件。
  • focusable:通过向页面其余部分添加遮罩层,使焦点聚集在特定 DOM 元素。
  • driver.js:用于聚焦用户注意力的强大却轻量的原生 JavaScript 引擎。

通知

  • iziToast:优雅、响应式、灵活且轻量的零依赖通知插件。
  • messenger:为应用添加 Growl-style 弹框和信息(Crowl 是 Mac OS X 下的一个通知系统)。
  • 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 库,支持基于项目的导航。(注:最后更新时间是 7 年前)
  • vegas:向页面添加漂亮的全屏背景的 jQuery 插件,同时也支持幻灯片播放。
  • Sequence:用于创建响应式的幻灯片、演示、标语和其他分步导览应用的 CSS 动画框架。
  • reveal.js:用 HTML 创建漂亮演示文档控件的框架。
  • impress.js:一款适用于现代浏览器,基于 CSS3 transforms 和 transitions 动画的演示文档框架。灵感来自 prezi.com 。
  • bespoke.js:一个超级小的(1KB min和gzip压缩),模块化的现代浏览器表示库,旨在促进一个丰富的插件生态系统。
  • Strut:Strut 是 Impress.js 和 Bespoke.js 演示文档编辑器。
  • PhotoSwipe:适用于移动设备和桌面电脑的、模块化和独立框架的 JavaScript 画廊控件。
  • jcSlider:基于 CSS 动画实现的响应式幻灯片 jQuery 插件。
  • basic-jquery-slider:易于使用、指定主题和定制化。
  • jQuery.adaptive-slider:带有自适应颜色标题和导航的幻灯片 jQuery 插件。
  • slidr:一个简单、轻量级的 JS 库,用于向页面添加幻灯片转换。无依赖关系。
  • Flickity:可触摸的、响应式的和可轻弹的画廊。
  • Glide.js:响应式触摸友好型 jQuery 幻灯片。特点是小快灵。
  • Embla Carousel:TypeScript 编写的一款可扩展的低级轮播库。

滑块控件

  • Ion.RangeSlider:强大的、易于自定义的范围滑块选择库,支持丰富的配置和皮肤。
  • jQRangeSlider:支持日期的滑块选择库。
  • noUiSlider:轻量无冗余的、高度定制化的滑块选择库。
  • rangeslider.js:HTML5 输入框滑块补丁。

表单组件

输入

  • typeahead.js:快速、功能齐全的自动补全库。
  • tag-it:处理多标签字段以及标签建议/自动补全的 jQuery UI 插件。
  • At.js:在应用中添加类似 Github 的自动补全提示功能。
  • Placeholders.js:HTML5 placeholder 属性 JavaScript 补丁。
  • fancyInput:添加 CSS3 效果,让输入更有趣。
  • jQuery-Tags-Input:利用这个 jQuery 插件,可奇妙地将一个简单的文本输入转换成一个酷酷的标签列表。
  • vanilla-masker:一个纯 JavaScript 实现的输入控制库。
  • Ion.CheckRadio:一个为复选框和单选按钮添加样式的 jQuery 库,支持多种皮肤。
  • awesomplete:零依赖、超轻量、好用而且漂亮的自动补全库。 - http://leaverou.github.io/awesomplete

日历

  • pickadate.js:对移动设备友好的、响应式的和轻量的 jQuery 日期 & 时间输入选择器。
  • bootstrap-datepicker:基于 bootstrap 的日历选择器。
  • Pikaday:一个崭新的 JavaScript 日期选择器 —— 轻量、无依赖和模块化的 CSS。
  • fullcalendar:全尺寸、支持拖放事件的 jQuery 日历插件。
  • rome:可定制的日期(和时间)选择器。无依赖,可选 UI。
  • datedropper:datedropper 是一个 jQuery 插件,它提供了快速简易的方式去管理日期输入框。

选择器

  • selectize.js:Selectize 是文本框和 <select> 的混合体。基于jQuery,兼具自动补全和原生键盘导航,可用于标签、联系人列表等。
  • select2:基于 jQuery,是选择框的替代品。支持搜索、远程数据集和无限滚动。
  • chosen:可以让冗长不便的选择框更友好的库。

文件上传

  • jQuery-File-Upload:File Upload 是一个支持多文件选择、文件拖放、进度条、验证和图片/音频/视频预览的 jQuery 插件。
  • dropzone:Dropzone 是一个易于使用且支持多文件拖放的库。其支持图片预览并且拥有很漂亮的进度条。
  • flow.js:一个通过 HTML5 的 File API ,提供并发、稳定、容错、可断点重连的文件上传库。
  • fine-uploader:一个带有进度条、拖放功能和支持直接上传到 S3 (Amazon Simple Storage Service,亚马逊简易存储服务)的多文件上传插件。
  • FileAPI:JavaScript 文件工具集合。支持多文件上传、拖放和文件分块上传。对于图像,支持裁剪、调整大小和根据 EXIF 自动调整方向。
  • plupload:处理文件上传的 JavaScript API,支持多文件选择、文件类型过滤、分块请求、客户端图片缩放,根据不同的运行环境自动选择 HTML5、Silverlight 或 Flash。
  • filepond:一款可以上传任何文件的 JavaScript 库,自动优化图片以实现更快的上传体验,提供无障碍、如丝般顺滑的用户体验。

其它

  • form:jQuery 表单插件。
  • Garlic.js:自动在本地保存表单文本和选择框的值,直到表单被提交。
  • Countable:对某个 HTML 元素包含文本的段落数、单词数和字符数进行统计的 JavaScript 函数。
  • card:只需一行代码,就能让信用卡表单变得更友好。
  • stretchy:自适应大小的 form 元素,表单本应该是这样的。
  • analytics:与任何第三方分析工具兼容的轻量级可扩展分析库,用于页面跟踪、用户事件跟踪和用户识别。

提示

  • tipsy:Facebook 风格适用于 jQuery 的提示工具。
  • opentip:开源且基于 prototype 框架的 JavaScript 工具提示库。
  • qTip2:非常强大的工具提示库。
  • tooltipster:一个工具提示 jQuery 插件。
  • simptip:用 Sass 制作的、简单的工具提示。
  • jquery-popup-overlay:是一个响应式的和可访问性强的模态框窗口和工具提示框 jQuery 插件。
  • toolbar:一款提示风格工具栏 jQuery 插件。
  • hint.css:一款 CSS 提示库。

模态框和弹出框

  • Magnific-Popup:专注于性能、轻量、响应式的灯箱(lightbox)脚本。
  • jquery-popbox:jQuery 提示框插件。
  • jquery.avgrund.js:一种新的定于弹出的模态框 jQuery 插件。
  • vex:新的、拥有高度可配置和易于改变样式功能的对话框库。
  • bootstrap-modal:对 Bootstrap 默认模态框类进行扩展。其支持响应式、可堆叠和 ajax 等。
  • css-modal:纯 CSS 打造的模态框。
  • jquery-popup-overlay:是一个响应式的和可访问性强的模态框和工具提示框(tooltips)jQuery 插件。
  • SweetAlert:JavaScript 原生警告弹窗很棒的替代品。
  • baguetteBox.js:原生 JavaScript 灯箱,简单又好用。
  • colorbox:一款适用于 jQuery 轻量可自定义的的灯箱插件。
  • fancyBox:一款用于放大图片、html 内容和多媒体的漂亮优雅的工具。
  • swipebox:一款支持触摸的 jQuery 灯箱。
  • jBox:jBox 是一款强大灵活的 jQuery 插件,用于管理弹窗、提示、通知等场景。
  • lightGallery:一款适用于 jQuery 的可自定义、模块化、响应式的灯箱画廊插件。
  • keukenhof:用于创建模态窗的轻量、零依赖、易用的 TypeScript 库。

滚动

  • scrollMonitor:监听元素滚动简单快速的 API。
  • headroom:除非你需要显示页面头部,否则将隐藏它,这样可以腾出页面头部空间。
  • onepage-scroll:使用这个单页滚动插件可以创建一个类似 Apple 的单页面滚动网站(iPhone 5S 风格)。
  • iscroll:高性能、轻量、无依赖、兼容多平台的 JavaScript 滚动组件。
  • skrollr:独立不依赖 jQuery 的视差滚动库,适用于移动设备(Android + iOS)和桌面电脑。
  • parallax:响应智能设备翻转的视差引擎。
  • stellar.js:让视差滚动变简单。
  • plax:jQuery 驱动的视差库。
  • jparallax:创建可交互视差效果的 jQuery 插件。
  • fullPage:简单和易于使用的、用于创建全屏滚动网站(也被称为单页面网站)的插件。
  • ScrollMenu:让老旧无聊的滚动条焕然一新。
  • Clusterize.js:用于展示大量数据的小巧的原生 JavaScript 插件
  • simpleParallax:用于在图片上添加视差动画的简单小巧的 JavaScript 库。
  • rellax:黄油般丝滑、超级轻盈的原生 JavaScript 视差库。

菜单

  • jQuery-menu-aim:当用户光标放在特定下拉菜单项时触发事件。可制作像 Amazon 那样的的响应式的、大数据量的下拉菜单。
  • jQuery contextMenu:上下文菜单管理工具。
  • Slideout:为移动设备的 web 应用制作出响应式、可触摸滑出的导航菜单。
  • Slide and swipe:一个基于 touchSwipe 库的滑出菜单插件。
  • mmenu:适用于 jQuery ,最佳的仿原生 app 可开关侧边栏菜单插件,适用于网页或者 webapp。

表格/栅格

  • jTable:基于 CRUD 表创建 AJAX 的 jQuery 插件。
  • DataTables:(jQuery 插件)这是一个非常灵活的工具,在渐进增强的基础上,将高级的交互效果添加到 HTML 表格上。
  • Tabulator:(jQuery 插件)一款极致灵活的库,用于从 JSON 数据源或者 HTML 表格创建可交互式表格。
  • Bootstrap Table:流行框架 Bootstrap 的扩展,无需添加新标记,创建自适应站点风格的表格
  • floatThead:(jQuery 插件)锁定表格头部,只允许表格内容滚动。适用于任何表格,而且不需要额外的 html 或 css。
  • Masonry:瀑布流式的栅格布局库。
  • Packery:使用装箱算法(bin-packing)的网格布局库,支持拖拽布局。
  • Isotope:可过滤和可排序的网格布局的库,它能实现 Masonry、Packery 等布局。
  • flexboxgrid:基于 CSS3 flexbox 的栅格。

框架

  • Semantic UI:拥有大量主题和元素的 UI 套件。
  • w2ui:一系列用于数据驱动网页应用的 jQuery 前端开发插件。
  • fluidity:全世界最小的全响应式 CSS 框架。
  • Ink:基于 HTML5/CSS3 的快速高效的网站设计和原型框架,SAPO 项目正在使用。
  • DataFormsJS:用于单页应用敏捷开发的超小的、独立组件的 JavaScript 框架。
  • EHTML:不写 JavaScript 的 HTML 框架。

Boilerplates

  • html5-boilerplate:一款用于构建快速、稳定、自适应网页应用和网站的专业前端模板。
  • mobile-boilerplate:一款用于构建快速、现代移动端网页应用的前端模板。
  • webplate:让开发者专注于站点和应用构建的超棒的前端框架。
  • Cerberus:简单、固定模式的响应式 HTML 邮件模板,也可在 Outlook 中使用。
  • full-page-intro-and-navigation:一款介绍页面模板,支持全宽背景、动画菜单、iOS 风格导航模糊特效。
  • Fluid-Squares:方块单元流式栅格布局。
  • Mobile-First-RWD:这是一个移动端优先响应式网页设计的样例。
  • this-is-responsive:这就是响应式。
  • npm run-scripts:npm run 脚本任务自动化。

手势

  • hammer.js:拥有多种触摸手势的 JavaScript 库。
  • touchemulator:在桌面电脑模仿触摸输入。
  • Dragula:超级易用的拖拽库。

地图

  • Leaflet:对移动设备友好的、可交互的地图 JavaScript 库。
  • Cesium:基于 WebGL 实现的开源虚拟地球仪和地图引擎。
  • gmaps:以最简单的方式使用 Google 地图。
  • polymaps:一个免费的、兼容现代 web 浏览器的、用于制作动态可交互地图的 JavaScript 库。
  • kartograph.js:开源的 Kartograph SVG 地图渲染器。
  • mapbox.js:Mapbox 的 API,Leaflet 的插件。
  • jqvmap:矢量地图 jQuery 插件。
  • OpenLayers3:高性能、功能丰富,能满足你对地图所有需求。

视频/音频

  • prettyembed.js:更完美地嵌入 YouTube,支持很多功能,如高分辨率的预览图、嵌入选项的高级定制和可选的 FitVids 支持。
  • html5media:能在所有主流浏览器播放多媒体标签中定义的多媒体文件。
  • Play-em JS:Play’em 是一个 JavaScript 组件,它能管理音乐/视频播放顺序,通过在一个 DIV 元素里嵌入几个播放器(Youtube、Soundcloud 和 Vimeo)来控制一系列歌曲的播放。
  • polyplayer:将 YouTube、Soundcloud 和 Vimeo 播放器的 API 统一成一套。
  • flowplayer、Github:HTML5 视频播放器
  • mediaelement、Github:让 HTML5、 Flash 播放器和模仿 HTML5 媒体元素 API 的 Silverlight shim,在所有浏览器拥有一致的 UI。
  • SoundJS:让音频在 web 上运行更简单的库。它为不同浏览器提供了统一的 API。
  • video.js:开源的 HTML5 和 Flash 视频播放器。
  • FitVids.js:轻量易用,可自适应宽度的 jQuery 视频插件。
  • Ion.Sound:在任何页面上都能轻松地播放声音。
  • photobooth-js:用于在网站上编辑头像图片的小挂件。
  • clappr:网页上用的可扩展的媒体播放器 http://clappr.io。
  • exifr:速度最快、功能最全的 EXIF 读取库 https://mutiny.cz/exifr/。
  • ts-audio:易用的 AudioContext 接口封装库。
  • AmplitudeJS:开源的 HTML5 网页音频库。按你的要求来设计网页音频播放器,零依赖。

排版

  • FlowType.JS:业界最好的网页排版工具:以元素高度为基准定义字号和行高。
  • BigText:用于计算匹配特定行宽下字号和字间距的 jQuery 插件。
  • circletype:一款用于在网页上沿曲线显示文字的 jQuery 插件。
  • slabText:用于生成大且粗响应式大标题的 jQuery 插件。
  • simple-text-rotator:不需要添加额外标记,超级简单就能在网站上添加旋转文本的插件。
  • novacancy.js:Neon Golden 文字效果 jQuery 插件。
  • jquery-responsive-text:让文本自适应改变大小!
  • FitText.js:给越来越多的网页类型设计的 jQuery 插件。
  • Lettering.js:一款轻量易用的网页字体设置插件,利用 JavaScript 在字符上插入 <span> 标签实现对单个字符的样式配置。

动画

  • velocity:加速 JavaScript 动画。
  • jquery.transit:拥有超级流畅的 CSS3 变换和过渡效果的 jQuery 插件。
  • impess.js:在 HTML 文档里,运用 CSS3 变换和过渡制作类似 Prezi 的展现效果。
  • bounce.js:可以立刻创建有趣的 CSS3 动画。
  • GreenSock-JS:适用于所有主流浏览器的高性能 HTML5 动画。
  • TransitionEnd:TransitionEnd 是一个运用 transitonend 事件的、跨浏览器的库。
  • Dynamics.js:用于创建符合物理运动规律的 CSS 动画库。
  • the-cube:The Cube 是一个 CSS3 过渡效果实验。
  • Effeckt.css:一款高性能过渡动画库。
  • animate.css:要多易用有多易用的跨浏览器 CSS 动画库。
  • textillate:适用于 CSS3 文本动画的简单插件。
  • move.js:基于 CSS3 的 JavaScript 动画框架。
  • animatable:一个属性,两个值,无穷个可能性。
  • shuffle-images:简单有创意地打乱图片。http://www.thepetedesign.com/demos/shuffle-images_demo.html
  • smoothState.js:免打扰式页面过渡 jQuery 库。http://smoothstate.com/
  • Anime.js:一款 JavaScript 动画引擎。http://animejs.com
  • Mo.js:网页动态图像工具(链接已无法访问——译者注)
  • particles.js:用于创建粒子的轻量 JavaScript 库。
  • tsParticles:particles.js 全新升级版本,修复了 bug ,增加许多新功能。
  • particles-bg:一款轻量的粒子运动动画背景 React 组件。

图片处理

  • lena.js:具有滤镜和实用功能的图像处理库。
  • pica:高质量地调整图片大小(使用快速、纯 JS 实现的 Lanczos 滤镜算法)。
  • cropper:一个简单的图像裁剪 jQuery 插件。

ES6

  • es6features:ECMAScript 6 特性概述。
  • es6-features:ECMAScript 6: 特性概述和比较。
  • ECMAScript 6 compatibility table:Compatibility tables 展示了各种平台上所有 ECMAScript 6 特性的支持程度。
  • Babel (Formerly 6to5):将 ES6+ 代码转换成原生 ES5。
  • Traceur compiler:ES6 特性转 ES5。包括 classes、generators、promises、destructuring patterns、default parameters 等。

静态页面生成器

  • Gatsby.js:React 驱动的静态网站生成器。
  • Gridsome:Vue 驱动的静态网站生成器。
  • Docusaurus:Facebook 出品的 React 驱动的静态网站生成器,以内容为中心网站的理想形态。

SDK

  • javascript-sdk-design:从工作和个人经验中提炼出来的 JavaScript SDK 设计指导。
  • Spotify SDK:用于 Spotify Web API 的面向实体 SDK
  • Square Node.js SDK:用于支付和其他 Square API 的 JavaScript 客户端库。

大杂烩

  • echo:利用 data-* 属性延迟加载图片。
  • picturefill:响应式图片显示插件,使浏览器支持 srcset、size 属性。
  • platform.js:一个平台检测库,几乎适用于所有 JavaScript 平台。
  • json3:一个现代 JSON 实现库,几乎兼容所有 JavaScript 平台。
  • Logical Or Not:一个关于 JavaScript 特性的游戏。
  • BitSet.js:实现位向量的 JavaScript 库。
  • spoiler-alert:SPOILER 警告 !一款开心的 jQuery 小插件,用于隐藏页面上的 spoilers 。
  • jquery.vibrate.js:震动接口封装。
  • list.js:给表格、列表等众多 HTML 元素添加搜索、排序、过滤和自适应特性,零感知作用于已有的 HTML 。http://www.listjs.com
  • mixitup:一款过滤和排序的插件。
  • grid:用于二维可变大小响应式列表的拖拽库。
  • jquery-match-height:一款响应式等高 jQuery 插件。
  • survey.js:一款 JavaScript 调查引擎。用 JSON 作为调查元数据和结果。http://surveyjs.org/
  • Array Explorer and Object Explorer:帮助开发者选择哪一个原生 JavaScript 方法使用更佳。
  • Clipboard.js:无需 Flash 也无需使用框架实现“复制到剪贴板”功能。
  • ky:基于浏览器 Fetch 接口的小巧优雅的 HTTP 客户端。
  • Fcal:数学表达式计算器。
  • emoji-button:原生 JavaScript 表情包选择器组件。
  • iooxa:交互式科学写作、响应式文档和探索式说明组件。
  • Idyll:用于创建探索式说明和互动故事文章。可以插入 HTML 中.
  • javascript-algorithms:算法和数据结构的 JS 实现,包含详细解释和发散文章链接。

相关文章:

JavaScript 资源大全中文版

目录 JavaScript资源大全中文版 包管理器加载器组件管理器打包工具测试框架QA工具MVC 框架和库基于 Node 的 CMS 框架模板引擎文章和帖子数据可视化 时间轴电子表格 编辑器文档工具 文件函数式编程响应式编程数据结构日期字符串数字存储颜色国际化和本地化控制流路由安全性日志…...

如何获取能直接在浏览器打开的播放地址?

背景&#xff1a;需要在浏览器上直接打开设备的画面&#xff0c;但又不想二次开发 本文介绍一种极简的取流方式&#xff0c;不需要掌握前端开发知识&#xff0c;按照本文档拼接就能得到设备的播放地址 一、准备工作 1.将设备接入到萤石账号下。萤石设备接入指南&#xff1a;h…...

如何用 LangChain 实现一个Zero Shot智能决策器(附源码)

写在前面 最近一直在研究Agent和Tool的使用&#xff0c;今天给大家带来一篇何枝大佬&#xff08;知乎何枝&#xff09;的文章《如何用LangChain实现一个Zero Shot智能决策器》&#xff0c;并附上源码。 知乎&#xff1a;https://zhuanlan.zhihu.com/p/627333499LangChain是当…...

读完这本书,我终于搞懂了Transformer、BERT和GPT!【附PDF】

前言 《Transformer、BERT和GPT: 包括ChatGPT和提示工程》 是一本深入浅出地介绍自然语言处理领域前沿技术的专著&#xff0c;全书一共379页PDF&#xff0c;是截止到目前比较系统介绍NLP和GPT融合领域的书籍。 全书共十章&#xff0c;内容丰富&#xff0c;结构清晰&#xff0c…...

仿RabbitMq简易消息队列基础篇(Muduo库的使用)

TOC Muduo库简介 Muduo由陈硕⼤佬开发&#xff0c;是⼀个基于⾮阻塞IO和事件驱动的C⾼并发TCP⽹络编程库。他是一款基于主从Reactor模型的网络库&#xff0c;其使用的线程模型是one loop per thread, 所谓 one loop per thread 指的是&#xff1a; 一个线程只能有一个事件循…...

.net SqlSugarHelper

NuGet安装&#xff1a; SqlSugarCore using SqlSugar; using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace Namespace {public class SqlSugarHelper{public string _connectionString Custom…...

“AI能不能代替某某职业”,到底谁在破防?

前几天&#xff0c;公司在午间分享时谈到一个有趣的辩题&#xff1a;“AI能不能代替产品经理”&#xff0c;不仅双方辩手打了个你来我往&#xff0c;就连下面的吃瓜群众也进入红温状态。 “AI能不能代替xx”已经成为一个普遍的话题&#xff0c;在某乎上随手一刷就是不同的职业…...

智慧图书馆:构建高效视频智能管理方案,提升图书馆个性化服务

一、背景分析 随着信息技术的飞速发展&#xff0c;智慧图书馆作为现代公共文化服务的重要载体&#xff0c;正逐步从传统的纸质阅读空间向数字化、智能化方向转型。其中&#xff0c;视频智能管理方案作为智慧图书馆安全管理体系的重要组成部分&#xff0c;不仅能够有效提升图书…...

React快速开发框架

本框架主要用于快速搭建项目 使用的基本库&#xff1a;webpackreactreact-routertypescript ps&#xff1a;有不足之处请多多包涵&#xff0c;提出意见或者建议 目的&#xff1a; 前端开发大多数时间是基于市面上比较流行的成品框架开始进行开发&#xff0c;途中遇到的问题大…...

【前端】记录各种控制台警告/bug

一、Element Plus 1、控制台警告&#xff1a;“Runtime directive used on component with non-element root node. The directives will not function as intended.” 错误原因&#xff1a;在 Vue 组件上使用了运行时指令&#xff08;指那些在运行时动态绑定到 DOM 元素上的指…...

猫咪掉毛严重怎么办?铲屎官家庭必备清理工具——宠物空气净化器

“毛&#xff0c;毛&#xff0c;毛&#xff0c;还是毛&#xff01;”铲屎官们每天都离不开和猫毛斗智斗勇&#xff0c;家里的每个角落都成了“战场”&#xff0c;掉毛的严重程度超乎想象。有时也在后悔当初怎么不养只无毛猫&#xff0c;而是把毛孩子接了回来&#xff0c;世上没…...

顺序表的实现——数据结构

线性表 文章目录 线性表线性表的定义和基本操作线性表的定义线性表的基本操作 线性表的顺序表示顺序表的定义顺序表的实现——静态分配顺序表的实现——动态分配顺序表的特点 线性表的定义和基本操作 线性表的定义 线性表&#xff08;Linear List&#xff09;的定义 ​ 线性…...

【模块化】CommonJS,AMD规范,CMD规范,ES6模块化

1. CommonJS Node.js基于CommonJS规范应运而生 1.1 commonjs规范语法导出模块 module.exports { a, b }1.2 commonjs规范语法引入模块 const mod require(./导出模块name)2. AMD 规范 RequireJS 是AMD规范的实现。是js文件和模块的加载器。 在没有单页应用&#xff08;angu…...

3.js - 顶点着色器、片元着色器的联系

1、定义与功能 顶点着色器 顶点着色器&#xff0c;是图形渲染管线中的第一个可编程阶段&#xff0c;它的主要任务是&#xff0c;处理从CPU发送到GPU的顶点数据&#xff0c;包括&#xff1a;1、顶点位置的变换&#xff08;如&#xff1a;模型空间 -> 世界空间 -> 视图控件…...

kotlin简介

Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言&#xff0c;被称之为 Android 世界的Swift&#xff0c;由 JetBrains 设计开发并开源。 Kotlin 可以编译成Java字节码&#xff0c;也可以编译成 JavaScript&#xff0c;方便在没有 JVM 的设备上运行。 在Google I/O 2017…...

Mintegral出海系列:解锁全球应用商店新增长路径

在全球化竞争的浪潮中&#xff0c;面对打法各异的应用和游戏品类&#xff0c;以及全球数百个环境不同的国家和地区&#xff0c;开发者们正面临着前所未有的挑战。Mintegral「出海ing」系列专题内容&#xff0c;助力出海开发者选准赛道探索新的增长路径。 据近期数据显示&#x…...

Qt 哈希加密之 QCryptographicHash

【写在前面】 QCryptographicHash 是 Qt 框架中提供的一个类&#xff0c;它用于实现加密散列函数&#xff0c;也就是我们常说的哈希函数。哈希函数能够将任意长度的数据转换为固定长度的哈希值&#xff0c;这个哈希值通常用于数据的完整性校验、密码存储等场景。 什么是哈希函数…...

渗透第二次作业

目录 简述rce漏洞 可能产生rce漏洞的函数 RCE代码执行漏洞示例 贷齐乐系统多处SQL注入漏洞 ​编辑 爆出库名 爆出表名 爆出表下的列名 查flag数据 简述rce漏洞 ​ rce漏洞&#xff0c;即远程代码执行和远程命令执行漏洞。这种漏洞允许攻击者在后台服务器上远程注入操作…...

42.【C语言】冒泡排序

目录&#xff1a; 冒泡排序 *核心思想 *分析 *代码 *优化 15.冒泡排序(bubble sort) *核心思想&#xff1a;两两相邻的元素进行比较&#xff0c;满足条件则两者交换 *分析 现要求升序排序 输入: 9 8 7 6 5 4 3 2 1 0 输出&#xff1a;0 1 2 3 4 5 6 7 8 9 下面展示一趟冒泡排…...

Linux安全与高级应用(七)深入Linux Shell脚本编程:循环与分支结构的高级应用

文章目录 深入Linux Shell脚本编程&#xff1a;循环与分支结构的高级应用一、循环结构详解1. for循环1.1 应用示例&#xff1a;检查主机状态 2. while循环2.1 应用示例&#xff1a;猜价格游戏 二、分支结构详解1. if语句1.1 单分支结构1.2 双分支结构1.3 多分支结构 2. case语句…...

python爬虫滑块验证及各种加密函数(基于ddddocr进行的一层封装)

git链接: https://github.com/JOUUUSKA/spider_toolsbox 这里写目录标题 一.识别验证码1、识别英文&#xff0b;数字验证码2、识别滑块验证码3、识别点选验证码 一.识别验证码 git链接: https://github.com/JOUUUSKA/spider_toolsbox 创作不易记得stars 1、识别英文&#xf…...

pytorch学习一(扩展篇):miniconda下载、安装、配置环境变量。miniconda创建多版本python环境。整理常用命令(亲测ok)

文章目录 前言一、miniconda和anaconda的关系1、Anaconda2、Miniconda3、总结 二、下载miniconda&#xff08;清华镜像链接&#xff09;三、安装miniconda1、安装2、或许要手动加载 ~/.bashrc 四、配置 命令1、查看anaconda安装博文2、取消默认进入conda&#xff08;base&#…...

说一下Android中的IdleHandler

IdleHandler 是 Android 中的一个接口&#xff0c;常用于在主线程空闲时执行一些低优先级的任务。 作用&#xff1a; 它提供了一种在主线程空闲时执行额外操作的机制&#xff0c;能够优化应用的性能和资源利用。 工作原理&#xff1a; 当主线程没有其他任务需要处理&#xff…...

Flake8 和 Autopep8 使用指南

Flake8 和 Autopep8 集成到 CI/CD 流程中&#xff0c;确保在代码提交和合并时自动进行检查和格式化&#xff0c;如果Autopep8格式化检查无法通过Flake8校验&#xff0c;说明pycodestyle版本依赖不兼容&#xff0c;参考文章&#xff1a;Flake8 与 Autopep8 兼容性指南 Flake8 使…...

OpenHarmony(数据)通信协议、数据存储—protobuf

介绍 ProtoBuf(protocol buffers) 是一种语言无关、平台无关、可扩展的序列化结构数据的方法&#xff0c;它可用于&#xff08;数据&#xff09;通信协议、数据存储等。,是一种灵活&#xff0c;高效&#xff0c;自动化机制的结构数据序列化方法比XML更小,更快,更为简单。 本项…...

vue3 依赖注入 vueRouter vuex

目录 01 依赖注入 02 组合式API里面的vueRouter 03 组合式API中的vuex的使用 01 依赖注入 使用场景&#xff1a; 有一个父组件&#xff0c;里头有子组件&#xff0c;有孙组件&#xff0c;有很多后代组件&#xff0c;共享父组件数据。 1.组先组件给后代组件传参 组先组件: 从…...

在Windows上用Visual Studio编译OpenCV

在Windows上编译开源项目&#xff0c;有时候让人痛不欲生&#xff0c;有时候却出奇地顺利。OpenCV属于后者。本文记录这次愉快的过程。 注&#xff1a;OpenCV&#xff08;Open Source Computer Vision Library&#xff09;是一个开源的计算机视觉和机器学习软件库。它提供了大…...

详解2024年最值得推荐的5款CRM软件:如何选择适合企业需求的CRM系统?

在文章开始之前&#xff0c;我们前来了解下&#xff1a;什么是CRM系统&#xff1f; CRM系统&#xff0c;即客户关系管理系统&#xff0c;顾名思义&#xff0c;它是企业用来管理和维护与客户之间关系的重要工具。通过CRM系统&#xff0c;企业能够全面了解客户需求&#xff0c;优…...

2024靠谱的网站建设公司推荐

在现在的互联网社会&#xff0c;一个企业的网站往往是潜在客户对该品牌的第一印象来源。也正因如此&#xff0c;选择一个靠谱的网站建设公司对于确保企业在线形象和功能性至关重要&#xff0c;作为建站行业从业人员&#xff0c;我分享几个选择网站建设公司时应考虑的几个关键因…...

第一天:Java基础与环境搭建

第一天&#xff1a;Java基础与环境搭建 1. 理解Java基本概念 了解Java语言的历史&#xff1a;Java是一种广泛使用的编程语言&#xff0c;由Sun Microsystems&#xff08;现被Oracle收购&#xff09;于1995年首次发布。认识Java的特性&#xff1a;包括面向对象、平台无关性&am…...