Skip to content

lewton/web-resources

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

[TOC]

web-resources

目录

HTML 和 CSS

网站 描述
前端清单 适合现代网站和细心的开发人员的完美前端清单
开发人员设计资源 来自库存照片、网页模板、CSS 框架、UI 库、工具等的设计和 UI 资源的精选列表
前端性能检查表 唯一比其他运行速度更快的前端性能检查表
前端 Web 开发资源 该存储库包含的内容将对您作为前端 Web 开发人员的旅程有所帮助
真棒CSS学习 仅限最佳 CSS 学习资源的小列表

JavaScript

网站 描述
链接 JavaScript:现代化教程
英文链接
中文链接
33个JavaScript需要理解的概念
英文链接
中文链接
JavaScript:进阶必须理解的一些问题
链接 JavaScript 各式各样的库,值得探索
很棒的 JavaScript 一系列很棒的浏览器端 JavaScript 库、资源和闪亮的东西。

CSS 预处理

网站 描述
真棒-sass 精彩的 Sass 和 SCSS 框架、库、风格指南、文章和资源的精选列表。

JavaScript 预处理

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

网站 描述
SWC 基于 Rust 的可扩展编译平台。
Babel Babel 是一个 JavaScript 编译器。

模块化

JavaScript 的模块或加载系统。

网站 描述
RequireJS JavaScript 的文件和模块加载器。
browserify 浏览器端 require() Node.js 方式。
SeaJS 用于 Web 的模块加载器。
HeadJS HEAD 中唯一的脚本。
lazyload 小型、无依赖的异步 JavaScript 和 CSS 加载器。
script.js 异步 JavaScript 加载器和依赖项管理器。
systemjs AMD、CJS 和 ES6 规范兼容的模块加载器。
LodJS 基于 AMD 的模块加载器。
ESL 模块加载器浏览器优先,支持惰性定义和AMD。
modulejs 轻量级 JavaScript 模块系统。

NodeJS

网站 描述
真棒nodejs 令人愉快的 Node.js 软件包和资源

包管理器

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

网站 描述
npm npm 是 JavaScript 的包管理器。
Bower 网络包管理器。
component 用于构建更好的 Web 应用程序的客户端包管理。
spm 全新的静态包管理器。
jam 使用以浏览器为中心且与 RequireJS 兼容的存储库的包管理器。
jspm 无摩擦浏览器包管理。
Ender 无图书馆的图书馆。
volo 从模板创建前端项目,添加依赖项并自动化生成的项目。
Duo 下一代包管理器,融合了 Component、Browserify 和 Go 的最佳想法,使组织和编写前端代码变得快速、轻松。
yarn 快速、可靠、安全的依赖管理。
pnpm 快速、节省磁盘空间的包管理器。

打包工具

网站 描述
webpack 为浏览器打包 CommonJs/AMD 模块。
Rollup 下一代 ES6 模块捆绑器。
Brunch 具有简单声明性配置的快速前端 Web 应用程序构建工具。
Parcel 速度极快、零配置的 Web 应用程序捆绑器。
Microbundle 用于微型模块的零配置捆绑器。
FuseBox 一个正确的捆绑器
Snowpack 一款闪电般快速的前端构建工具,专为现代网络而设计。

Vue

网站 描述

React

用于扩展 JavaScript 功能的 React 编程库。

网站 描述
样式组件/很棒的样式组件 很棒的样式组件资源的精选列表
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状态管理,它是可预测的、渐进的和高效的。

测试框架

构架

  • mocha - 适用于 Node.js 和浏览器的简单、灵活、有趣的 JavaScript 测试框架。
  • jasmine - 无 DOM 的简单 JavaScript 测试框架。
  • qunit - 一个易于使用的 JavaScript 单元测试框架。
  • jest - 无痛 JavaScript 单元测试。
  • prova - 基于 Tape 和 Browserify 的节点和浏览器测试运行器
  • DalekJS - 使用 JavaScript 进行自动化跨浏览器功能测试
  • Protractor - Protractor 是 AngularJS 应用程序的端到端测试框架。
  • Tape - 用于节点和浏览器的 Tap 生成测试工具。
  • TestCafe - 现代 Web 开发堆栈的自动化浏览器测试。
  • ava - 🚀 未来派 JavaScript 测试运行器
  • Cypress - 完整的端到端测试框架,适用于在浏览器及其他环境中运行的任何内容。

断言

  • chai - 用于 Node.js 和浏览器的 BDD / TDD 断言框架,可以与任何测试框架配对。
  • Enzyme - Enzyme 是 React 的 JavaScript 测试实用程序,可以更轻松地断言、操作和遍历 React 组件的输出。
  • React 测试库- 简单而完整的 React DOM 测试实用程序,鼓励良好的测试实践。
  • Sinon.JS - 测试 JavaScript 的间谍、存根和模拟。
  • Expect.js - Node.JS 和浏览器的简约 BDD 风格断言。
  • proxyquire - 存根 Nodejs 的要求。

覆盖范围

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

跑步者

  • 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 官方团队提供的 Headless Chrome Node.js API.
  • webdriverio - Node.js 的下一代 WebDriver 测试自动化框架。
  • taiko - 一个 Node.js 库,具有简单的 API,可以自动化基于 Chromium 的浏览器。
  • Playwright - Node.js 库,可使用单个 API 自动化 Chromium、Firefox 和 WebKit。

质量保证工具

  • prettier - Prettier 是一个固执己见的代码格式化程序。
  • JSHint - JSHint 是一个有助于检测 JavaScript 代码中的错误和潜在问题的工具。
  • jscs - JavaScript 代码样式检查器。
  • jsfmt - 用于格式化、搜索和重写 JavaScript。
  • jsinspect - 检测复制粘贴和结构相似的代码。
  • buddy.js - JavaScript 的幻数检测。
  • ESLint - 一个完全可插入的工具,用于识别和报告 JavaScript 中的模式。
  • JSLint - 高标准、严格且固执己见的代码质量工具,旨在仅保留语言的良好部分。
  • JavaScript 标准样式- 固执己见、无配置的样式指南、样式检查器和格式化程序
  • 在构建时预评估代码- 在构建时预评估前端 JavaScript 代码
  • JS-Beautifier - 用于格式化 JS 代码的 Npm cli 和库。
  • husky - 防止错误的 git 提交、git 推送等。

MVC 框架和库

  • angular.js - 针对网络应用程序增强的 HTML。(已弃用)

  • Angular - Angular 是一个使用 Typescript/JavaScript 和其他语言构建移动和桌面 Web 应用程序的开发平台。

  • aurelia - 适用于移动、桌面和 Web 的 JavaScript 客户端框架。

  • 骨干- 为您的 JS 应用程序提供一些包含模型、视图、集合和事件的骨干。

  • ember.js - 用于创建雄心勃勃的 Web 应用程序的 JavaScript 框架。

  • meteor - 一个超简单、数据库无处不在、在线数据、纯 JavaScript Web 框架。

  • ractive - 下一代 DOM 操作。

  • vue - 直观、快速且可组合的 MVVM,用于构建交互式界面。

  • svelte -Svelte 是构建 Web 应用程序的新方法。它是一个编译器,可以获取声明性组件并将它们转换为高效的 JavaScript,从而彻底更新 DOM。

  • Knockout - Knockout 可以更轻松地使用 JavaScript 创建丰富的、响应式的 UI。

  • pine - 用于构建 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 的库,但大小非常小。

  • 胸部- 加强你的脊椎。

  • chaplin - 使用 Backbone.js 库的 JavaScript 应用程序架构。

  • marionette - Backbone.js 的复合应用程序库,旨在简化大型 JavaScript 应用程序的构建。

  • ripple - 用于构建反应式视图的小型基础。

  • rivets - 轻量级且功能强大的数据绑定+模板解决方案。

  • derby

    - MVC 框架可以轻松编写在 Node.js 和浏览器中运行的实时协作应用程序。

  • 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 - 用于构建 Web 应用程序(TypeScript)的优雅且包罗万象的 Node.JS 框架。

  • Lucia - 用于小型网络应用程序的 3kb 库。

  • Adonis - Node.js 框架高度关注开发人员的人体工程学、稳定性和信心。

  • GrapesJS - 免费开源 Web 构建器框架。无需编码即可构建模板的下一代工具。

  • Rete.js - 用于可视化编程的模块化框架允许在浏览器中创建基于节点的编辑器。

  • litegraph.js - 类似于 PD 或 UDK 蓝图的图形节点引擎和编辑器,在 HTML5 Canvas2D 中带有自己的编辑器。

  • Drawflow - 这使您可以轻松快速地创建数据流。

  • Blockly - Google 向网络和移动应用程序添加可视化代码编辑器的库。

  • 百万- <1kb 以编译器为中心的虚拟 DOM。它很快!

  • Whatsup - 用于休闲模式开发的前端框架🥤。生成器上的 JSX 组件、快速的类似 mobx 的状态管理和独特的 cssx 风格系统。

模板引擎

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

  • 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 字节。
  • Pug - 强大、优雅、功能丰富的 Nodejs 模板引擎。(以前称为玉)
  • EJS - 有效的 JavaScript 模板。
  • xtemplate - 用于节点和浏览器的可扩展模板引擎库
  • marko - 一个快速、轻量级、基于 HTML 的 Node.js 和浏览器模板引擎,具有异步、流、自定义标签和 CommonJS 模块作为编译输出。
  • swig - (已存档)一个简单、强大且可扩展的 Node.js 和基于浏览器的 JavaScript 模板引擎。

游戏引擎

  • A 型框架- 制作 WebVR。
  • Cocos - 开源跨平台游戏开发框架。
  • Impact - Impact - HTML5 Canvas 和 JavaScript 游戏引擎。
  • GDevelop - 免费且简单的游戏制作应用程序。
  • Kaboom.js - 一个游戏编程库,可帮助您使游戏变得快速且有趣。
  • Matter.js - 2D 刚体 JavaScript 物理引擎。
  • melonJS - 开源 HTML5 游戏引擎,使开发人员和设计人员能够专注于内容。
  • Phaser - Phaser - 一个快速、有趣且免费的开源 HTML5 游戏框架。
  • PixiJS - HTML5 创建引擎。
  • PlayCanvas - PlayCanvas WebGL 游戏引擎.

文章和帖子

数据可视化

用于网络的数据可视化工具。

  • d3 - 用于 HTML 和 SVG 的 JavaScript 可视化库。
  • metrics-graphics - 针对简洁、有原则的数据图形和布局进行优化的库。
  • Three.js - JavaScript 3D 库。
  • Chart.js - 使用 标签的简单 HTML5 图表。
  • paper.js - 矢量图形脚本的瑞士军刀 - Scriptographer 使用 HTML5 Canvas 移植到 JavaScript 和浏览器。
  • Fabric.js - JavaScript Canvas 库,SVG 到 Canvas(和 canvas 到 SVG)解析器。
  • peity - 进度条形图、折线图和饼图。
  • raphael - JavaScript 矢量库。
  • echarts - 企业图表。
  • visjs - 用于动态、基于浏览器的数据可视化的多个库。
  • Two.js - 与渲染器无关的 Web 二维绘图 api。
  • g.raphael - 拉斐尔的图表。
  • sigma.js - 专用于图形绘制的 JavaScript 库。
  • arbor - 使用 Web Worker 和 jQuery 的图形可视化库。
  • cubism - 用于可视化时间序列的 D3 插件。
  • dc.js - 多维图表,可与 d3.js 渲染的交叉过滤器一起使用
  • vega - 可视化语法。
  • envisionjs - 动态 HTML5 可视化。
  • rickshaw - 用于创建交互式实时图表的 JavaScript 工具包。
  • flot - 有吸引力的 jQuery JavaScript 图表.
  • morris.js - 漂亮的时间序列线图。
  • nvd3 - 为 d3.js 构建可重用的图表和图表组件。
  • svg.js - 用于操作 SVG 和制作动画的轻量级库。
  • heatmap.js - 基于 HTML5 画布的热图的 JavaScript 库。
  • jquery.sparkline - jQuery JavaScript 库的插件,可直接在浏览器中生成小型迷你图。
  • 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 图形库,具有直观的 API,基于 SVG/VML 技术。
  • mxGraph - 图表库,可以快速创建交互式图形和图表应用程序,这些应用程序可以在其供应商支持的任何主要浏览器中本机运行。
  • Frappe Charts - 受 GitHub 启发的简单而现代的 SVG 图表,适用于网络,具有零依赖性。
  • Frappe Gantt - 一个简单、交互式、现代的网络甘特图库。
  • G2 - 用于统计图表的高度交互的数据驱动可视化语法。
  • G2Plot - 一个交互式和响应式图表库。基于图形语法。
  • Cytoscape.js - 功能齐全的图论库。
  • cola.js - 使用基于约束的优化技术来排列 HTML5 文档和图表的库
  • jointjs - 用于创建静态图表或完全交互式图表工具的图表库。
  • vizzu - 用于动画数据可视化和数据故事的库。

还有一些很棒的商业库,例如amchartanychartplotlyLightning Chart

时间线

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

电子表格

  • HANDSONTABLE - Handsontable 是面向开发人员的 JavaScript/HTML5 电子表格库
  • Frappe Datatable -Frappe DataTable 是一个简单、现代、交互式的数据表库,用于显示表格数据。
  • Luckysheet - Luckysheet 是一个类似于 excel 的在线电子表格,功能强大、配置简单且完全开源。
  • Jspreadsheet CE - Jspreadsheet 是一个轻量级的普通 JavaScript 插件,用于创建与其他电子表格软件兼容的令人惊叹的基于 Web 的交互式表格和电子表格。

编辑器

  • ace - Ace(Ajax.org Cloud9 编辑器).
  • CodeMirror - 浏览器内代码编辑器。
  • esprima - 用于多用途分析的 ECMAScript 解析基础设施。
  • quill - 具有 API 的跨浏览器富文本编辑器。
  • medium-editor -Medium.com 所见即所得编辑器克隆.
  • - 享受实时编辑(+markdown)。
  • jquery-notebook - 一个简单、干净、优雅的文本编辑器。受到 Medium 的强大启发。
  • bootstrap-wysiwyg - 微型引导兼容的所见即所得富文本编辑器。
  • ckeditor-releases - 适合所有人的最佳网络文本编辑器。
  • editor - Markdown 编辑器。仍在开发中。
  • EpicEditor - 一款嵌入式 JavaScript Markdown 编辑器,具有分割全屏编辑、实时预览、自动草稿保存、离线支持等功能。
  • jsoneditor - 一个基于 Web 的工具,用于查看、编辑和格式化 JSON。
  • vim.js - Vim 的 JavaScript 端口,具有持久的~/.vimrc.
  • Squire - HTML5 富文本编辑器。
  • TinyMCE - JavaScript 富文本编辑器。
  • trix - 用于日常写作的富文本编辑器。由大本营。
  • Trumbowyg - 一个轻量级且令人惊叹的所见即所得 JavaScript 编辑器。
  • Draft.js - 用于构建文本编辑器的 React 框架。
  • bootstrap-wysihtml5 - 简单、美观的所见即所得编辑器
  • wysihtml5 - 基于 HTML5 和渐进增强方法的开源富文本编辑器。使用复杂的安全概念,旨在通过防止无法维护的标签汤和内联样式来生成完全有效的 HTML5 标记。
  • raptor-editor -Raptor,HTML5 WYSIWYG 内容编辑器!
  • popline -Popline 是一个 HTML5 富文本编辑器工具栏.
  • Summernote - 超级简单的所见即所得编辑器。
  • Everright-formEditor - 可视化拖放低代码表单编辑器

文档

  • DevDocs是一款一体化 API 文档阅读器,具有快速、有组织且一致的界面。
  • docco是一个快速而简洁的、长达百行的、文学编程风格的文档生成器。
  • styledocco从您的样式表生成文档和样式指南文档。
  • Ronn制作手册。它将简单的、人类可读的文本文件转换为用于终端显示的 roff,以及用于网络的 HTML。
  • dox是一个用 Node 编写的 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一个可以轻松创建智能且美观文档的工具
  • Beautiful docs是一个基于 Markdown 文件的文档查看器。
  • Documentation.js - API 文档生成器,支持 ES2015+ 和流注释。
  • jsduck - 为 Sencha JavaScript 框架制作的 API 文档生成器,但也可用于其他框架。
  • codecrumbs是一种可视化工具,用于通过将面包屑放入源代码中来学习和记录代码库。

文件

用于处理文件的库。

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

函数式编程

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

  • 下划线- JavaScript 的实用工具_带。
  • lodash - 一个提供一致性、定制、性能和附加功能的实用程序库。
  • Sugar - 用于处理本机对象的 JavaScript 库。
  • lazy.js - 与 Underscore 类似,但更懒。
  • ramda - JavaScript 程序员的实用函数库。
  • mout - 模块化 JavaScript 实用程序。
  • preludejs - JavaScript 的硬核函数式编程。
  • rambda - Ramda的更快、更小的替代品。
  • fxts - 惰性求值和并发。
  • wild-wild-path - 带有通配符和正则表达式的对象属性路径。
  • sweet-monads - 包含流行 monad 和惰性迭代器的实用程序库。

数据结构

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

  • immutable-js - 不可变数据集合,包括序列、范围、重复、映射、有序映射、集合和稀疏向量。
  • mori - 一个使用 ClojureScript 的持久数据结构并从普通 JavaScript 中支持 API 的库。
  • Buckets - 用 JavaScript 编写的完整、经过充分测试和记录的数据结构库。
  • hashmap - 支持任何类型键的简单哈希图实现。
  • ngraph.graph - javascript 中的图形数据结构。
  • js-sdsl - 参考c++ stl实现的javascript标准数据结构库,支持c++双向迭代器模式。

日期

日期库。

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

字符串

字符串库。

  • voca - 终极 JavaScript 字符串库
  • 选择- 允许您访问用户选择的文本的库。
  • 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 - 适用于 Node.js 的超快速符合规范的 URL 解析器状态机。

数字

  • Numeral-js - 用于格式化和操作数字的 JavaScript 库。
  • opportunity.js - JavaScript 中的随机生成器助手。可以生成数字、字符串等。
  • 里程表- 轻松平滑地转换数字。
  • accounting.js - 一个轻量级的 JavaScript 库,用于数字、货币和货币格式设置 - 完全可本地化,零依赖。
  • Money.js - 一个小型(1kb)JavaScript 货币转换库,适用于 Web 和 NodeJS。
  • Fraction.js - JavaScript 有理数库。
  • Complex.js - JavaScript 的复数库。
  • Polynomial.js - JavaScript 的多项式库。
  • Quaternion.js - JavaScript 的四元数库

存储

  • store.js - 适用于所有浏览器的 LocalStorage 包装器,无需使用 cookie 或 flash。在底层使用 localStorage、globalStorage 和 userData 行为。
  • localForage - 离线存储,已改进。使用简单但功能强大的 API 包装 IndexedDB、WebSQL 或 localStorage。
  • jStorage - jStorage 是一个简单的键/值数据库,用于在浏览器端存储数据。
  • cross-storage - 跨域本地存储,有权限。
  • 篮子.js - 用于使用 localStorage 缓存和加载脚本的脚本和资源加载器。
  • bag.js - 缓存脚本和资源加载器,类似于篮子.js,但具有额外的 k/v 接口和 localStorage / websql / indexedDB 支持。
  • basil.js - 缺少的 JavaScript 智能持久层。
  • jquery-cookie - 一个简单、轻量级的 jQuery 插件,用于读取、写入和删除 cookie。
  • js-cookie - 一个简单、轻量级的 JavaScript API,用于处理浏览器 cookie。
  • Cookies - JavaScript 客户端 Cookie 操作库。
  • DB.js - 基于 Promise 的 IndexDB 包装库。
  • lawnchair.js - 简单的客户端 JSON 存储。
  • sql.js - SQLite 通过 Emscripten 编译为 JavaScript。
  • pouchdb - 受 Apache CouchDB 启发的 Javascript 数据库,可在浏览器中良好运行.
  • crumbsjs - 一个轻量级的普通 ES6 cookies 和本地存储 JavaScript 库。
  • Awesome-web-storage - 您需要了解的有关客户端存储的所有信息。
  • datavore - 一个用 JavaScript 编写的小型、快速、浏览器内数据库引擎。
  • Hoodie - 离线第一个无需互联网连接即可在浏览器中工作的后端。
  • NeDB - 用于浏览器、nw.js、电子的嵌入式持久数据库。
  • Lovefield - Lovefield 是一个用于网络应用程序的关系数据库,由 Google 提供。
  • Dexie.js - Dexie.js 是 indexedDB 的包装器库。
  • proxy-web-storage - 保持存储值的类型不变并直接更改数组和对象。支持监听更改和设置过期。

颜色

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

国际化和本土化

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

  • i18next - 使用 JavaScript 进行国际化 (i18n) 的简单方法。
  • 多语言- 小型 i18n 帮助程序库。
  • babelfish - i18n 具有人类友好的 API 和内置复数支持。
  • ttag - 基于 ES6 标记模板和古老的 GNU gettext 的现代 javascript i18n 本地化库。
  • attranslate - 用于同步翻译文件的 JavaScript 工具,包括 JSON/YAML/XML 和其他格式。

控制流

  • async - 用于节点和浏览器的异步实用程序。
  • q - 用于在 JavaScript 中制作和编写异步 Promise 的工具。
  • step - 一个异步控制流库,可以轻松地逐步执行逻辑。
  • contra - 具有功能性风格的异步流控制。
  • Bluebird - 功能齐全的承诺库,专注于创新功能和性能。
  • when - 一个可靠、快速的 Promises/A+ 和 when() 实现,以及其他异步好东西。
  • ObjectEventTarget - 提供一个原型,添加对事件侦听器的支持(与浏览器上可用的 DOMElements 中的 EventTarget 的行为相同)。
  • sporadic - 基于 Promise 的可组合并发抽象(例如流、协程和类似 Go 的通道),适用于 Node 和浏览器引擎。

路由

  • director - 用于 JavaScript 的小型同构 URL 路由器。
  • page.js - 受 Express 路由器启发的微型客户端路由器(~1200 字节)。
  • pathjs - 适用于 Web 浏览器的简单、轻量级路由。
  • crossroads - JavaScript 路线。
  • davis.js - 使用 PushState 的 RESTful 可降解 JavaScript 路由。
  • navaid - 浏览器的导航辅助工具(又名路由器),850 字节~!

安全

  • DOMPurify - 仅限 DOM、超快、超容忍 XSS 清理程序,适用于 HTML、MathML 和 SVG。
  • js-xss - 使用白名单指定的配置清理不受信任的 HTML(以防止 XSS)。
  • xss-filters - Yahoo 的安全 XSS 过滤器.
  • sanitize-html - sanitize-html 提供了一个简单的 HTML 清理程序和清晰的 API.

日志

  • 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 的工具,用于创建、测试和学习正则表达式。

语音控制

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

应用程序编程接口

  • axios - 用于浏览器和 Node.js 的基于 Promise 的 HTTP 客户端。
  • 瓶颈- 强大的速率限制器,使节流变得容易。
  • oauth-signature-js - 用于节点和浏览器的 JavaScript OAuth 1.0a 签名生成器。
  • amygdala - 用于 JavaScript 驱动的 Web 应用程序的 RESTful HTTP 客户端。
  • jquery.rest - 一个 jQuery 插件,可轻松使用 RESTful API。
  • Rails Ranger - Ruby on Rails API 的固执己见的 REST 客户端.
  • wretch - 一个围绕 fetch 构建的小型包装器,具有直观的语法。
  • Bearer.sh - 支持 OAuth / API Key / Basic / 等的通用 API 客户端。
  • FarFetch - 现代 Fetch API 包装器,为了简单起见,提供简洁的文件上传。
  • Optic - Optic 自动记录和测试您的 API。
  • SWR - 用于远程数据获取的 React Hooks 库。
  • React Query - 用于在 React 中获取、缓存和更新异步数据的挂钩。
  • SWRV - Vue 的重新验证时陈旧数据获取。
  • Vue Query - 用于在 Vue 中获取、缓存和更新异步数据的挂钩。

流媒体

  • Tailor - 适用于前端微服务的流式布局服务,灵感来自 Facebook 的 BigPipe.

视觉检测

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

机器学习

  • ConvNetJS - JavaScript 中的深度学习。在浏览器中训练卷积神经网络(或普通网络)。
  • DN2A - 数字神经网络架构。
  • Brain.js - JavaScript 中的神经网络。
  • Mind.js - 一个灵活的神经网络库。
  • Synaptic.js - 适用于 Node.js 和浏览器的无架构神经网络库。
  • TensorFlow.js - 用于在浏览器和 Node.js 中训练和部署 ML 模型的 JavaScript 库。
  • ml5.js - 友好的网络机器学习。
  • Synapses - 轻量级跨平台神经网络库。
  • m2cgen - 一种 CLI 工具,用于将经过训练的经典 ML 模型转换为零依赖的本机 JavaScript 代码。

浏览器检测

  • Bowser - 浏览器检测器。

操作系统

  • os.js - 一个开源 Web 桌面平台,具有窗口管理器、应用程序 API、GUI 工具包、文件系统抽象等等。

基准

  • benchmark.js - 一个基准测试库。正如 jsPerf.com 上所使用的。
  • 抹茶- 一种由咖啡因驱动、简单化的基准测试方法。

网络工作者

  • partytown - 将资源密集型第三方脚本从主线程重新定位到 Web Worker 中。
  • comlink - Comlink 是一个小型库(1.1kB),它消除了思考 postMessage 的心理障碍,并隐藏了您正在与工人一起工作的事实。
  • greenlet - 将异步函数移动到它自己的线程中。
  • workerize - 将模块移动到 Web Worker 中,自动将导出的函数反映为异步代理。
  • worker-dom - DOM API 的正在进行的实现,旨在在 Web Worker 中运行。
  • threads.js - 使用一个统一的 API 将 CPU 密集型任务卸载到 Node.js、Web 浏览器和 Electron 中的工作线程。
  • workly - 将函数或类移至网络工作者的一种非常简单的方法。
  • 仓库- 轻松将商店管理工作交给员工。
  • workerpool - 将任务卸载到 Node.js 和浏览器中的工作池。
  • Clooney - Clooney 是一个网络演员库. 使用工人而不考虑工人。

代码高亮

  • Highlight.js - JavaScript 语法荧光笔。
  • PrismJS - 轻量级、健壮、优雅的语法突出显示。

加载状态

用于指示加载状态的库。

  • Mprogress.js - 创建 Google Material Design 进度线性条。
  • NProgress - Ajax'y 应用程序的超薄进度条.
  • Spin.js - 旋转活动指示器。
  • Progress.js - 为页面上的每个对象创建和管理进度条。
  • Progressbar.js - 带有动画 SVG 路径的漂亮且响应灵敏的进度条。
  • pace - 自动向您的网站添加进度条。
  • 顶栏- 微小而美丽的站点范围进度指示器。
  • nanobar - 非常轻量级的进度条。没有 jQuery。
  • PageLoadingEffects - 使用 SVG 动画显示新内容的现代方式。
  • SpinKit - 使用 CSS 动画的加载指示器的集合。
  • Ladda - 带有内置加载指示器的按钮。
  • css-loaders - 使用 CSS 动画的加载旋转器的集合

验证

  • 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 Popover 快速轻松地进行产品浏览.
  • 旅游- 为您的应用程序提供简单、灵活的旅游。
  • hopscotch - 一个框架,使开发人员可以轻松地将产品导览添加到他们的页面。
  • Joyride - jQuery 功能游览插件。
  • focusable - 在 DOM 元素上设置聚光灯焦点,向页面的其余部分添加覆盖层。
  • driver.js - 强大而轻量级的普通 JavaScript 引擎,可驱动用户在页面上的注意力

通知

  • iziToast - 优雅、响应灵敏、灵活且轻量级的通知插件,没有依赖项。
  • Messenger - 为您的应用程序提供咆哮式警报和消息。
  • noty - jQuery 通知插件。
  • pnotify - Bootstrap、jQuery UI 和 Web 通知草案的 JavaScript 通知.
  • toastr - 简单的 JavaScript toast 通知。
  • humane-js - 一个简单、现代的浏览器通知系统。
  • Smoke.js - 用于 JavaScript 的与框架无关的样式警报系统。
  • notie - 简单的通知和输入,没有依赖性。
  • notifire - 产品的开源通知基础设施。
  • toastify-js - 纯 JavaScript 库,提供更好的通知消息。

滑块

  • Swiper - 具有硬件加速转换的移动触摸滑块和框架。
  • slick - 您将需要的最后一个旋转木马。
  • SlidesJs - 是 JQuery(1.7.1+) 的响应式幻灯片插件,具有触摸和 CSS3 转换等功能
  • FlexSlider - 一个很棒的、完全响应式的 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 - 带有自适应彩色图标题和导航的滑块的 jQuery 插件。
  • slidr - 添加一些幻灯片效果。
  • Flickity - 触摸式、响应式、可轻拂的画廊。
  • Glide.js - 响应式且触摸友好的 jQuery 滑块。它简单、轻量且快速。
  • Embla Carousel - 用于网络的可扩展低级轮播,用 TypeScript 编写。

范围滑块

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

表单小部件

输入

  • typeahead.js - 一个快速且功能齐全的自动完成库。
  • tag-it - 一个 jQuery UI 插件,用于处理多标签字段以及标签建议/自动完成。
  • At.js - 将 GitHub 之类的提及自动完成添加到您的应用程序中。
  • Placeholders.js - HTML5 占位符属性的 JavaScript 填充。
  • fancyInput - 使用 CSS3 效果使输入字段中的输入变得有趣。
  • jQuery-Tags-Input - 使用此 jQuery 插件神奇地将简单的文本输入转换为很酷的标签列表。
  • vanilla-masker - 纯 JavaScript 掩码输入。
  • Ion.CheckRadio - 用于设置复选框和单选按钮样式的 jQuery 插件。有皮肤支撑。
  • awesoplete - 超轻量级、可用、漂亮的自动完成功能,零依赖性。- https://projects.verou.me/awesoplete/

日历

  • pickadate.js - 移动友好、响应式且轻量级的 jQuery 日期和时间输入选择器。
  • bootstrap-datepicker - @twitter bootstrap 的日期选择器,从 Stefan Petre (eyecon.ro) 分叉,由 @eternicode 改进.
  • Pikaday - 一个令人耳目一新的 JavaScript 日期选择器 - 轻量级、无依赖、模块化 CSS。
  • fullcalendar - 全尺寸拖放事件日历(jQuery 插件)。
  • rome - 可定制的日期(和时间)选择器。无依赖性、可选的 UI。
  • 日期范围选择器- 创建一个下拉菜单,用户可以从中选择日期范围。
  • Duet Date Picker - Duet Design System 的可访问日期选择器的开源版本,WCAG 2.1 可访问性投诉
  • tui.calendar - 功能齐全的 JavaScript 日程日历。现在您的服务刚刚获得了可定制的日历。

选择

  • selectize.js - Selectize 是文本框和框的混合体<select>。它基于 jQuery,具有自动完成和原生键盘导航功能;对于标记、联系人列表等很有用。
  • select2 - 基于 jQuery 的选择框替代品。它支持搜索、远程数据集和结果的无限滚动。
  • selected - 一个使又长又笨重的选择框变得更加友好的库。

文件上传器

  • jQuery-File-Upload - 文件上传小部件,具有多个文件选择、拖放支持、进度条、验证和预览图像、jQuery 音频和视频。
  • dropzone - Dropzone 是一个易于使用的拖放库。它支持图像预览并显示漂亮的进度条。
  • flow.js - 一个 JavaScript 库,通过 HTML5 文件 API 提供多个同时、稳定、容错和可恢复/可重新启动的文件上传。
  • Fine-uploader - 具有进度条、拖放、直接到 S3 上传的多文件上传插件。
  • FileAPI - 一组用于处理文件的 JavaScript 工具。多重上传、拖放和分块文件上传。图像:通过 EXIF 裁剪、调整大小和自动方向。
  • plupload - 用于处理文件上传的 JavaScript API,它支持多个文件选择、文件类型过滤、请求分块、客户端图像缩放等功能,并使用不同的运行时来实现此目的,例如 HTML 5、Silverlight 和 Flash。
  • filepond - 一个 JavaScript 库,可以上传您扔给它的任何内容,优化图像以加快上传速度,并提供出色的、可访问的、丝般流畅的用户体验。

其他

  • form - jQuery 表单插件。
  • Garlic.js - 自动保留表单文本并在本地选择字段值,直到提交表单。
  • Countable - 一个 JavaScript 函数,用于向 HTML 元素添加实时段落、单词和字符计数。
  • - 通过一行代码使您的信用卡表单变得更好。
  • 拉伸-表单元素自动调整大小,它应该是这样的。
  • 分析- 一个轻量级、可扩展的分析库,旨在与任何第三方分析提供商合作来跟踪页面视图、自定义事件和识别用户。
  • dat.GUI - 一个轻量级 GUI 控制器,用于更改 JavaScript 中的变量。

尖端

  • Tipsy - 适用于 jQuery 的 Facebook 风格工具提示插件.
  • opentip - 基于原型框架的开源 JavaScript 工具提示。
  • qTip2 - 非常强大的工具提示。
  • tooltipster - 一个 jQuery 工具提示插件。
  • simptip - 使用 Sass 制作的简单 CSS 工具提示.
  • toolbar - 工具提示样式工具栏 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 警报的绝佳替代品。
  • SweetAlert2 - JavaScript 警报的绝佳替代品。
  • baguetteBox.js - 用纯 JavaScript 编写的简单易用的灯箱脚本。
  • colorbox - 一个轻量级、可定制的 jQuery 灯箱插件。
  • fancyBox - 一种工具,提供了一种漂亮而优雅的方式来为网页上的图像、html 内容和多媒体添加缩放功能。
  • swipebox - 可触摸的 jQuery 灯箱
  • jBox - jBox 是一个强大而灵活的 jQuery 插件,负责处理所有弹出窗口、工具提示、通知等。
  • lightGallery - 适用于 jQuery 的可定制、模块化、响应式灯箱画廊插件。
  • keukenhof - 轻量级、无依赖项、支持可访问性的 TypeScript 库,用于创建模式窗口。
  • screenfull.js - JavaScript 全屏 API,可让您将页面或任何元素全屏显示。消除了浏览器实现差异,因此您不必这样做。

滚动

  • scrollMonitor - 一个简单快速的 API,用于在滚动时监视元素。
  • 净空- 给你的页面一些净空。隐藏标题直到需要为止。
  • onepage-scroll - 使用 One Page Scroll 插件创建一个类似 Apple 的单页滚动网站(iPhone 5S 网站).
  • iscroll - iScroll 是一个高性能、占用空间小、无依赖、多平台 JavaScript 滚动器。
  • skrollr - 适用于移动设备(Android + iOS)和桌面的独立视差滚动库。没有 jQuery。
  • parallax - 对智能设备的方向做出反应的视差引擎。
  • stellar.js - 视差滚动变得容易。
  • plax - jQuery 支持的视差。
  • jparallax - 用于创建交互式视差效果的 jQuery 插件。
  • fullPage - 一个简单易用的插件,用于创建全屏滚动网站(也称为单页网站)。
  • ScrollMenu - 一个新的界面来取代旧的无聊的滚动条。
  • Clusterize.js - 小型普通 JS 插件,可轻松显示大型数据集。
  • simpleParallax - 简单而小型的 JavaScript 库,可在任何图像上添加视差动画
  • rellax - 黄油般光滑,超轻量级,香草 javascript 视差库。
  • asscroll - 一种混合平滑滚动设置,结合了虚拟滚动的性能增益和本机滚动的可靠性。
  • walk - 通过 javascript 绑定到 dom 的 CSS 列表滚动效果的集合.
  • locomotive-scroll - 检测视口中的元素并以视差平滑滚动。
  • lift.js - 最后,一个“返回顶部”按钮,其行为就像真正的电梯一样。

菜单

  • jQuery-menu-aim - 当用户的光标指向特定下拉菜单项时触发事件的 jQuery 插件。用于制作像亚马逊这样的响应式大型下拉菜单。
  • jQuery contextMenu - 上下文菜单管理器。
  • Slideout - 适用于移动网络应用程序的响应式触摸滑出导航菜单。
  • 滑动和滑动- 与 touchSwipe 库配合使用的滑动滑动菜单。
  • mmenu - 最好的 jQuery 插件,适用于应用程序看起来相似的画布上和画布外菜单,并为您的网站和 Web 应用程序提供滑动子菜单。

表格/网格

  • jTable - 一个 jQuery 插件,用于创建基于 AJAX 的 CRUD 表。
  • DataTables -(jQuery 插件)它是一个高度灵活的工具,基于渐进增强的基础,并将向任何 HTML 表添加高级交互控件。
  • Tabulator - (jQuery 插件)一个极其灵活的库,可以从任何 JSON 数据源或现有 HTML 表创建具有一系列交互功能的表。
  • Bootstrap Table - 流行的 Bootstrap 框架的扩展,用于创建适合您网站风格的表格,无需额外的标记。
  • floatThead - (jQuery 插件)在正文中滚动时锁定任何表格的标题。适用于任何表格,无需自定义 html 或 css。
  • Masonry - 级联网格布局库。
  • Packery - 使用装箱算法的网格布局库。可用于可拖动布局。
  • 同位素- 可过滤、可排序的网格布局库。可以实现Masonry、Packery等布局。
  • flexboxgrid - 基于 CSS3 flexbox 的网格.

构架

  • Semantic UI - 具有大量主题和元素的 UI 套件。
  • w2ui - 一组 jQuery 插件,用于数据驱动的 Web 应用程序的前端开发。
  • Fluidity - 世界上最小的完全响应式 CSS 框架。
  • Ink - SAPO 使用的 HTML5/CSS3 框架,用于快速高效的网站设计和原型设计。
  • DataFormsJS - 一个最小的 JavaScript 框架和独立组件,用于快速开发网站和 SPA。
  • EHTML - HTML 框架,允许您无需编写 JavaScript 代码。

样板文件

  • 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 应用程序。

图片

  • Drift - 轻松地将“悬停缩放”功能添加到您网站的图像中。轻量级、无依赖的 JavaScript。
  • Magnificent.js - 使用 jQuery 响应式缩放、图像等。
  • Panolens.js - Panolens.js 是一个事件驱动且基于 WebGL 的全景查看器。轻便灵活

手势

  • Hammer.js - 用于多点触控手势的 JavaScript 库。
  • touchemulator - 模拟桌面上的触摸输入。
  • Dragula - 拖放如此简单,令人心痛。

地图

  • Leaflet - 用于移动设备友好的交互式地图的 JavaScript 库。
  • Cesium - 开源 WebGL 虚拟地球仪和地图引擎。
  • gmaps - 使用 Google 地图的最简单方法。
  • polymaps - 一个免费的 JavaScript 库,用于在现代网络浏览器中制作动态、交互式地图。
  • kartograph.js - Kartograph SVG 地图的开源 JavaScript 渲染器。
  • mapbox.js - Mapbox JavaScript API,一个 Leaflet 插件。
  • jqvmap - jQuery 矢量地图库。
  • OpenLayers3 - 一个高性能、功能齐全的库,可满足您的所有映射需求。
  • H3js - 六角形分层地理空间索引系统由 Uber 移植到 javascript,用于地理空间可视化。

视频/音频

  • Prettyembed.js - 为您的 YouTube 提供更漂亮的嵌入 - 具有不错的选项,例如高分辨率预览图像、嵌入选项的高级自定义以及可选的 FitVids 支持。
  • Play-em JS - Play'em 是一个 JavaScript 组件,它管理音乐/视频轨道队列,并通过在 HTML DIV 中嵌入多个播放器(包括 Youtube、Soundcloud 和 Vimeo)来播放一系列歌曲。
  • polyplayer - 使用一个 API 统治 YouTube、Soundcloud 和 Vimeo 播放器.
  • flowplayer - 用于网络的 HTML5 视频播放器 https://flowplayer.com/
  • mediaelement - HTML5 或
  • SoundJS - 一个使网络上的音频处理变得更容易的库。它为在不同浏览器中播放音频提供了一致的API。
  • video.js - Video.js - 开源 HTML5 和 Flash 视频播放器。
  • FitVids.js - 一个轻量级、易于使用的 jQuery 插件,用于流体宽度视频嵌入。
  • Ion.Sound - 任何网页上的简单声音。
  • photobooth-js - 一个小部件,允许用户在您的网站上拍摄他们的头像照片。
  • clappr - 用于网络的可扩展媒体播放器http://clappr.io
  • exifr - 最快、最通用的 EXIF 读取库。https://mutiny.cz/exifr/
  • ts-audio - 一个与 API 无关且易于使用的库AudioContext
  • AmplitudeJS - 开源 HTML5 Web 音频库。按照您想要的方式设计您的网络音频播放器。无需依赖。
  • ractive-player - 用于在 React.js 中制作交互式视频的库。
  • ffmpeg.js - FFmpeg 针对浏览器内使用进行了优化:最小尺寸以加快加载速度、asm.js、性能调整等。
  • flv.js - 用纯 JavaScript 编写的 HTML5 Flash 视频 (FLV) 播放器,不含 Flash。
  • hls.js - 一个实现 HTTP Live Streaming 客户端的 JavaScript 库。它依赖 HTML5 视频和 MediaSource Extensions 进行播放。

版式

  • FlowType.JS - 最好的 Web 排版:基于元素宽度的字体大小和行高。
  • BigText - jQuery 插件,计算将文本行与特定宽度匹配所需的字体大小和字间距。
  • Circletype - 一个 jQuery 插件,可让您在 Web 上进行曲线输入。
  • labText - 一个 jQuery 插件,用于生成大的、粗体的和响应式的标题。
  • simple-text-rotator - 将超级简单的旋转文本添加到您的网站,几乎没有标记。
  • novacancy.js - 文本霓虹金色效果 jQuery 插件。
  • jquery-responsive-text - 使您的文本大小调整响应!
  • FitText.js - 一个用于扩展 Web 类型的 jQuery 插件。
  • Lettering.js - 一个轻量级、易于使用的 JavaScript<span>注入器,用于激进的 Web 排版。

动画

  • velocity - 加速 JavaScript 动画。
  • jquery.transit - jQuery 的超平滑 CSS3 转换和过渡。
  • ounce.js - 立即创建美味的 CSS3 动画。
  • GreenSock-JS - 适用于所有主要浏览器的高性能 HTML5 动画。
  • TransitionEnd - TransitionEnd 是一个不可知的跨浏览器库,用于处理转换事件。
  • Dynamic.js - 用于创建基于物理的 CSS 动画的 JavaScript 库。
  • the-cube -The Cube 是 CSS3 过渡的实验。
  • Efeckt.css - 高性能过渡和动画库。
  • animate.css - CSS 动画的跨浏览器库。使用起来就像一件简单的事情一样简单。
  • textillate - CSS3 文本动画的简单插件。
  • move.js - CSS3 支持的 JavaScript 动画框架。
  • 可动画- 一个属性,两个值,无限的可能性。
  • shuffle-images - 以创意方式随机播放图像的最简单方法。
  • smoothState.js - 使用 jQuery 实现不显眼的页面转换。
  • Anime.js - JavaScript 动画引擎。
  • Mo.js - 网络动态图形工具带。
  • keywords.js - 用于创建粒子的轻量级 JavaScript 库。
  • tsParticles - 粒子.js 的新改进版本,具有错误修复和许多新功能。
  • keywords-bg - 一个轻量级的 React 粒子动画背景组件。
  • barbajs - 它可以帮助您在网站页面之间创建流畅且平滑的过渡。
  • 典型js - JavaScript 的约 400 字节 🐡 的动画输入
  • AutoAnimate - 使用一行代码向您的应用程序添加动画。

图像处理

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

ES6

发电机

  • Gatsby.js - 基于 React 的静态站点生成器。
  • Gridsome - Vue 驱动的静态站点生成器。
  • Docusaurus - Facebook 基于 React 的静态站点生成器,非常适合以内容为中心的网站。
  • Next.js - React 支持的静态站点生成器,他们说“让 Web 变得更快所需的所有工具。”。

软件开发工具包

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

全文搜索

  • lunr - 在浏览器中使用的库,它索引 JSON 文档,并提供一个简单的搜索界面,用于检索与文本查询最匹配的文档。
  • flexsearch - 它是浏览器和 Node.js 的下一代全文搜索库。
  • Elasticlunr - 该库基于 lunr.js,但更加灵活和定制。

杂项

  • echo - 延迟加载具有 data-* 属性的图像。
  • picturefill - 用于 、srcset、尺寸的响应式图像填充。
  • platform.js - 一个平台检测库,适用于几乎所有 JavaScript 平台。
  • json3 - 与几乎所有 JavaScript 平台兼容的现代 JSON 实现。
  • 逻辑与否- 一个关于 JavaScript 特性的游戏。
  • BitSet.js - JavaScript 位向量实现。
  • 剧透警告- 剧透警告!一个快乐的小 jquery 插件,可以在您的网站上隐藏剧透。
  • jquery.vibrate.js - 振动 API 包装器
  • list.js - 为表格、列表和各种 HTML 元素添加搜索、排序、过滤器和灵活性。构建为不可见并可在现有 HTML 上工作。 https://listjs.com
  • mixitup -MixItUp - 过滤和排序插件.
  • grid - 用于二维、可调整大小和响应式列表的拖放库。
  • jquery-match-height - jQuery 的响应式等高插件。
  • SurveyJS - SurveyJS 是一个 JavaScript 调查和表单库。https://surveyjs.io/
  • 数组资源管理器对象资源管理器- 帮助确定在任何给定时间最好使用哪种本机 JavaScript 方法的资源。
  • Clipboard.js - “复制到剪贴板”,无需 Flash 或使用框架。
  • ky - 基于浏览器 Fetch API 的小型且优雅的 HTTP 客户端。
  • Fcal - 数学表达式计算器。
  • emoji-button - Vanilla JavaScript 表情符号选择器组件.
  • iooxa - 用于交互式科学写作、反应性文档和探索性解释的组件。
  • Idyll - 创建可探索的解释和交互式讲故事的文章。可以嵌入 HTML 中
  • javascript-algorithms - 用 JavaScript 实现的算法和数据结构,带有解释和进一步阅读的链接。
  • FingerprintJS - 根据浏览器指纹创建访问者标识符,该标识符在隐身模式下以及清除浏览器数据时保持不变。
  • Peg.js - 一个简单的 JavaScript 解析器生成器,可生成具有出色错误报告的快速解析器。可通过浏览器、命令行或 JavaScript API 使用。
  • lune - 准确计算月相的库。
  • jsemu - 用 JavaScript 编程语言编写的模拟器列表。

值得一读

  • You Dont Know JS - 可能是用现代 JavaScript 编写的最好的书,完全免费在线阅读,或者可以购买来支持作者。
  • braziljs/js-the-right-way - 易于阅读的快速参考,涉及 JS 最佳实践、公认的编码标准和 Web 链接。
  • JSbooks - 免费 JavaScript 电子书目录。
  • Superhero.js - 有关创建、测试和维护大型 JavaScript 代码库的资源集合。
  • SJSJ - 简化的 JavaScript 术语是社区驱动的尝试,旨在用几个简单的单词解释当前 JavaScript 生态系统中的大量流行语。
  • 如何编写开源 JavaScript 库- 通过一系列步骤发布 JavaScript 开源库的综合指南。
  • JavaScript 教程- 从各种用户排名的在线教程中在线学习 Javascript。
  • Function-Light JavaScript - JavaScript 中的实用、平衡的 FP.
  • Clean Code JavaScript - 适用于 JavaScript 的干净代码概念.

其他很棒的清单

其他

网站 描述
链接 淘宝mock数据

About

web 相关技术总结和清单列表

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published