JavaScript资源大全中文版(Awesome最新版)

Awesome系列的JavaScript资源整理。awesome-javascript是sorrycc发起维护的 JS 资源列表,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等。

前端MVC框架与库

  • angular.js - 前端MVVM框架,支持双向绑定,实现MVC架构,增强Web应用
  • aurelia -用于移动,桌面和网络的Javascript客户端框架。
  • backbone -给你的JS应用程序一些Backbone与模型,视图,集合和事件。
  • batman.js -Rails开发人员最好的JavaScript框架。  
  • ember.js -用于创建有抱负的Web应用程序的JavaScript框架
  • meteor -一个超简单的数据库,无处不在,数据在线,纯JavaScript的Web框架。
  • ractive -下一代DOM操作。
  • vue - 直观,快速,可组合的MVVM,用于构建交互式界面。
  • knockout -Knockout可以通过JavaScript创建丰富的响应式用户界面更容易。
  • spine - 用于构建JavaScript应用程序的轻量级MVC库。
  • espresso.js -用于创建用户界面的最小JavaScript库。
  • canjs -可以做JS,更好,更快,更简单.
  • react - 可以做JS,更好,更快,更容易的建立用户界面的库。 它具有声明性,高效性和极其灵活性。 使用虚拟DOM.
  • preact - 快速3kb反应替代与相同的ES6 API。 组件和虚拟DOM。
  • nativescript -使用JavaScript构建真正的本地跨平台iOS和Android应用程序
  • react-native -使用React构建本机应用程序的框架.
  • riot -反应式库,但体积非常小。
  • thorax -加强你的骨干
  • chaplin - 使用Backbone.js库的JavaScript应用程序架构。
  • marionette - 用于Backbone.js的复合应用程序库,旨在简化大型JavaScript应用程序的构建。
  • ripple -构建反应式意见的微小基础。
  • rivets - 轻量级和强大的数据绑定+模板解决方案。
  • derby - MVC框架使得易于编写在Node.js和浏览器中运行的实时协作应用程序。
  • way.js -简单,轻便,持久的双向数据绑定。
  • mithril.js - Mithril是一个客户端MVC框架(轻量级,强大,快速)
  • jsblocks -jsblocks是更好的MV-ish框架。
  • LiquidLava - 用于构建用户界面的透明MVC框架。
  • feathers - 一个用于未来应用程序的简约实时JavaScript框架。
  • Keo - 功能无状态使用Shadow DOM支持的React组件。

Package Managers

Host the javascript libraries and provide tools for fetching and packaging them.功能无状态使用Shadow DOM支持的React组件。

  • npm -npm是javascript的包管理器。
  • Bower -网络的软件包管理器。
  • component - 客户端软件包管理,用于构建更好的Web应用程序。
  • spm - 全新的静态包管理器。
  • jam -一个使用浏览器和RequireJS兼容存储库的软件包管理器。
  • jspm -无摩擦浏览器包管理。
  • Ender - 没有图书馆的图书馆。
  • volo -从模板创建前端项目,添加依赖关系,并自动生成项目。
  • Duo -新一代的软件包管理器将Component,Browserify和Go中的最佳创意融合在一起,使组织和编写前端代码变得更加轻松无痛。
  • yarn -快速,可靠和安全的依赖关系管理。

Loaders

Module or loading system for JavaScript.模块或加载系统的JavaScript。

  • RequireJS -用于JavaScript的文件和模块加载程序。
  • browserify - 浏览器端需要()node.js的方式。
  • SeaJS - Web的模块加载程序。
  • HeadJS - 唯一的脚本在你的头。
  • curl - 一个小型,快速,可扩展的模块加载程序,可处理AMD,CommonJS Modules / 1.1,CSS,HTML /文本和传统脚本。
  • lazyload -微小的,无依赖关系的异步JavaScript和CSS加载器。
  • script.js - 异步JavaScript加载器和依赖管理器。
  • systemjs -AMD,CJS&ES6规格兼容模块装载机。
  • LodJS -基于AMD的模块装载机
  • ESL -模块加载器浏览器首先支持懒惰定义和AMD。
  • modulejs -轻量级JavaScript模块系统。

Bundlers

  • browserify -Browserify可以通过捆绑您的所有依赖项在浏览器中要求('模块')。
  • webpack - 为浏览器打包CommonJs / AMD模块。
  • Rollup -下一代ES6模块捆绑器。
  • Brunch -快速的前端Web应用程序构建工具与简单的声明性配置。

Testing Frameworks

Frameworks 快速的前端Web应用程序构建工具与简单的声明性配置。

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

Assertion 断言

  • chai -用于node.js和可与任何测试框架配对的浏览器的BDD / TDD断言框架。
  • Enzyme -Enzyme是用于React的JavaScript测试工具,可以更容易地断言,操作和遍历您的React Components的输出。
  • Sinon.JS - 测试间谍,存根和嘲笑JavaScript。
  • expect.js - Node.JS和浏览器的极简BDD风格断言。

Coverage 覆盖范围

  • istanbul - 另一个JS代码覆盖工具。
  • 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的下一代代码测试堆栈。
  • yolpo - 浏览器中的语句化语句JavaScript解释器。

QA Tools QA工具

  • JSHint - JSHint是一个帮助您检测JavaScript代码中的错误和潜在问题的工具。
  • jscs - JavaScript代码样式检查器。
  • jsfmt -用于格式化,搜索和重写JavaScript。
  • jsinspect -检测复制粘贴和结构相似的代码.
  • buddy.js - JavaScript的魔法号检测
  • ESLint - 一种完全可插入的工具,用于识别和报告JavaScript中的模式。
  • JSLint - 高标准,严格和认真的代码质量工具,旨在保持语言的很好的部分。

Node-Powered CMS Frameworks 节点供电的CMS框架

Templating Engines 模板发动机

Templating engines allow you to perform string interpolation.模板引擎允许您执行字符串插值。

  • mustache.js - JavaScript中使用{{mustaches}}的最小模板。
  • handlebars.js - 对小胡子模板语言的扩展。
  • hogan.js -一个编译器为髭模板语言.
  • doT - Nodejs和浏览器中最快的简洁的JavaScript模板引擎。
  • dustjs -用于浏览器和node.js.的异步模板
  • eco -嵌入式CoffeeScript模板。
  • JavaScript-Templates - <1KB轻量级,快速强大的JavaScript模板引擎,具有零依赖性。
  • t.js -一个小巧的javascript模板框架在〜400字节gzip压缩。
  • Jade - 比较好的,功能丰富的模板引擎为nodejs。
  • EJS -有效的JavaScript模板。
  • xtemplate -用于节点和浏览器的可扩展模板引擎lib
  • marko -一个快速,轻量级的基于HTML的模板引擎,用于Node.js,浏览器具有异步,流式传输,自定义标签和CommonJS模块作为编译输出。
  • swig - 一个简单,强大和可扩展的Node.js和基于浏览器的JavaScript模板引擎。

Articles and Posts 文章和帖子

Data Visualization 数据可视化

Data visualization tools for the web.数据可视化工具。

  • d3 - HTML和SVG的JavaScript可视化库。
  • pykcharts.js - 精心设计的d3.js图表没有复杂的d3.js.
  • three.js - JavaScript 3D库。
  • Chart.js -使用标签的简单HTML5图表。
  • paper.js -瑞士军刀矢量图形脚本 - Scriptographer移植到JavaScript和浏览器,使用HTML5画布。
  • fabric.js - JavaScript画布库,SVG到画布(&canvas-to-SVG)解析器。
  • peity - 进度条,线和饼图.
  • raphael - JavaScript矢量库。
  • echarts - 企业图表。
  • vis - 动态的,基于浏览器的可视化库。
  • two.js -一个渲染器不可知的二维绘图api的网页。
  • g.raphael - 拉斐尔图表。
  • sigma.js - 一个专门用于图形绘制的JavaScript库。
  • arbor - 使用web工作者和jQuery的图形可视化库。
  • cubism - 一个用于可视化时间序列的D3插件。
  • dc.js -使用d3.js渲染的交叉过滤器来构建多维图表
  • vega - 可视化语法
  • processing.js - Processing.js使您的数据可视化工作使用Web标准并且没有任何插件
  • envisionjs - 动态HTML5可视化
  • rickshaw -用于创建交互式实时图形的JavaScript工具包。
  • flot - jQuery有吸引力的JavaScript图表。
  • morris.js - 漂亮的时间线图。
  • nvd3 -为d3.js.构建可重用的图表和图表组件
  • svg.js - 用于操纵和动画SVG的轻量级库。
  • heatmap.js - 适用于HTML5画布的热图的JavaScript库。
  • jquery.sparkline -用于jQuery JavaScript库的插件可以直接在浏览器中生成小型的sparkline图表。
  • xCharts - 用于构建自定义图表和图形的基于D3的库。
  • trianglify -低聚多样式背景生成器与d3.js
  • d3-cloud - 在JavaScript中创建词云。
  • d4 -D3的友好可重用图表DSL。
  • dimple.js - 由d3提供业务分析的简易图表
  • chartist-js - 简单的响应图表。
  • epoch -一个通用的实时图表库。
  • c3 - 基于D3的可重用图表库。
  • BabylonJS - 使用HTML 5和WebGL构建3D游戏的框架。
  • recharts -使用React和D3构建的重新定义的图表库

There're also some great commercial libraries, like amchart, anychart, plotly, and highchart.还有一些伟大的商业图书馆,如amchart,anychart,plotly和highchart。

Timeline 时间线

  • TimelineJS - 一个内置JavaScript的讲故事时间表。
  • timesheet.js - 简单的HTML5和CSS3时间表的JavaScript库。

Spreadsheet 电子表格

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

Editors 编辑

  • ace -ACE(Ajax.org CLOUD9编辑器)。
  • CodeMirror -浏览器代码编辑器。
  • esprima - 用于多用途分析的ECMAScript解析基础架构。
  • quill - 具有API的跨浏览器富文本编辑器。
  • medium-editor - Medium.com WYSIWYG编辑器克隆.
  • pen -享受现场编辑(+降价)。
  • jquery-notebook -一个简单,干净,优雅的文字编辑器。 受到“中等”的启发。
  • bootstrap-wysiwyg - Tiny Bootstrap兼容WYSIWYG富文本编辑器。
  • ckeditor-releases -最好的网页文字编辑器给大家。
  • editor - 一个降价编辑器。 仍在发展
  • EpicEditor - 可嵌入的JavaScript Markdown编辑器,具有分屏全屏编辑,实时预览,自动草稿保存,离线支持等功能。
  • jsoneditor - 用于查看,编辑和格式化JSON的基于Web的工具。
  • vim.js - 具有持久性〜/ .vimrc的Vim的JavaScript端口
  • Squire -HTML5富文本编辑器。
  • TinyMCE -JavaScript Rich Text编辑器。
  • trix - 一个丰富的文字编辑器,用于日常写作。
  • Trumbowyg - 一个轻量级和惊人的所见即所得的JavaScript编辑器。
  • Draft.js - 一个构建文本编辑器的反应框架。
  • bootstrap-wysihtml5 - 简单,美丽的wysiwyg编辑
  • wysihtml5 - 基于HTML5的开源富文本编辑器和渐进增强方法。 使用复杂的安全概念,旨在通过防止不可维护的标签汤和内联样式来生成完全有效的HTML5标记。
  • raptor-editor -Raptor,HTML5 WYSIWYG内容编辑器!
  • popline - Popline是一个HTML5 Rich-Text-Editor工具栏

Documentation文件

  • DevDocs 是一个一体化的API文档读取器,具有快速,有组织和一致的界面。
  • dexy 是一种免费形式的识字文档工具,用于编写包含代码的任何类型的技术文档。
  • docco 是一个快速而肮脏的百行长文字编程式文档生成器。
  • styledocco 从您的样式表生成文档和样式指南文档。
  • Ronn 建立手册。 它将简单,可读的文本文件转换为终端显示的屋顶,并将其转换为HTML。
  • dox 是用节点编写的JavaScript文档生成器。 Dox不再为您的文档生成一个有意见的结构或样式,它只是给您一个JSON表示,允许您使用markdown和JSDoc样式的标签。
  • jsdox 是一个JSDoc3到Markdown文档生成器。
  • YUIDoc 是一个Node.js应用程序,它使用类似于Javadoc和Doxygen等工具的语法从源代码生成API文档。
  • coddoc 是一个jsdoc解析库。 Coddoc的不同之处在于,通过允许用户通过使用coddoc.addTagHandler和coddoc.addCodeHandler来添加标签和代码解析器,这是很容易扩展的。 coddoc还解析要用于API的源代码
  • sphinx 一种可以轻松创建智能和美观文档的工具
  • Using JSDoc使用JSDoc
  • Beautiful docs是基于markdown文件的文档查看器。
  • documentation.js - API文档生成器,支持ES2015 +和流注释。
  • jsduck - 用于Sencha JavaScript框架的API文档生成器,但也可以用于其他框架。

Files 文件

Libraries for working with files.用于处理文件的库。

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

Functional Programming功能编程

Functional programming libraries to extend JavaScript’s capabilities.功能性编程库来扩展JavaScript功能。

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

Reactive Programming反应式编程

Reactive programming libraries to extend JavaScript’s capabilities.反应式编程库可扩展JavaScript功能。

  • RxJs - JavaScript的反应扩展。
  • Bacon -用于Javascript的FRP(功能反应式编程)库。
  • Kefir -由Bacon.js和RxJS启发的JavaScript的FRP库,专注于高性能和低内存消耗。
  • Highland - 重新思考JavaScript实用带,Highland轻松地管理同步和异步代码,只使用标准的JavaScript和节点式流。
  • Most.js -高性能FRP库。
  • MobX - TFRP库简单,可扩展的状态管理。
  • Cycle.js - 一个用于更清晰代码的功能和活动的JavaScript库。

Data Structure数据结构

Data structure libraries to build a more sophisticated application.数据结构库构建更复杂的应用程序。

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

Date日期

Date Libraries.日期库。

  • moment -在javascript中解析,验证,操作和显示日期。
  • moment-timezone - 时区支持moment.js。
  • jquery-timeago -一个jQuery插件,可以轻松支持自动更新模糊时间戳(例如“4分钟前”)。
  • timezone-js - 启用时区启用的JavaScript Date对象。 使用Olson zoneinfo文件进行时区数据。
  • date - Date()为人类。
  • ms.js - 微小的毫秒转换实用程序。
  • countdown.js - 超级简单的倒计时
  • timeago.js - 简单的库(小于2kb)用于格式化日期与***前面的语句。
  • fecha -轻量级日期格式化和解析(〜2KB)。 替代moment.js的解析和格式化功能。

String串

String Libraries.字符串库。

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

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的多项式库

Storage存储

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

Color颜色

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

I18n And L10n

Localization (l10n) and internationalization (i18n) JavaScript libraries.本地化(l10n)和国际化(i18n)JavaScript库。

  • i18next -国际化(i18n)用javascript这个简单的方法。
  • polyglot - 微型i18n助手库。
  • babelfish - i18n具有人性化的API,并以复数形式支持。

Class类

  • ClassManager - 世界上最快捷,最方便的班级系统之一。
  • klass - 用于在JavaScript中创建表达式类的实用程序。
  • augment - 世界上最小和最快的古典JavaScript继承模式。

Control Flow控制流程

  • async - 节点和浏览器的Async实用程序。
  • q -在JavaScript中制作和撰写异步承诺的工具。
  • step - 一个异步控制流程库,使步进逻辑容易。
  • contra -具有功能味道的异步流量控制。
  • Bluebird -全功能的承诺图书馆,专注于创新的功能和性能。
  • when - 一个坚实,快速的Promises / A +和when()实现,加上其他异步的好东西
  • ObjectEventTarget - 翻译时出错提供一个原型,为事件监听器添加支持(与浏览器上可用的DOMElements相同的EventTarget行为)。

Routing路由

  • director - 一个用于JavaScript的小型和同构的URL路由器.
  • page.js -微型客户端路由器灵感来自Express路由器(〜1200字节)。
  • pathjs -Web浏览器的简单,轻便的路由。
  • crossroads - JavaScript路由
  • davis.js - 使用pushState的RESTful可降解JavaScript路由。

Security安全

  • DOMPurify - 用于HTML,MathML和SVG的仅DOM,超快速,耐用的XSS消毒剂。
  • js-xss - 使用白名单指定的配置消除不可信HTML(以防止XSS)。
  • xss-filters - 安全的XSS过滤器由雅虎

Log日志

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

RegExp在线正则表则式

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

Voice Command语音命令

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

API

  • bottleneck - 一个强大的速率限制器,使节流容易。
  • oauth-signature-js - 用于节点和浏览器的JavaScript OAuth 1.0a签名生成器。
  • amygdala - 用于JavaScript供电的Web应用程序的RESTful HTTP客户端。
  • jquery.rest - 一个易于使用RESTful API的jQuery插件。

Streaming流媒体

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

Vision Detection视觉检测

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

Machine Learning机器学习

  • ConvNetJS - 在Javascript中深入学习 在浏览器中训练卷积神经网络(或普通神经网络)。
  • DN2A -数字神经网络架构。
  • Brain.js - JavaScript中的神经网络
  • Mind.js -灵活的神经网络库。
  • Synaptic.js - 用于node.js和浏览器的无架构神经网络库。

Browser Detection浏览器检测

Benchmark基准测试

  • benchmark.js - 一个基准图书馆。 在jsPerf.com上使用。
  • matcha - 咖啡因驱动,简单化的基准测试方法。咖啡因驱动,简单化的基准测试方法。

Code highlighting代码高亮

Loading Status加载状态

Libraries for indicate load status.用于指示加载状态的库。

  • Mprogress.js - 创建Google Material Design进度线性条。
  • NProgress -Ajaxyy应用程序的细长进度条。
  • Spin.js - 纺纱活动指标
  • progress.js -为页面上的每个对象创建和管理进度条。
  • progressbar.js - 使用动画SVG路径的美丽而敏感的进度条。
  • pace - 自动向您的网站添加进度条。
  • topbar - 微小而美观的全方位进度指标。
  • nanobar -非常轻量级的进度条。
  • PageLoadingEffects - 使用SVG动画显示新内容的现代方式。
  • SpinKit - 使用CSS动画化的加载指示器的集合。
  • Ladda - 内置负载指示灯按钮。
  • css-loaders - 一系列加载旋转动画与CSS

Besides libraries, there're Collection on Codepen, and generators like Ajaxload, Preloaders and CSSLoad.除了库之外,还有Codepen系列,Ajaxload,Preloaders和CSSLoad等生成器。

Validation验证

  • Parsley.js - 验证您的表单,前端,而无需编写单行JavaScript。
  • jquery-validation -jQuery验证插件。
  • validator.js - 字符串验证和消毒。
  • validate.js -轻巧的JavaScript表单验证库灵感来自CodeIgniter。
  • validatr - 跨浏览器HTML5表单验证
  • FormValidation - 用于验证表单字段的最佳jQuery插件。 以前的BootstrapValidator.
  • is.js - 检查类型,正则表达式,在线状态,时间等.
  • FieldVal - 多用途验证库。 支持同步和异步验证。

Keyboard Wrappers键盘包装机

  • mousetrap - 用于处理Javascript中键盘快捷键的简单库。
  • keymaster - 一个用于定义和调度键盘快捷键的简单的微型库。
  • Keypress - 键盘输入捕获实用程序,其中任何键可以是修饰键。
  • KeyboardJS - 一个用于绑定键盘组合的JavaScript库,而没有关键代码和关键组合冲突的痛苦
  • jquery.hotkeys - jQuery热键可让您随时随地观看键盘事件,支持几乎任何组合键。
  • jwerty -令人称赞的处理键盘事件。

Tours And Guides旅游指南

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

Notifications通知

  • messenger - 您的应用程序的咆哮式警报和消息。
  • noty - jQuery通知插件。
  • pnotify - Bootstrap,jQuery UI和Web通知草案的JavaScript通知。
  • toastr - 简单的JavaScript吐司通知。
  • humane-js - 一个简单而现代的浏览器通知系统。
  • smoke.js -框架不可知的风格的JavaScript提醒系统。
  • notie -简单的通知和输入,无依赖关系。

Sliders滑块

  • Swiper -移动触摸滑块和框架与硬件加速转换。
  • slick - 你将需要的最后一个旋转木马。
  • slidesJs -是适用于JQuery(1.7.1+)的幻灯片插件插件,具有触摸和CSS3转换等功能
  • FlexSlider - 一个真棒,完全响应的jQuery滑块插件。
  • unslider - 最简单的jQuery滑块有。
  • sly -用于单向滚动的JavaScript库,具有基于项目的导航支持。
  • vegas - 翻译时出错一个jQuery插件,为您的网页添加美丽的全屏背景。 它甚至允许幻灯片。
  • Sequence - 用于创建响应式滑块,演示文稿,横幅和其他基于步骤的应用程序的CSS动画框架。
  • reveal.js - 一个使用HTML轻松创建精美演示文稿的框架。
  • impress.js -这是一个基于CSS3转换和现代浏览器转换的强大功能的演示框架,并受到prezi.com背后的启发。
  • bespoke.js - DIY演示微框架
  • Strut - Strut - Impress.js和Bespoke.js演示编辑器
  • PhotoSwipe - JavaScript图像库用于移动和桌面,模块化,框架独立。
  • jcSlider - 一个响应式滑块jQuery插件与CSS动画。
  • basic-jquery-slider - 使用简单,主题简单,易于定制。
  • jQuery.adaptive-slider - 用于具有自适应彩色figcaption和导航的滑块的jQuery插件
  • slidr - 添加一些幻灯片效果。
  • Flickity - 触摸,响应,闪烁的画廊。
  • Glide.js - 响应和触摸友好的jQuery滑块。
  • jQuery.adaptive-slider - 用于具有自适应彩色figcaption和导航的滑块的jQuery插件。

Range Sliders范围滑块

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

Form Widgets窗体小部件

Input输入

Calendar日历

  • pickadate.js - 适合移动设备的响应速度很轻巧的jQuery日期和时间输入选择器。
  • bootstrap-datepicker - 来自Stefan Petre's(by eyecon.ro)的@twitter引导程序的一个datepicker,由@eternicode改进。
  • Pikaday - 一个清爽的JavaScript Datepicker - 轻量级,没有依赖关系,模块化的CSS。
  • fullcalendar - 全尺寸拖放事件日历(jQuery插件)。
  • rome - 可定制的日期(和时间)选择器。 不依赖关系,选择加入的用户界面。
  • datedropper - datedropper是一个jQuery插件,提供了一种快速简单的方式来管理输入字段的日期。

Select选择

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

File Uploader文件上传器

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

Other其他

  • form -jQuery表单插件。
  • Garlic.js -自动保留表单的文本,并在本地选择字段值,直到表单提交。
  • Countable - 一个JavaScript函数,用于向HTML元素添加实时的段落,字和字符计数。
  • card - 使您的信用卡在一行代码中更好地形成。
  • stretchy - 表单元素自动调整,应该是这样。

Tips提示

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

Modals and Popups模式和弹出窗口

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

Scroll滚动

  • scrollMonitor - 一个简单快速的API,用于在您滚动时监视元素。
  • headroom - 给你的页面一些空白。
  • onepage-scroll -创建一个类似苹果的单页滚动网站(iPhone 5S网站)与一页滚动插件。
  • iscroll -iScroll是一个高性能,小尺寸,无依赖关系,多平台JavaScript滚动。
  • skrollr - 用于移动(Android + iOS)和桌面的独立视差滚动库。 没有jQuery。
  • parallax -视觉引擎对智能设备的方向做出反应。
  • stellar.js - 视差滚动变得容易。
  • plax -jQuery动力视差。
  • jparallax -用于创建交互式视差效果的jQuery插件。
  • fullPage -一个简单易用的插件来创建全屏滚动网站(也称单页网站)。
  • ScrollMenu -一个新的界面来代替旧无聊的滚动条。
  • Clusterize.js - Tiny vanilla JS插件轻松显示大数据集。

Menu菜单

  • jQuery-menu-aim - jQuery插件在用户的光标位于特定的下拉菜单项时触发事件。 用于制作响应式的大型下拉菜单,如亚马逊。
  • jQuery contextMenu - 上下文菜单管理器
  • Slideout - 针对移动网络应用的响应式触摸滑出导航菜单。
  • Slide and swipe -与touchSwipe库一起使用的滑动滑动菜单。

Table/Grid  表/网格

  • jTable - 一个用于创建基于AJAX的CRUD表的jQuery插件。
  • DataTables - (jQuery插件)它是一个高度灵活的工具,基于渐进增强的基础,并将添加高级交互控件到任何HTML表。
  • floatThead -(jQuery插件)在身体内滚动时锁定任何表的标题。 适用于任何表格,不需要自定义的HTML或CSS。
  • Masonry - 级联网格布局库。
  • Packery - 使用二进制包装算法的网格布局库。 适用于可拖动布局。
  • Isotope - 一个可过滤的,可排序的网格布局库。 可以实施砖石,包装和其他布局。
  • flexboxgrid -基于CSS3 flexbox的网格

Frameworks构架

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

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运行脚本进行任务自动化。使用NPM运行脚本进行任务自动化。

Gesture手势

Maps地图

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

Video/Audio视频/音频

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

Typography排版

  • FlowType.JS - 最好的网页排版:基于元素宽度的font-size和line-height。
  • BigText - jQuery插件,计算将一行文本匹配到特定宽度所需的字体大小和字间距。
  • circletype - 一个jQuery插件,可以让您在网络上进行曲线
  • slabText - 一个jQuery插件,用于制作大而大胆和敏感的标题
  • simple-text-rotator -添加一个超简单的旋转文本到您的网站,几乎没有标记
  • novacancy.js -文本霓虹黄金效果jQuery插件。
  • jquery-responsive-text - 使您的文本大小响应!
  • FitText.js - 一个用于充气web类型的jQuery插件
  • Lettering.js - 一个轻量级,易于使用的Javascript <span>注入器,用于激进的Web排版

Animations动画

Image Processing图像处理

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

ES6

SDK

  • javascript-sdk-design - Javascript SDK设计指南从工作和个人经验中提取出来
  • Spotify SDK - 面向实体的SDK可以与Spotify Web API协同工作。

Misc杂项

  • echo - 懒惰加载带有data- *属性的图像。
  • picturefill - 适用于<picture>,srcset,尺寸的响应图像polyfill。
  • platform.js - 一个平台检测库,可以在几乎所有的JavaScript平台上工作。
  • json3 - 几乎所有JavaScript平台兼容的现代JSON实现。
  • Logical Or Not - 关于JavaScript特性的游戏。
  • BitSet.js - JavaScript位向量实现
  • spoiler-alert - SPOILER ALERT! 一个快乐的小jQuery插件,以隐藏您的网站上的扰流板。
  • jquery.vibrate.js - 振动API包装机
  • list.js - 将搜索,排序,过滤器和灵活性添加到表格,列表和各种HTML元素。 构建为不可见,并在现有的HTML上工作. http://www.listjs.com
  • mixitup -MixItUp - 过滤器和排序插件
  • grid - 拖放库,用于二维,可调整大小和响应式列表。
  • jquery-match-height - 一个反应相似的高级插件jQuery。

Podcasts播客

  • JavaScript Air - 实况视频播放全部涉及JavaScript和Web平台。
  • Web of Tomorrow -Podcast关于JavaScript的初学者。
  • Javascript Jabber - 每周有关JavaScript的播客,包括Node.js,前端技术,职业,团队等。

Worth Reading值得一读

Other Awesome Lists

更多资源

原文: github sorrycc

园友推荐:

avalon:迷你简单易用的前端MVVM框架,支持IE6,https://github.com/avalonjs/avalonjs.github.iohttp://avalonjs.coding.me/

红枫星空 推荐,作者:司徒正美

AlloyFinger:针对多点触控设备编程的Web手势组件,快速帮助你的web程序增加手势支持,也不用再担心click 300ms的延迟了。https://github.com/AlloyTeam/AlloyFinger

【当耐特】 推荐,作者:腾讯(https://github.com/AlloyTeam

UEditor:是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码

http://ueditor.baidu.com/website/

Webuploader:WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。

http://fex.baidu.com/webuploader/

Adming 推荐,作者:百度

<!-- html body .postBody a { color: #00f !important; } -->

---恢复内容结束---

用于构建用户界面的透明MVC框架。

Awesome系列的JavaScript资源整理。awesome-javascript是sorrycc发起维护的 JS 资源列表,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等。

感谢

感谢我可爱的学生“高香华”的辅助,谢谢!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非典型技术宅

iOS动画系列之六:利用CABasic Animation完成带动画特效的登录界面1. 画风突变的笑脸2. 心跳3. iOS实践:实现一个带动效的登录界面

1126
来自专栏程序员的诗和远方

不一样的动图-APNG

动图 说到动图,首先我们想到的 GIF 格式,GIF 在网络上流行已久,各种动态表情包都是 GIF 图做的。 但是 GIF 的缺点也很明显,透明背景的 GIF ...

3506
来自专栏熊二哥

Html与CSS快速入门01-基础概念

Web前端技术一直是自己的薄弱环节,经常为了调节一个简单的样式花费大量的时间。最近趁着在做前端部分的开发,果断把这部分知识成体系的恶补一下。内容相对都比较简单,...

1947
来自专栏极客慕白的成长之路

数据库系统概述必背知识点整理

972
来自专栏腾讯社交用户体验设计

你离高效制作动画只差一篇文章的距离

1162
来自专栏极乐技术社区

『Demo』你想开发的页面特效,这里都能找到~

来源 | 微信小程序联盟 作者 | 极乐蜀黍 这期极乐大叔将小程序内各种页面效果实现方法聚合了一下,以便大家能够迅速而方便的使用。 1 文字跑马灯效果: h...

2167
来自专栏SDNLAB

SDNLAB技术分享(十四):ONOS项目介绍(下)

第二部分,创新项目及ONOS特性增强项目介绍 NFV相关 随着云计算、SDN、虚拟化等理念和技术的不断成熟,以通用替代专有将原本传统专业的网元设备上的网络功能提...

3879
来自专栏嵌入式程序猿

我怼了硬件工程师,让你不按datasheet设计

最近有个项目是使用NXP的KEAZ64芯片,基于cortex M0+内核。带有mscan模块,mscan是NXP的8位机和低端32位上用的CAN模块外设,和我们...

3577
来自专栏向治洪

android图片加载库Glide

什么是Glide? Glide是一个加载图片的库,作者是bumptech,它是在泰国举行的google 开发者论坛上google为我们介绍的,这个库被广泛的...

2826
来自专栏向治洪

Universal-Image-Loader,android-Volley,Picasso、Fresco和Glide图片缓存库的联系与区别

前言 Universal-Image-Loader,android-Volley,Picasso、Fresco和Glide五大Android开源组件加载网络图片...

2427

扫码关注云+社区