8000 GitHub - wangliang01/awesome-javascript: 🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

wangliang01/awesome-javascript

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Awesome JavaScript Awesome

A collection of awesome browser-side JavaScript libraries, resources and shiny things.


Package Managers (包管理器)

用于托管 JavaScript 库并提供获取和打包工具的包管理器

  • npm - JavaScript 的包管理器。
  • Bower - Web 的包管理器。
  • component - 用于构建更好的 Web 应用的客户端包管理。
  • spm - 全新的静态包管理器。
  • jam - 一个使用面向浏览器且兼容 RequireJS 的仓库的包管理器。
  • jspm - 无摩擦的浏览器包管理。
  • Ender - 无库的库。
  • volo - 从模板创建前端项目,添加依赖,并自动化生成的项目。
  • Duo - 下一代包管理器,融合了 Component、Browserify 和 Go 的最佳理念,让组织和编写前端代码变得快速无痛。
  • yarn - 快速、可靠、安����的依赖管理。
  • pnpm - 快速、节省磁盘空间的包管理器。

Component Management (组件管理)

  • Bit - Create, find and reuse components (React, Angular, Node etc.) across applications.

Loaders (加载器)

JavaScript 的模块和加载系统。

  • RequireJS - JavaScript 文件和模块加载器。
  • browserify - 在浏览器端实现 node.js 风格的 require()。
  • SeaJS - Web 端模块加载器。
  • HeadJS - HEAD 中唯一的脚本。
  • lazyload - 小巧的、无依赖的异步 JavaScript 和 CSS 加载器。
  • script.js - 异步 JavaScript 加载器和依赖管理器。
  • systemjs - 符合 AMD、CJS 和 ES6 规范的模块加载器。
  • LodJS - 基于 AMD 的模块加载器。
  • ESL - 浏览器优先的模块加���器,支持延迟定义和 AMD。
  • modulejs - 轻量级 JavaScript 模块系统。

Transpilers (转译器)

将现代 JavaScript 语法转换为旧版本 JavaScript 语法的软件。

  • SWC - 基于 Rust 的可扩展编译平台。

Bundlers (打包工具)

  • webpack - 为浏览器打包 CommonJs/AMD 模块。
  • Rollup - 下一代 ES6 模块打包器。
  • Brunch - 快速的前端 Web 应用构建工具,配置简单直观。
  • Parcel - 极速零配置的 Web 应用打包器。
  • Microbundle - 零配置的小型模块打包器。
  • FuseBox - 正确实现打包的工具
  • Snowpack - 为现代 Web 设计的快速前端构建工具。
  • bundle - 快速的在线 npm 包大小检查工具。

Minimizers (压缩工具)

  • Terser - ES6+ 的解析器、压缩器和美化器工具包
  • Uglify - 解析器/压缩器/美化器工具包

Type Checkers (类型检查器)

  • TypeScript - JavaScript 的类型化超集,可编译为通 JavaScript。
  • Flow.js - Facebook 开发的 JavaScript 静态类型检查器。
  • Hegel - 偏向类型推断和强类型系统的 JavaScript 静态类型检查器。
  • TypL - 偏向类型推断的 JavaScript 类型检查器。
  • Hindley Milner Definitions - 使用类似 Haskell 的 Hindley Milner 类型签名对 JavaScript 函数进行运行时类型检查。

Testing Frameworks (测试框架)

Frameworks(框架)

  • mocha - 简单、灵活、有趣的 JavaScript 测试框架,用于 Node.js 和浏览器。
  • jasmine - 无DOM的简单 JavaScript 测试框架。
  • qunit - 一个易于使用的 JavaScript 单元测试框架。
  • jest - 简单的 JavaScript 单元测试框架。
  • prova - 基于 Tape 和 Browserify 的 Node 和浏览器测试运行器
  • DalekJS - 自动化的跨浏览器功能测试
  • Protractor - AngularJS 应用的端到端测试框架。
  • tape - TAP 生产测试工具,适用于 node 和浏�������������������������
  • TestCafe - 现代 web 开发栈的自动化浏览器测试。
  • ava - 🚀 面向未来的 JavaScript 测试运行器
  • Cypress - 适用于浏览器及其他环境的完整端到端测试框架。
  • WebdriverI/O - 下一代 Node.js 浏览器和移动测试框架
  • taiko - 用于自动化基于 Chromium 浏览器的 Node.js 库。
  • Playwright - 使用单一 API 自动化 Chromium、Firefox 和 WebKit 的 Node.js 库。

Assertion (断言)

  • chai - 可与任何测试框架配合使用的 BDD/TDD 断言库。
  • Enzyme - React 的 JavaScript 测试工具,可以更容易地断言、操作和遍历 React 组件的输出。
  • react testing library - 简单且完整的 React DOM 测试工具,鼓励良好的测试实践。
  • Sinon.JS - JavaScript 的测试监视器、存根和模拟。
  • expect.js - 适用于 Node.JS 和浏览器的简约 BDD 风格断言库。
  • proxyquire - Node.js require 方法的存根。

Coverage (代码覆盖)

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

Runner(运行器)

  • phantomjs - 可编程的无头 WebKit。
  • slimerjs - 一个类似 PhantomJS 的工具,运行在 Gecko 引擎上。
  • casperjs - 用于 PhantomJS 和 SlimerJS 的导航脚本和测试工具。
  • zombie - 使用 node.js 的超快速、全栈、无头浏览器测试。
  • totoro - 一个简单稳定的跨浏览器测试工具。
  • karma - 壮观的 JavaScript 测试运行器。
  • nightwatch - 基于 node.js 和 selenium webdriver 的 UI 自动化测试框架。
  • intern - 下一代 JavaScript 代码测试栈。
  • puppeteer - 由 Google Chrome 官方团队开发的无头 Chrome Node.js API。
  • webdriverio - 下一代 Node.js 的 WebDriver 测试自动化框架。
  • taiko - 一个用于自动化基于 Chromium 浏览器的 Node.js 库。
  • Playwright - 使用单一 API 自动化 Chromium、Firefox 和 WebKit 的 Node.js 库。

QA Tools (质量保证工具)

  • 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 - 用于格式化 JS 代码的 npm cli 和库。
  • husky - 防止糟糕的 git commit、git push 等操作。

MVC Frameworks and Libraries (MVC 框架和库)

  • angular.js - HTML 增强型 web 应用框架(已弃用)。
  • angular - Angular 是一个使用 TypeScript/JavaScript 构建移动端和桌面 Web 应用的开发平台。
  • aurelia - 用于移动端、桌面和 Web 的 JavaScript 客户端框架。
  • backbone - 为你的 JS 应用提供带有模型、视图、集合和事件的主干。
  • ember.js - 用于创建雄心勃勃的 Web 应用的 JavaScript 框架。
  • meteor - 超简单的、无处不在数据库、在线数据、纯 JavaScript 的 Web 框架。
  • ractive - 新一代 DOM 操作库。
  • vue - 用于构建用户界面的直观、快速和可组合的 MVVM 框架。
  • svelte - 通过编译实现真正的响应式用户界面。
  • knockout - Knockout 使用 MVVM 模式让 JavaScript UI 动态化。
  • spine - 用于构建 JavaScript 应用的轻量级 MVC 库。
  • espresso.js - 用于制作用户界面的最小的 JavaScript 库。
  • canjs - 可以让 JS 更好、更快、更简单的框架。
  • react - 用于构建用户界面的库。
  • hyperapp - 用于构建前端应用的微型框架。
  • preact - React 的 3kb 轻量化替代方案,拥有相同的 ES6 API。
  • nativescript - 使用 JavaScript 构建真正的原生跨平台 iOS 和 Android 应用。
  • react-native - 用 React 构建原生应用的框架。
  • riot - 类 React 库,但体积非常小。
  • thorax - 加强你的 Backbone。
  • chaplin - 使用 Backbone.js 库的 JavaScript 应用架构。
  • marionette - 一个 Backbone.js 的复合应用程序库。
  • ripple - 一个小巧的、用于构建响应式视图的基础库。
  • rivets - 轻量级和强大的数据绑定和模板解决方案。
  • derby - MVC 框架,使编写实时协作应用变得容易。
  • way.js - 简单、轻量级、持久化的双向数据绑定。
  • mithril.js - Mithril 是一个客户端 MVC 框架(轻量级、健壮、快速)。
  • jsblocks - jsblocks 是更好的 MV* 框架。
  • feathers - 为未来的应用设计的极简实时 JavaScript 框架。
  • Keo - 支持 Shadow DOM 的函数式无状态 React 组件。
  • atvjs - 使用纯 JavaScript 快速开发 Apple TV 应用。
  • Alpine.js - 以更低成本��供��似 Vue 或 React 的��应��和��明���特���。
  • inferno - 🔥 一个极快的、类 React 的 JavaScript 库,用于构建现代用户界面。
  • FoalTS - 优雅且全面的 Node.JS Web 框架(TypeScript)。
  • Lucia - 3kb 的小型 Web 应用库。
  • Adonis - 专注于开发人员体验、稳定性和信心的 Node.js Web 框架。
  • GrapesJS - 免费开���的 Web ��建器框架。下一代无需编码的模板构建工具。
  • Rete.js - 一个模块化的可视化编程框架,允许在浏览器中创建基于节点的编辑器。
  • litegraph.js - 类似 PD 或 UDK Blueprints 的图形节点引擎和编辑器,带有 HTML5 Canvas2D 编辑器。
  • Drawflow - 让你能够轻松快速地创建数据流。
  • Blockly - Google 开发的为 Web 和移动应用添加可视化代码编辑器的库。
  • Million - <1kb 编译器驱动的虚拟 DOM。速度超快!
  • Whatsup - 一个轻松开发模式的前端框架 🥤。基于生成器的 JSX 组件、快速类 mobx 状态管理和独特的 cssx 样式系统。
  • Remult - 全栈 TypeScript 的 CRUD 框架。

Node-Powered CMS Frameworks (基于 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 Headless CMS,用于轻松构建可定制的 API。
  • Factor - JavaScript CMS。

Templating Engines(模板引擎)

Templating engines allow you to perform string interpolation.

  • mustache.js - JavaScript 最简洁的模板语法实现。
  • handlebars.js - Mustache 模板语言的扩展。
  • nunjucks - 丰富���强大的 JavaScript 模板语言。
  • hogan.js - Mustache 模板语言的编译器。
  • doT - 最快速简洁的 JavaScript 模板引擎。
  • dustjs - 适用于浏览器和 Node.js 的异步模板。
  • eco - 嵌入式 CoffeeScript 模板。
  • JavaScript-Templates - 轻量级、快速且强大的 JavaScript 模板引擎。
  • t.js - 小巧的 JavaScript 模板框���,压缩后仅有 400 字节。
  • Pug - 健壮、优雅且功能丰富的 Node.js 模板引擎。
  • EJS - 高效的 JavaScript 模板。
  • xtemplate - 可扩展的模板引擎,支持 Node 和浏览器。
  • marko - 快速、轻量级、基于 HTML 的模板引擎,支持异步、流式传输、自定义标签和 CommonJS 模块。

Game Engines (游戏引擎)

  • A-Frame - 用于构建 WebVR 的框架。
  • Cocos - 开源跨平台游戏开发框架。
  • Impact - HTML5 Canvas 和 JavaScript 游戏引擎���
  • GDevelop - 免费且易用的游戏制作应用。
  • Kaboom.js - 一个帮助你快速有趣地制作游戏的游戏编程库。
  • Matter.js - 2D JavaScript 物理引��。
  • melonJS - 开源的 HTML5 ��戏引擎,让开发者和设计师专注于内容。
  • Phaser - 快速、有趣且免费的开源 HTML5 游戏框架。
  • PixiJS - HTML5 创作引擎。
  • PlayCanvas - WebGL 游戏引擎。

Articles and Posts(文章与帖子)

Data Visualization (数据可视化)

用于网页的数据可视化工具

  • d3 - 用于 HTML 和 SVG 的 JavaScript 可视化库。
  • metrics-graphics - 为简洁、原则性的数据图形和布局优化的库。
  • three.js - JavaScript 3D 库。
  • Chart.js - 使用 <canvas> 标签的简单 HTML5 图表。
  • paper.js - 矢量图形脚本的瑞士军刀 - Scriptographer 移植到 JavaScript 和浏览器,使用 HTML5 Canvas。
  • fabric.js - JavaScript Canvas 库, SVG 转 Canvas (& Canvas 转 SVG) 解析器。
  • peity - 渐进式 条形图、折线图和饼图。
  • raphael - JavaScript 矢量库。
  • echarts - 企业级图表库。
  • visjs - 用于基于浏览器的动态数据可视化的多个库。
  • two.js - 与渲染器无关的二维绘图 API。
  • g.raphael - Raphaël 的图表库。
  • sigma.js - 专注于图形绘制的 JavaScript 库。
  • arbor - 使用 web workers 和 jQuery 的图形可视化库。
  • cubism - D3 的插件,用于可视化时间序列。
  • dc.js - 多维图表库,与 d3.js 配合使用。
  • vega - 可视化语法。
  • envisionjs - 动态 HTML5 可视化。
  • rickshaw - 用于创建交互式实时图表的 JavaScript 工具包。
  • flot - 具有吸引力的 jQuery 图表库。
  • morris.js - 漂亮的时间序列线图。
  • nvd3 - 为 d3.js 构建可复用图��和图表组件��
  • svg.js - 用于操作和动画 SVG 的轻量级库。
  • heatmap.js - 基于 HTML5 canvas 的热力图 JavaScript 库。
  • jquery.sparkline - 一个 jQuery 插件,用于直接在浏览器中生成小型图表。
  • trianglify - 低多边形风格背景图形生成器。
  • d3-cloud - 在 JavaScript 中创建词云。
  • d4 - 一个友好的可重用图表 DSL,基于 D3。
  • dimple.js - 由 d3 驱动的简单业务分析图表。
  • chartist-js - 简单的响应式图表。
  • epoch - 一个通用的实时图表库。
  • c3 - 基于 D3 的可重用图表库。
  • BabylonJS - 使用 HTML5 和 WebGL 构建 3D 游戏的框架。
  • recharts - 使用 React 和 D3 重新定义的图表库。
  • GraphicsJS - 具有直观 API 的轻量级 JavaScript 图形库。
  • mermaid - 从文本生成图表和流程图。
  • Frappe Charts - GitHub 启发的简单现代的 SVG 图表。
  • Frappe Gantt - 简单、交互式、现代的甘特图库。
  • G2 - 具有高度交互性的数据驱动的统计图表可视化语法。
  • G2Plot - 交互式响应式图表库,基于图形语法。
  • Cytoscape.js - 功能齐全的图论库。
  • cola.js - 使用基于约束的优化技术布局 HTML5 文档和图表的库。
  • jointjs - 用于创建静态图表或完全交互式图表工具的图表库。
  • vizzu - 用于动画数据可视化和数据故事的库。

此外还有一些优秀的商业库,如 amchart, anychart, plotly, 和 lightning chart

大屏可视化适配

  • autofit.js - 一个用于大屏可视化适配的 JavaScript 库。
  • v-scale-screen - 一个用于大屏可视化适配的 Vue 组件。
  • fit-screen - 一个用于大屏可视化适配的 React, Vue 组件。

Timeline (时间轴)

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

Spreadsheet (电子表格)

  • HANDSONTABLE - Handsontable 是一个面向开发者的 JavaScript/HTML5 电子表格库。
  • Frappe Datatable - Frappe DataTable 是一个简单、现代和交互式的数据表格库,用于显示表格数据。
  • Luckysheet - Luckysheet 是一个类似 excel 的在线电子表格,功能强大、配置简单且完全开源。
  • Jspreadsheet CE - Jspreadsheet 是一个轻量级的原生 javascript 插件,用于创建与其他电子表格软件兼容的令人惊叹的 web 交互式表格和电子表格。
  • RevoGrid - RevoGrid 是一个快速、响应式的类 excel 数据网格库,用于现代 web 应用。
  • Editors (编辑器)

    • ace - Ace (Ajax.org Cloud9 编辑器)。
    • CodeMirror - 浏览器内代码编辑器。
    • esprima - 用于多用途分析的 ECMAScript 解析基础设施。
    • quill - 具有 API 的跨浏览器富文本编辑器。
    • medium-editor - Medium.com 所见即所得编辑器克隆版。
    • pen - 享受实时编辑(支持 markdown)。
    • jquery-notebook - 一个简单、干净、优雅的文本编辑器。灵感来自 Medium 的出色设计。
    • bootstrap-wysiwyg - 小巧的、兼容 bootstrap 的所见即所得富文本编辑器。
    • ckeditor-releases - 适用于所有人的最佳网页文本编辑器。
    • editor - Markdown 编辑器。
    • EpicEditor - 可嵌入的 JavaScript Markdown 编辑器。
    • jsoneditor - 用于查看、编辑和格式化 JSON 的 Web 工具。
    • vim.js - 在 JavaScript 中实现的 Vim。
    • Squire - HTML5 富文本编辑器。
    • TinyMCE - JavaScript 富文本编辑器。
    • trix - 用于日常写作的富文本编辑器。
    • Trumbowyg - 一个轻量且惊人的所见即所得 JavaScript 编辑器。
    • Draft.js - 用于构建文本编辑器的 React 框架。
    • bootstrap-wysihtml5 - 简单、漂亮的所见即所得编辑器。
    • wysihtml5 - 基于 HTML5 和渐进增强方法的开源富文本编辑器。
    • raptor-editor - Raptor, 一个 HTML5 所见即所得内容编辑器!
    • popline - HTML5 富文本编辑器工具栏。
    • Summernote - 超级简单的所见即所得编辑器。
    • Everright-formEditor - 可视化拖放低代码表单编辑器。
    • wangEditor - 轻量级 web 富文本编辑器,配置方便,使用简单。支持 IE10+ 浏览器。

    Documentation(文档)

    • DevDocs - 多个 API 文档的聚合器。
    • docco - 文学编程风格的文档生成器。
    • styledocco - 从样式表生成文档。
    • Ronn - 构建手册。手册是用于 Unix 系统的文档。
    • dox - Node.js 的 JavaScript 文档生成器。
    • jsdox - JSDoc3 到 Markdown 文档生成��。
    • ESDoc - 针对 ES6 的优秀文档生成器。
    • YUIDoc - Node.js 应用的文档生成器��
    • coddoc - 可扩展的 Node.js 注释解析器/生成器。
    • sphinx-js - Sphinx JSDoc 构建。
    • beautiful-docs - 从 Markdown 文件生成漂亮的文档。
    • documentation.js - API 文档生成器,支持 ES2015+ 和流注释。
    • jsdoc - JavaScript 的 API 文档生成器。
    • documentjs - 优秀的 JS 文档引擎。
    • jsdoc-to-markdown - 从 jsdoc 注释生成 markdown 文档。
    • swagger-ui - Swagger UI 是一个可以展示和编辑 Swagger/OpenAPI 规范的工具集合。
    • postman - 用于 API 开发的完整工具链。

    Files(文件)

    用于处理文件的库

    • Papa Parse - 强大的 CSV 库,支持解析 CSV 文件/字符串以及导出为 CSV。
    • jBinary - 用于二进制文件的高级 I/O(加载、��析、操作、序列化、保存),使用声明式语法来��述文��类型和数据结构。
    • diff2html - Git diff 输出解析器和漂亮的 HTML 生成器。
    • jsPDF - JavaScript PDF 生成。
    • PDF.js - JavaScript 实现的 PDF 阅读器。

    Functional Programming (函数式编程)

    扩展 JavaScript 函数式编程能力的库

    • underscore - JavaScript 的实用工具库。
    • lodash - 提供一致性、自定义、性能和其他功能的实用工具库。
    • Sugar - 用于处理原生对象的 JavaScript 库。
    • lazy.js - 类似 Underscore,但更懒惰。
    • ramda - 实用的 JavaScript 函数式编程库。
    • mout - 模块化的 JavaScript 实用工具。
    • preludejs - JavaScript 硬核函数式编程。
    • rambda - Ramda 的更快更小的替代品。
    • fxts - 惰性求值和并发。
    • wild-wild-path - 支持通配符和正则表达式的对象属性路径。
    • sweet-monads - 包含常用 monads 和惰性迭代器的实用工具库。

    Reactive Programming (响应式编程)

    扩展 JavaScript 响应式编程能力的库

    • RxJS - JavaScript 的响应式编程库。
    • Bacon - JavaScript 的函数响应式编程(FRP)库。
    • Kefir - 受 Bacon.js 和 RxJS 启发的 JavaScript FRP 库,专注于高性能和低内存消耗。
    • Highland - 重新思考 JavaScript 实用工具库,Highland 使用标准 JavaScript 和类 Node 流轻松管理同步和异步代码。
    • Most.js - 高性能 FRP 库。
    • MobX - 简单、可扩展的状态管理 TFRP 库。
    • Cycle.js - 用于更清晰代码的函数式和响应式 JavaScript 库。
    • concent - 绝对是最简单但最强大的 React 状态管理工具,它是可预测的、渐进式的和高效的。

    Data Structure (数据结构)

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

    • immutable-js - 不可变数据集合,包括 Sequence、Range、Repeat、Map、OrderedMap、Set 和稀疏 Vector。
    • mori - 一个库,让你可以在原生 JavaScript 中使用 ClojureScript 的持久数据结构和支持 API。
    • buckets - 完整的、经过充分测试和文档化的 JavaScript 数据结构库。
    • hashmap - 支持任何类型键的简单哈希映射实现。
    • ngraph.graph - JavaScript 中的图数据结构。
    • js-sdsl - 参考 C++ STL 实现的 JavaScript 标准数据结构库,支持 C++ 双向迭代器模式。

    Date (日期)

    • moment - 在 JavaScript 中解析、验证、操作和显示日期。
    • moment-timezone - moment.js 的时区支持。
    • jquery-timeago - 一个 jQuery 插件,让显示模糊时间戳变得简单(如"4 分钟前")。
    • timezone-js - 支持时区的 JavaScript Date 对象。使用 Olson 时区数据。
    • date - 人性化的 Date()。
    • ms.js - 微小的毫秒转换工具。
    • countdown.js - 超级简单的倒计时。
    • timeago.js - 一个微小的库(小于 2kb),用于格式化日期显示为"*** 时间前"的形式。
    • fecha - 轻量级的日期格式化和解析库(~2KB)。旨在替代 moment.js 的解析和格式化功能。
    • date-fns - 现代 JavaScript 日期工具库。
    • map-countdown - 基于 Google Maps 构建的浏览器倒计时。
    • dayjs - Day.js 是一个轻量的(2KB) JavaScript 日期库,API 与 Moment.js 兼容。
    • luxon - Luxon 是一个用于在 JavaScript 中处理日期和时间的库。
    • tempo - 解析、格式化和时区处理 - Tempo 是一个用于原生 Date 对象的小型可摇树优化库。

    String (字符串)

    • 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 和其他字符串的匹配模式。将字符串转换为数据或将数据转换为字符串。
    • plexis - 低调但强大的社区驱动字符串操作库。
    • url-state-machine - 超快的符合规范的 URL 解析状态机,适用于 Node.js。

    Number (数字)

    • 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 的多项式库。
    • Quaternion.js - JavaScript 的四元数库。

    Storage (存储)

    • store.js - 所有浏览器的 LocalStorage 包装器,无需使用 cookie 或 flash。底层使用 localStorage、globalStorage 和 userData 行为。
    • localForage - 离线存储的改进版。包装了 IndexedDB、WebSQL 或 localStorage,提供简单但强大的 API。
    • jStorage - jStorage ��一个简单的键值对数��库,用于在浏览器端存储数据。
    • cross-storage - 跨域本地存储,带权限控制。
    • basket.js - 用于缓存和加载脚本的脚本和资源加载器。
    • bag.js - 类似 basket.js 的缓存和资源加载器,但增加了键值接口和 localStorage/websql/indexedDB 支持。
    • basil.js - JavaScript 智能持久层缺失的部分。
    • jquery-cookie - 一个用于读写 cookie 的轻量级 jQuery 插件。
    • js-cookie - 一个用于处理浏览器 cookie 的简单、轻量级的 JavaScript API。
    • Cookies - JavaScript 客户端 Cookie 操作库。
    • DB.js - 基于 Promise 的 IndexDB 包装库。
    • lawnchair.js - 简单的客户端 JSON 存储。
    • sql.js - 通过 Emscripten 编译成 JavaScript 的 SQLite。
    • pouchdb - 受 Apache CouchDB 启发的 JavaScript 数据库,可以很好地运行在浏览器中。
    • crumbsjs - 轻量级的原生 ES6 cookies 和本地存储 JavaScript 库。
    • awesome-web-storage - 关于客户端存储你需要知道的一切。
    • datavore - 一个用 JavaScript 编写的小型、快速的浏览器内数据库引擎。
    • Hoodie - 离线优先的后端,可以在没有网络连接的情况下在浏览器中工作。
    • NeDB - 用于浏览器和 nw.js、electron 的嵌入式持久数据库。
    • Lovefield - Lovefield 是 Google 开发的用于 web 应用的关系数据库。
    • Dexie.js - Dexie.js 是 indexedDB 的包装库。
    • proxy-web-storage - 保持存储值类型不变并直接更改数组和对象。支持监听变化和设置过期时间。
    • PostgreSQL Browser - 浏览器 PostgreSQL 游乐场,无服务器,仅客户端和 pglite (postgresql wasm)。

    Scroll (滚动)

    • scrollMonitor - 简单快速的 API 用于监控元素的滚动。
    • headroom - 给你的页���一些空间。在需要时隐藏你的页眉。
    • onepage-scroll - 创建类似 Apple 的单页滚动网站。
    • iscroll - iScroll 是一个高性能、小巧、无依赖、多平台的 JavaScript 滚动器。
    • skrollr - 独立的视差滚动库,适用于移动设备(Android + iOS)和桌面。无需 jQuery。
    • parallax - 对智能设备方向做出反应的视差引擎。
    • stellar.js - 轻松实现视差滚动。
    • plax - jQuery 驱动的视差效果。
    • jparallax - 用于创建交互式视差效果的 jQuery 插件。
    • fullPage - 简单易用的插件用于创建全屏滚动网站。
    • ScrollMenu - 一个新界面替代旧的无聊滚动条。
    • Clusterize.js - 用于轻松显示大数据集的小型原生 JS 插件。
    • simpleParallax - 用于为任何图像添加视差���画的���单小型 JavaScript 库。
    • rellax - 轻量级、原生 JavaScript 视差库。
    • asscroll - 混合平滑滚动设置,结合了虚拟滚动的性能优势和原生滚动的可靠性。
    • stroll - CSS 列表滚动效果的集合。
    • locomotive-scroll - 检测视口中的元素并实现平滑���动和视差效果��
    • elevator.js - 一个"返回顶部"按钮,行为就像真正的电梯。

    Menu (菜单)

    • jQuery-menu-aim - 当用户的光标瞄准特定下拉菜单项时触发事件的 jQuery 插件。
    • jQuery contextMenu - 上下文菜单管理器。
    • Slideout - 适用于移动���络应用的响应式触摸滑出式导航菜单。
    • Slide and swipe - 与 touchSwipe 库配合使用的滑动菜单。
    • mmenu - 最好的 jQuery ���件,用于创建类似应用程序的开关式菜单。

    Table/Grid (表格/网格)

    • jTable - 一个基于 AJAX 的 CRUD 表格 jQuery 插件。
    • DataTables - (jQuery 插件)一个高度灵活的工具,基于渐进增强的基础,为任何 HTML 表格添加高级交互控件。
    • Tabulator - (jQuery 插件)一个极其灵活的库,可以从任何 JSON 数据源或现有 HTML 表格创建具有一系列交互功���的表格。
    • Bootstrap Table - Bootstrap 框架的扩展,用于创建适合您网站风格的表格。
    • floatThead - (jQuery 插件)在滚动表格主体时锁定任何表格的表头。
    • Masonry - 级联网格布局库。
    • Packery - 使用装箱算法的网格布局库。支持拖拽布局。
    • Isotope - 可过滤、可排序的网格布局库。可以实现 Masonry、Packery 等布���。
    • flexboxgrid - 基于 CSS3 flexbox 的网格。

    Frameworks (框架)

    • Semantic UI - 具有大量���题和元素的 UI 工具包。
    • w2ui - 一套用于数据驱动的 web 应用前端开发的 jQuery 插件。
    • fluidity - 世界上最小的完全响应式 CSS 框架。
    • Ink - SAPO 使用的 HTML5/CSS3 框架,用于快速高效的网站设计和原型开发。
    • DataFormsJS - 用于快速开发网站和单页应用的最小 JavaScript 框架和独立组件。
    • Next.js - React 框架,用于生产环境的全栈开发,支持SSR/SSG/ISR等渲染方式。
    • Nuxt.js - Vue.js 的通用应用框架,支持服务端渲染、静态站点生成等多种渲染模式。
    • Remix - 全栈 Web 框架,专注于网页基础和 Web 标准。
    • SvelteKit - Svelte 的应用框架,用于构建高性能 web 应用。
    • Astro - 现代化的静态站点构建工具,支持多框架组件集成。
    • Qwik - 新一��前端框架,专注于即时交互性和性能优化。
    • Solid Start - SolidJS 的全栈 Web 框架。
    • Blitz.js - 全栈 React 框架,构建于 Next.js 之上。
    • RedwoodJS - 全栈 JAMstack 框架,整合了 React、GraphQL、Prisma 等技术。

    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 run-scripts 实现任务自动化。
    • Wasp - Wasp 是一个声明式的领域特定语言,用于使用更少的代码开发、构建和部署现代 JavaScript 全栈 web 应用。

    Images (图片)

    • Drift - 轻松为网站图片添加"悬停缩放"功能。轻量级、无依赖的 JavaScript。
    • Magnificent.js - 响应式缩放图片等,基于 jQuery。
    • Panolens.js - 基于事件驱动和 WebGL 的全景查看器。轻量级且灵活。

    Gesture (手势)

    • hammer.js - 用于多点触控手势的 JavaScript 库。
    • touchemulator - 在桌面端模拟触摸输入。
    • Dragula - 超简单的拖放功能实现。

    Maps

    • Leaflet - 用于移动友好的交互式地图的 JavaScript 库。
    • Cesium - 开源的 WebGL 虚拟地球和地图引擎。
    • gmaps - 使用 Google Maps 的最简单方法。
    • polymaps - 一个免费的 JavaScript 库,用于在现代浏览器制作动态交式地图。
    • kartograph.js - Kartograph SVG 地图的开源 JavaScript 渲染器。
    • mapbox.js - Mapbox JavaScript API, 一个 Leaflet 插件。
    • jqvmap - jQuery 矢量地图库。
    • OpenLayers3 - 高性能、功能丰富的地图库。
    • H3js - Uber 开发的用于地理空间可视化的六边形分层地理空间索引系统。
    • AMap - 高德地图 JavaScript API,提供了丰富的地图功能,包括地图展示、定位、搜索、路线规划等。

    Video/Audio (视频/音频)

    • prettyembed.js - 更漂亮的 YouTube 嵌入 - 具有高分辨率预览图像、嵌入选项的高级自定义等功能。
    • Play-em JS - 管理音乐/视频播放队列的 JavaScript 组件。
    • polyplayer - 用统一的 API 控制 YouTube、Soundcloud 和 Vimeo 播放器。
    • flowplayer - 用于网页的 HTML5 视频播放器。
    • mediaelement - HTML5 音频或视频播放器。
    • SoundJS - 简化在网页上处理音频的库。
    • video.js - 开源的 HTML5 和 Flash 视频播放器。
    • FitVids.js - 用于流式视频嵌入的轻量级 jQuery 插件。
    • Ion.Sound - 在任何网页上播放简单的声音。
    • photobooth-js - 允许用户在您的网站上拍摄头像照片的小部件。
    • clappr - 可扩展的网页媒体播放器。
    • ts-audio - 用于处理 AudioContext API 的简单易用库。
    • AmplitudeJS - 开源的 HTML5 网页音频库。
    • ractive-player - 用于在 React.js 中制作交互式视频的库。
    • ffmpeg.js - 为浏览器使用优化的 FFmpeg。
    • flv.js - 纯 JavaScript 编写的 HTML5 Flash 视频播放器。
    • hls.js - 实现 HTTP Live Streaming 客户端的 JavaScript 库。

    Typography (排版)

    • FlowType.JS - 最佳的 Web 排版:基于元素宽度的字体大小和行高。
    • BigText - jQuery 插件,计算字体大小和字间距以匹配特定宽度的文本行。
    • circletype - 一个让网页文字呈现曲线效果的 jQuery 插件。
    • slabText - 用于生成大胆响应式标题的 jQuery 插件。
    • simple-text-rotator - 为��站添加超级简单的文字轮播效果。
    • novacancy.js - 文字霓虹金效果 jQuery 插件。
    • jquery-responsive-text - 让你的文字大小响应式化!
    • FitText.js - 用于网页文字自适应的 jQuery 插件。
    • Lettering.js - 一个轻量级、易用的 JavaScript <span> 注入器,用于激进的 Web 排版。

    Animations (动画)

    • velocity - 加速的 JavaScript 动画。
    • jquery.transit - 用于 jQuery 的超平滑 CSS3 变换和过渡。
    • bounce.js - 快速创建漂亮的 CSS3 动画。
    • GreenSock-JS - 适用于所有主流浏览器的高性能 HTML5 动画。
    • 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 库。
    • tsParticles - particles.js 的改进版本,修复了 bug 并添加了许多新功能。
    • particles-bg - 轻量级的 React 粒子动画背景组件。
    • barbajs - 帮助你创建网站页面之间流畅平滑的过渡。
    • typicaljs - ~400 字节 🐡 的 JavaScript 打字动画。
    • AutoAnimate - 只需一行代码即可为应用添加动效。
    • GSAP - 专业级的 JavaScript 动画库,提供流畅的���性能动画效果��
    • Lottie - Airbnb 开源的轻量级动画库,可以渲染 After Effects 动画。
    • wow.js - 当元素滚动到视图中时展现动画效果。与 animate.css 完美配合。
    • aos.js - 用于创建响应式网站的轻量级库,提供平滑的滚动和动画效果。

    Image Processing (图像处理)

    • lena.js - 带有滤镜和实用功能的图像处理库。
    • pica - 高质量图像缩放(使用纯 JS 实现的快速 Lanczos 滤镜)。
    • cropper - 简单的 jQuery 图像裁剪插件。

    ES6 (ES6)

    • es6features - ECMAScript 6 特性概述。
    • es6-features - ECMAScript 6: 特性概述和比较。
    • es6-cheatsheet - ES2015 [ES6] 速查表,包含提示、技巧、最佳实践和代码片段。
    • ECMAScript 6 compatibility table - 各种环境下 ECMAScript 6 特性的兼容性表格。
    • Babel - 将 ES6+ 代码转换为普通的 ES5 代码,无需运行时。
    • Traceur compiler - ES6 特性转换为 ES5。包括类、生成器、Promise、解构模式、默认参数等。

    Canvas (画布)

    • Fabric.js - 强大的 JavaScript Canvas 库,让处理 HTML5 画布变得简单。
    • Paper.js - 矢量图形脚本的瑞士军刀,基于 HTML5 Canvas。
    • Konva.js - HTML5 Canvas JavaScript 框架,用于桌面和移动应用。
    • Two.js - 面向现代 web 浏览器的二维绘�� API。
    • Rough.js - 创建手绘风格图形的 Canvas 库。
    • p5.js - 用于创意编码的 JavaScript 库,让艺术家和设计师能够编程。
    • Pts.js - 用于可视化和创意编码的库。
    • Pencil.js - 漂亮的模块化 2D 绘图库。
    • Ocanvas - JavaScript 库,让 HTML5 Canvas 更加面向对象。
    • EaselJS - 让在 HTML5 Canvas 上工作变得更简单的库。
    • PixiJS - 快速的 2D 渲染引擎,使用 WebGL,支持 canvas 回退。
    • ZRender - 轻量级的 Canvas 类库,提供 2D 绘制能力。

    Flow(流程)

    • Flowbite - 一个基于 Tailwind CSS 的组件库,用于构建现代、响应式的网页。
    • Mermaid - 以类似 Markdown 的文本语法生成流程图和图表。
    • GoJS - 功能丰富的交互式流程图、组织结构图等图表库。
    • JointJS - 用于创建静态和交互式图表的强大工具。
    • Drawflow - 简单的流程图库,让你能够轻松快速地创建数据流。
    • Dagre - 有向图布局的 JavaScript 库。
    • Flowchart.js - 从文本描述生成流程图的库。
    • js-sequence-diagrams - 从文本生成 UML 序列图。
    • D3.js - 用于创建数据可视化和流程图的强大库。
    • Vue Flow - Vue.js 的流程图组件库。
    • React Flow - React 的高度定制化流程图库。
    • X6 - 蚂蚁集团开源的图编辑引擎。
    • Butterfly - 阿里巴巴��源的基于 JavaScript/React 的流程图组件。
    • bpmn-js - BPMN 2.0 流程图渲染和编辑工具。

    Generators

    • Gatsby.js - 基于 React 的静态站点生成器。
    • Gridsome - Vue 驱动的静态站点生成器。
    • Docusaurus - Facebook 开发的基于 React 的静态站点生成器,适合内容��中心的网站。
    • Next.js - React 驱动的静态站点生成器,"让 Web 更快的所有工具"。
    • Lume - Deno 的静态站点生成器。

    SDK (软件开发工具包)

    Full Text Search

    • lunr - 浏览器端的库,为 JSON 文档建立索引并提供简单的搜索接口。
    • flexsearch - 下一代浏览器和 Node.js 的全文搜索库。
    • Elasticlunr - 基于 lunr.js,但更灵活和可定制。

    Translate(翻译)

    • translate.js 两行 JS 实现 HTML 全自动翻译。无需改动页面、无语言配置文件、无 API Key、对 SEO 友好!
    • i18next - 国际化(i18n)的 JavaScript 实现,简单易用。
    • vue-i18n - Vue.js 的国际化插件。
    • react-intl - React 组件的国际化。
    • polyglot - 小巧的 i18n 助手库,带有友好的 API。
    • ttag - 基于 ES6 标记模板的现代 JavaScript i18n 本地化库。
    • jquery.i18n - jQuery 国际化插件。
    • google-translate-api - 免费和无限制的 Google 翻译 API。
    • translatte - 使用 Google 翻译进行翻译的 JavaScript 库。
    • node-translate - 简单的 Google 翻译 CLI 工具。
    • deepl-translator - DeepL 翻译 API 的非官方 Node.js 库。
    • Rosetta - 轻量级的国际化工具。
    • Globalize - 一个支持多语言、本地化和格式化的 JavaScript 库。
    • Fluent.js - Mozilla 的本地化系统。
    • Lingui - JavaScript 的无缝国际化。

    OCR(光学字符识别)

    • Tesseract.js - 纯 JavaScript 实现的 OCR 引擎,支持超过100种语言。
    • OCRAD.js - 通过 Emscripten 将 OCR 引擎编译为 JavaScript。
    • tracking.js - 一个现代的网页计算机视觉库,包含文字识别功能。
    • node-tesseract-ocr - Node.js 的 Tesseract OCR 封装。
    • jimp - 纯 JavaScript 图像处理库,可用于 OCR 预处理。
    • OCR.space - 提供 API 的在线 OCR 服务。
    • PaddleOCR.js - 基于 PaddlePaddle 的高性能 OCR 工具包的 JavaScript 版本。
    • TensorFlow.js OCR - 使用 TensorFlow.js 实现的手写数字识别。
    • GOCR.js - 将 GOCR 编译到 JavaScript。
    • Tess.js - 基于 Emscripten 的 Tesseract OCR 引擎的 JavaScript 移植版。

    Misc (杂项)

    • echo - 使用 data-* 属性实现图片懒加载。
    • picturefill - 响应式图片的 polyfill,支持 <picture>、srcset、sizes。
    • platform.js - 适用于几乎所有 JavaScript 平台的平台检测库。
    • json3 - 与几乎所有 JavaScript 平台兼容的现代 JSON 实现。
    • Logical Or Not - 关于 JavaScript 特性的小游戏。
    • BitSet.js - JavaScript 位向量实现。
    • spoiler-alert - 剧透警告!一个用于在网站上隐藏剧透内容的 jQuery 插件。
    • jquery.vibrate.js - 振动 API 封装。
    • list.js - 为表格、列表和各种 HTML 元素添加搜索、排序、过滤和灵活性。设计为无感知并适用于现有 HTML。
    • mixitup - 过滤和排序插件。
    • grid - 用于二维、可调整大小和响应式列表的拖放库。
    • jquery-match-height - 一个响应式等高插件。
    • SurveyJS - JavaScript 调查和表单库。
    • Array ExplorerObject Explorer - 帮助确定在任何给定时间使用哪种原生 JavaScript 方法的��源。
    • Clipboard.js - "Copy to clipboard" without Flash or use of Frameworks.
    • ky - 基于浏览器 Fetch API 的小巧优雅的 HTTP 客户端。
    • Fcal - 数学表达式计算器。
    • emoji-button - 原生 JavaScript emoji 选择器组件。
    • iooxa - 用于交互式科学写作、响应式文档和可探索解释的组件。
    • Idyll - 创建可探索的解释和交互式故事文章。可以嵌入 HTML
    • javascript-algorithms - JavaScript 实现的算法和数据结构,包含解释和进一步阅读的链接。
    • FingerprintJS - 从浏览器指纹创建访问者标识符,在隐身模式下和清除浏览器数据时保持不变。
    • Peg.js - 简单的 JavaScript 解析器生成器,生成具有出色错误报告的快速解析器。可以在浏览器、命令行或通过 JavaScript API 使用。
    • lune - 准确计算月相的库。
    • jsemu - 用 JavaScript 编写的模拟器列表。

    Danmaku (弹幕)

    • CommentCoreLibrary - JavaScript 弹幕引擎核心,提供从基本的弹幕显示到高级弹幕操作的支持。
    • danmaku - 高性能的 JavaScript 弹幕引擎。
    • danmu - 轻量级的弹幕库,支持多种弹幕类型和自定义样式。
    • DanmuPlayer - HTML5 视频播放器弹幕插件。
    • Barrager.js - 专注于网页弹幕效果的 jQuery 插件。
    • Barrage - 基于 Canvas 的弹幕组件。
    • vue-danmaku - Vue 的弹幕组件。
    • react-danmaku - React 的弹幕组件。
    • danmu.js - 字节跳动开源的弹幕库。
    • bullet-screen - 基于 Vue 的弹幕交互组件。

    Worth Reading (值得一读)

    Other Awesome Lists (其他优秀列表)

    Contributing (贡献)

    欢迎���献!请先阅���贡献指南

    License (许可证)

    CC0

    在法律允许的范围内,chencheng 已放弃本作���的所有版权和相关权利。

    Loading Status (加载状态)

    用于指示加载状态的库

    • Mprogress.js - 创建 Google Material Design 风格的线性进度条。

    • NProgress - 为 Ajax 应用添加纤细的进度条。

    • Spin.js - 一个旋转的活动指示器。

    • progress.js - 为页面上的任何��象创建和管��进度条。

    • progressbar.js - 带有动画 SVG 路径的漂亮和响应式进度��。

    • pace - 自动为你的网站添加进度条。

    • topbar - 小巧漂亮的网站全局进度指示器。

    • nanobar - 非常轻量级的进度条。不依赖 jQuery。

    • PageLoadingEffects - 使用 SVG 动画展示新内容的现代方式。

    • SpinKit - 一组使用 CSS 动画的加载指示器。

    • Ladda - 带有内置加载指示器的按钮。

    • css-loaders - 一组使用 CSS 动画的加载���转器。

    • css-loaders - 一组使用 CSS 动画的加载旋转器。

    About

    🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published
    0