I18n和L10n
本地化(l10n)和国际化(i18n)JavaScript库。
- i18next - 使用JavaScript轻松实现国际化(i18n)。
- polyglot - tiny i18n helper library。
- babelfish - i18n具有人性化的API并内置复数支持。
- ttag - 基于ES6标记模板和良好的旧GNU gettext的现代javascript i18n本地化库。
控制流
- async - 节点和浏览器的异步实用程序。
- q - 用于在JavaScript中创建和编写异步promise的工具。
- step - 一个异步控制流库,可以轻松地逐步执行逻辑。
- contra - 具有功能性的异步流量控制。
- Bluebird - 功能齐全的承诺库,专注于创新功能和性能。
- when - 一个可靠,快速的Promises / A +和when()实现,以及其他异步好东西。
- ObjectEventTarget - 提供一个原型,为事件侦听器添加支持(在浏览器上可用的DOMElements中具有相同的EventTarget行为)。
路由
- director - 一个用于JavaScript的小而同构的URL路由器。
- page.js - 受Express路由器启发的微客户端路由器(~1200字节)。
- pathjs - 用于Web浏览器的简单轻量级路由。
- crossroads- JavaScript路线。
- davis.js - 使用pushState的RESTful可降级JavaScript路由。
安全
- DOMPurify - 用于HTML,MathML和SVG的仅限DOM,超快速,超级容忍的XSS清理程序。
- js-xss - 使用白名单指定的配置清理不受信任的HTML(以防止XSS)。
- xss-filters - 雅虎安全的XSS过滤器。
日志
- log - 带有样式的Console.log。
- Conzole - 一个用JavaScript构建的调试面板,它在页面内显示的面板中包装JavaScript本机控制台对象方法和功能。
- console.log-wrapper - 在任何浏览器中清楚地记录到控制台。
- loglevel - JavaScript的最小轻量级日志记录,添加可靠的日志级别方法来包装任何可用的console.log方法。
- minilog - 使用Stream-API后端的轻量级客户端和服务器端日志记录。
- storyboard - 通用日志库+ Chrome扩展;它允许您在一个位置查看由用户操作触发的所有客户端和服务器任务。
正则表达式
- RegEx101 - 用于JavaScript的在线正则表达式测试器和调试器。还支持Python,PHP和PCRE。
- RegExr - 基于HTML / JS的工具,用于创建,测试和学习正则表达式。
- RegExpBuilder - 使用链式方法创建正则表达式。
语音控制
- annyang - 一个JavaScript库,用于使用语音识别向您的站点添加语音命令。
- voix.js - 一个JavaScript库,用于为您的网站,应用或游戏添加语音命令。
API
- axios - 基于Promise的HTTP客户端,用于浏览器和node.js.
- bottleneck- 一种强大的速率限制器,可以轻松控制节流。
- oauth-signature-js - 用于节点和浏览器的JavaScript OAuth 1.0a签名生成器。
- amygdala - 用于JavaScript驱动的Web应用程序的RESTful HTTP客户端。
- jquery.rest - 一个jQuery插件,可以轻松使用RESTful API。
- Rails Ranger - Ruby on Rails API的固定REST客户端。
流(Streaming)
- Tailor - 前端微服务的流媒体布局服务,受Facebook的BigPipe启发。
视觉检测
- tracking.js - 网络上计算机视觉的现代方法。
- ocrad.js - 通过Emscripten在JavaScript中进行OCR。
机器学习
- ConvNetJS - JavaScript中的深度学习。在您的浏览器中训练卷积神经网络(或普通的)。
- DN2A - 数字神经网络架构。
- Brain.js - JavaScript中的神经网络。
- Mind.js - 一个灵活的神经网络库。
- Synaptic.js - node.js和浏览器的免架构神经网络库。
- TensorFlow.js - 用于在浏览器和Node.js上训练和部署ML模型的JavaScript库。
- ml5.js - 友好的网络机器学习。
浏览器检测
- bowser - 浏览器探测器。
基准
- benchmark.js - 基准测试库。正如在jsPerf.com上使用的那样。
- matcha - 以咖啡因为导向,简单化的基准测试方法。
代码突出显示
- Highlight.js - JavaScript语法高亮显示。
- PrismJS - 轻巧,强大,优雅的语法高亮。
加载状态
用于指示负载状态的库。
- Mprogress.js - 创建Google Material Design进度线性栏。
- NProgress - 用于Ajax'y应用程序的超薄进度条。
- Spin.js - 旋转活动指标。
- progress.js - 为页面上的每个对象创建和管理进度条。
- progressbar.js - 具有动画SVG路径的美丽且响应迅速的进度条。
- pace - 自动为您的网站添加进度条。
- topbar - Tiny&beautiful全站点进度指示器。
- nanobar - 非常轻量级的进度条。没有jQuery。
- PageLoadingEffects - 使用SVG动画显示新内容的现代方式。
- SpinKit - 使用CSS动画的加载指示符的集合。
- Ladda - 带内置装载指示器的按钮。
- css-loaders - 使用CSS动画加载微调器的集合
- 除了库之外,还有Codepen上的Collection,以及Ajaxload,Preloaders和CSSLoad等生成器。
验证
- Parsley.js - 无需编写单行JavaScript即可验证表单前端。
- jquery-validation - jQuery Validation Plugin。
- validator.js - 字符串验证和清理。
- validate.js - 受CodeIgniter启发的轻量级JavaScript表单验证库。
- validatr - 跨浏览器HTML5表单验证。
- FormValidation - 验证表单字段的最佳jQuery插件。以前的BootstrapValidator。
- is.js - 检查类型,正则表达式,状态,时间等。
- FieldVal - 多用途验证库。支持同步和异步验证。
键盘包装
- mousetrap - 用于处理JavaScript中键盘快捷键的简单库。
- keymaster - 用于定义和分派键盘快捷键的简单微库。
- Keypress - 键盘输入捕获实用程序,其中任何键都可以是修饰键。
- KeyboardJS - 用于绑定键盘组合的JavaScript库,没有键码和键组合冲突的痛苦。
- jquery.hotkeys - jQuery Hotkeys让您可以在代码中的任何位置查看键盘事件,几乎可以支持任何组合键。
- jwerty - 键盘事件的真棒处理。
旅游和指南
- intro.js - 为您的网站和项目提供新功能介绍和分步用户指南的更好方法。
- shepherd - 引导您的用户浏览您的应用。
- bootstrap-tour - 使用Twitter Bootstrap Popovers快速轻松地进行产品导览。
- tourist - - 为您的应用程序提供简单灵活的旅游。
- chardin.js - 适用于您的应用的简单叠加说明。
- pageguide - 使用jQuery和CSS3的网页元素的交互式指南。
- hopscotch - 一个框架,使开发人员可以轻松地将产品导览添加到他们的页面。
- joyride - jQuery feature tour插件。
- focusable - 设置聚焦于DOM元素的聚光灯,将叠加层添加到页面的其余部分。
通知
- iziToast - 优雅,响应灵活,轻量级的通知插件,没有依赖关系。
- messenger - 适用于您应用的Growl风格的提醒和消息。
- noty - jQuery通知插件。
- pnotify - Bootstrap,jQuery UI和Web Notifications Draft的JavaScript通知。
- toastr - 简单的JavaScript吐司通知。
- humane-js - 一个简单,现代的浏览器通知系统。
- smoke.js - 针对JavaScript的框架无关的样式警报系统。
- notie - 没有依赖关系的简单通知和输入。
滑块
- Swiper - 移动触摸滑块和框架,带有硬件加速转换。
- slick - 您需要的最后一个旋转木马。
- slidesJs - 是一个响应式幻灯片插件,适用于JQuery(1.7.1+),具有触摸和CSS3过渡等功能
- FlexSlider - 一个非常棒的,完全响应的jQuery滑块插件。
- unslider - 最简单的jQuery滑块。
- sly - 用于单向滚动的JavaScript库,具有基于项目的导航支持。
- vegas - 一个jQuery插件,可以为您的网页添加漂亮的全屏背景。它甚至允许幻灯片播放。
- Sequence - 用于创建响应式滑块,演示文稿,横幅和其他基于步骤的应用程序的CSS动画框架。
- reveal.js - 使用HTML轻松创建精美演示文稿的框架。
- impress.js - 这是一个基于现代浏览器中CSS3转换和转换功能的演示框架,并受到prezi.com背后的想法的启发。
- bespoke.js - DIY演示微框架
- Strut - Strut - 一个Impress.js和Bespoke.js演示编辑器
- PhotoSwipe - 适用于移动和桌面的JavaScript图像库,模块化,独立于框架。
- jcSlider - 一个带有CSS动画的响应式滑块jQuery插件。
- basic-jquery-slider - 使用简单,主题简单,易于定制。
- jQuery.adaptive-slider - 一个带有自适应彩色figcaption和导航的滑块的jQuery插件。
- slidr - 添加一些幻灯片效果。
- Flickity - 触摸,响应,可滑动的画廊。
- Glide.js - 响应和触摸友好的jQuery滑块。它简单,轻便,快速。
- jQuery.adaptive-slider - 一个带有自适应彩色figcaption和导航的滑块的jQuery插件。
- Embla Carousel - 用于Web的可扩展低级旋转木马,用TypeScript编写。
范围滑块
- Ion.RangeSlider - 功能强大且易于定制的范围滑块,具有多种选项和皮肤支持。
- jQRangeSlider - 支持日期的JavaScript滑块选择器。
- noUiSlider - 轻量级,高度可定制的范围滑块,无膨胀。
- rangeslider.js - HTML5输入范围滑块元素polyfill。
表单小部件
输入
- typeahead.js - 一个快速且功能齐全的自动完成库。
- tag-it - 用于处理多标记字段以及标记建议/自动完成的jQuery UI插件。
- At.js - 添加GitHub就像提到你的应用程序的自动完成一样。
- Placeholders.js - HTML5占位符属性的JavaScript polyfill。
- fancyInput - 使用CSS3效果在输入字段中输入乐趣。
- jQuery-Tags-Input - 使用这个jQuery插件将一个简单的文本输入神奇地转换为一个很酷的标签列表。
- vanilla-masker - 纯JavaScript掩码输入。
- Ion.CheckRadio - 用于样式复选框和单选按钮的jQuery插件。有皮肤支持。
- awesomplete - 超轻量级,可用,美观的自动完成,零依赖。-
日历
- pickadate.js - 移动友好,响应迅速,轻量级的jQuery日期和时间输入选择器。
- bootstrap-datepicker - 来自Stefan Petre(eyecon.ro)的@twitter bootstrap的日期选择器,由@eternicode改进。
- Pikaday - 一个令人耳目一新的JavaScript Datepicker - 轻量级,无依赖关系,模块化CSS。
- fullcalendar - 全尺寸拖放事件日历(jQuery插件)。
- rome - 可定制的日期(和时间)选择器。免费依赖,选择加入UI。
- datedropper - datedropper是一个jQuery插件,提供了一种快速简便的方法来管理输入字段的日期。
选择
- selectize.js - Selectize是文本框和选择框的混合体。这是基于jQuery的,它具有自动完成和本机感键盘导航;对标记,联系人列表等有用
- select2 - 基于jQuery的选择框替换。它支持搜索,远程数据集和无限滚动结果。
- chosen - 一个库,用于制作更加友好的长而笨重的选择框。
文件上传器
- jQuery-File-Upload - 文件上传小部件,包含多个文件选择,拖放支持,进度条,验证和预览图像,jQuery的音频和视频。
- dropzone - Dropzone是一个易于使用的拖放库。它支持图像预览并显示很好的进度条。
- flow.js - 一个JavaScript库,通过HTML5 File API提供多个同步,稳定,容错和可恢复/可重新启动的文件上传。
- fine-uploader - 多文件上传插件,带有进度条,拖放,直接上传到S3。
- FileAPI - 一组用于处理文件的JavaScript工具。Multiupload,drag'n'drop和chunked文件上传。图像:EXIF裁剪,调整大小和自动方向。
- plupload - 用于处理文件上传的JavaScript API,它支持多文件选择,文件类型过滤,请求分块,客户端图像缩放等功能,并使用不同的运行时来实现此功能,如HTML 5,Silverlight和Flash。
其他
- form - jQuery Form Plugin。
- Garlic.js - 自动保留表单的文本并在本地选择字段值,直到提交表单。
- Countable - 一个JavaScript函数,用于向HT添加实时段落,字和字符计数
模态和弹出窗口
- Magnific-Popup - 轻巧且反应灵敏的灯箱脚本,专注于性能。
- jquery-popbox - jQuery PopBox UI元素。
- jquery.avgrund.js - 一个jQuery插件,带有弹出窗口的新模态概念。
- vex - 一个高度可配置且易于设计的现代对话库。
- bootstrap-modal - 扩展默认的Bootstrap Modal类。响应,可堆叠,ajax等。
- css-modal - 由纯CSS构建的模态。
- jquery-popup-overlay - 用于响应和可访问的模态窗口和工具提示的jQuery插件。
- SweetAlert - JavaScript警报的绝佳替代品。
- baguetteBox.js - 用纯JavaScript编写的简单易用的lightbox脚本。
- colorbox - 用于jQuery的轻量级可定制灯箱插件。
- fancyBox - 一种工具,为您的网页上的图像,html内容和多媒体添加缩放功能提供了一种漂亮而优雅的方式。
- swipebox - 可触摸的jQuery灯箱
- jBox - jBox是一个功能强大且灵活的jQuery插件,可以处理所有弹出窗口,工具提示,通知等。
滚动
- scrollMonitor - 滚动时监视元素的简单快速API。
- eadroom - 给你的页面一些空间。隐藏您的标题,直到您需要它。
- onepage-scroll - 使用One Page Scroll插件创建类似Apple的单页卷轴网站(iPhone 5S网站)。
- iscroll - iScroll是一款高性能,占用空间小,无依赖,多平台的JavaScript滚动条。
- skrollr - 适用于移动设备(Android + iOS)和桌面的独立视差滚动库。没有jQuery。
- parallax - 对智能设备方向作出反应的视差引擎。
- stellar.js - 视差滚动变得容易。
- plax - jQuery powered parallaxing。
- jparallax - 用于创建交互式视差效果的jQuery插件。
- fullPage - 一个简单易用的插件,用于创建全屏滚动网站(也称为单页网站)。
- ScrollMenu - 一个替换旧的无聊滚动条的新界面。
- Clusterize.js - Tiny vanilla JS插件,可轻松显示大型数据集。
- simpleParallax - 简单而小巧的JavaScript库,可在任何图像上添加视差动画
菜单
- jQuery-menu-aim - 用户光标瞄准特定下拉菜单项时触发事件的jQuery插件。用于制作像亚马逊这样的响应式大型下拉菜单。
- jQuery contextMenu - contextMenu manager。
- Slideout - 用于移动网络应用的响应式触摸滑动导航菜单。
- 滑动和滑动 - 可与touchSwipe库配合使用的滑动滑动菜单。
表/网格
- jTable - 一个用于创建基于AJAX的CRUD表的jQuery插件。
- DataTables - (jQuery插件)它是一个高度灵活的工具,基于渐进增强的基础,并将为任何HTML表添加高级交互控件。
- Tabulator - (jQuery插件)一个非常灵活的库,可以从任何JSON数据源或现有HTML表创建具有一系列交互功能的表。
- Bootstrap表 - 对流行的Bootstrap框架的扩展,用于创建适合您站点样式的表,而无需额外的标记。
- floatThead - (jQuery插件)在正文中滚动时锁定任何表的标题。适用于任何表,不需要自定义html或CSS。
- Masonry - 级联网格布局库。
- Packery - 使用bin-packing算法的网格布局库。可用于可拖动布局。
- Isotope- 可过滤,可排序的网格布局库。可以实现Masonry,Packery和其他布局。
- flexboxgrid - 基于CSS3 flexbox的网格。
构架
- 语义UI - 具有许多主题和元素的UI工具包。
- w2ui - 一组用于数据驱动的Web应用程序前端开发的jQuery插件。
- 流动性 - 世界上最小的完全响应的CSS框架。
- Ink - SAPO使用的HTML5 / CSS3框架,用于快速有效的网站设计和原型设计。
Boilerplates
- html5-boilerplate - 一个专业的前端模板,用于构建快速,健壮且适应性强的Web应用程序或站点。
- mobile-boilerplate - 一个前端模板,可帮助您构建快速,现代的移动Web应用程序。
- webplate - 一个非常棒的前端框架,让您可以专注于构建您的网站或应用程序,同时保持非常好用。
- Cerberus - 响应式HTML电子邮件的一些简单但可靠的模式。甚至在Outlook中。
- full-page-intro-and-navigation - 带有全宽背景图像的介绍页面,大胆的动画菜单以及导航背后的类似iOS的模糊效果。
- Fluid-Squares- 方形单元的流体网格。
- Mobile-First-RWD - 移动优先响应式网页设计的一个例子。
- this-is-responsive - 这是响应。
- npm run-scripts使用NPM运行脚本进行任务自动化。
手势
- hammer.js - 用于多点触控手势的JavaScript库。
- touchemulator - 模拟桌面上的触摸输入。
- Dragula - 拖放这么简单就好疼。
地图
- Leaflet - 适用于移动设备的交互式地图的JavaScript库。
- Cesium - 开源WebGL虚拟地球仪和地图引擎。
- gmaps - 使用Google地图的最简单方法。
- polymaps - 一个免费的JavaScript库,用于在现代Web浏览器中制作动态交互式地图。
- kartograph.js - Kartograph SVG地图的开源JavaScript渲染器。
- mapbox.js - Mapbox JavaScript API,一个Leaflet插件。
- jqvmap - jQuery矢量地图库。
- OpenLayers3 - 一个高性能,功能丰富的库,可满足您的所有映射需求。
视频/音频
- prettyembed.js - Prettier嵌入你的YouTubes - 具有很好的选项,如高分辨率预览图像,嵌入选项的高级自定义,以及可选的FitVids支持。
- html5media - 在所有主流浏览器中启用和标记。
- Play-em JS - Play'em是一个JavaScript组件,它管理音乐/视频轨道队列,并通过在HTML DIV(包括Youtube,Soundcloud和Vimeo)中嵌入多个玩家来播放一系列歌曲。
- polyplayer - 使用一个API来规则YouTube,Soundcloud和Vimeo播放器。
- flowplayer - 用于网络的HTML5视频播放器
- mediaelement - HTML5或具有Flash和Silverlight填充程序的播放器,模仿HTML5 MediaElement API,在所有浏览器中实现一致的UI。http://mediaelementjs.com/
- SoundJS - 一个可以更轻松地在网络上处理音频的库。它为在不同浏览器中播放音频提供了一致的API。
- video.js - Video.js - 开源HTML5和Flash视频播放器。
- FitVids.js - 一个轻量级,易于使用的jQuery插件,用于流体宽度视频嵌入。
- Ion.Sound - 任何网页上的简单声音。
- photobooth-js - 一个小部件,允许用户在您的网站上拍摄他们的头像。
- clappr - 一个可扩展的网络媒体播放器http://clappr.io
活版印刷
- FlowType.JS - 最好的Web排版:基于元素宽度的字体大小和行高。
- BigText - jQuery插件,计算将一行文本与特定宽度匹配所需的字体大小和字间距。
- circletype - 一个jQuery插件,可以让你在网络上输入曲线。
- slabText - 一个jQuery插件,用于生成大胆,响亮的标题。
- simple-text-rotator - 在您的网站上添加一个超级简单的旋转文本,几乎没有标记。
- novacancy.js - 文本Neon Golden效果jQuery插件。
- jquery-responsive-text - 使文本大小响应!
- FitText.js - 用于膨胀Web类型的jQuery插件。
- Lettering.js - 一个轻量级,易于使用的JavaScript <span>注入器,用于激进的Web排版。
动画
- velocity - 加速JavaScript动画。
- jquery.transit - jQuery的超级流畅的CSS3转换和转换。
- impress.js - 在HTML文档中使用CSS3转换/转换进行类似Prezi的演示。
- bounce.js - 立即创建美味的CSS3动画动画。
- GreenSock-JS - 适用于所有主流浏览器的高性能HTML5动画。
- TransitionEnd - TransitionEnd是一个不可知的跨浏览器库,用于处理转换事件。
- Dynamic.js - 用于创建基于物理的CSS动画的JavaScript库。
- the-cube - 多维数据集是CSS3过渡的实验。
- Effeckt.css - 一个高效的过渡和动画库
- animate.css - CSS动画的跨浏览器库。因为易于使用易于使用。
- textillate - CSS3文本动画的简单插件。
- move.js - CSS3支持的JavaScript动画框架。
- animatable - 一个属性,两个值,无限可能。
- shuffle-images - 以创造性的方式改变图像的最简单方法
- smoothState.js - 使用jQuery进行不显眼的页面转换。
- Anime.js - 一个JavaScript动画引擎
- Mo.js - 用于网络的运动图形工具带
- particles.js - 用于创建粒子的轻量级JavaScript库。
图像处理
- lena.js - 具有过滤器和util函数的图像处理库。
- Pica - 高质量图像调整大小(使用快速Lanczos过滤器,在纯JS中实现)。
- cropper - 一个简单的jQuery图像裁剪插件。
ES6
- es6features - ECMAScript 6功能概述。
- es6-features - ECMAScript 6:功能概述和比较。
- es6-cheatsheet - ES2015 [ES6] cheatsheet包含提示,技巧,最佳实践和代码片段。
- ECMAScript 6兼容性表 - 适用于各种环境的所有ECMAScript 6功能的兼容性表。
- Babel(以前为6to5) - 将ES6 +代码转换为vanilla ES5,没有运行时。
- Traceur编译器 - ES6功能> ES5。包括类,生成器,承诺,解构模式,默认参数等。
产生器
- Gatsby.js - 基于React的静态站点生成器。
SDK
- javascript-sdk-design - 从工作和个人经验中提取的JavaScript SDK设计指南
- Spotify SDK - 面向实体的SDK,可与Spotify Web API配合使用。
- Square Node.js SDK - 用于支付和其他Square API的JavaScript客户端库。
杂项
- echo - 具有data- *属性的延迟加载图像。
- picturefill - 用于<picture>,srcset,sizes的响应式图像polyfill。
- platform.js - 几乎适用于所有JavaScript平台的平台检测库。
- json3 - 与几乎所有JavaScript平台兼容的现代JSON实现。
- Logical Or Not - 关于JavaScript特性的游戏。
- BitSet.js - JavaScript Bit-Vector实现
- spoiler-alert - SPOILER ALERT!一个快乐的小jquery插件,以隐藏您的网站上的剧透。
- jquery.vibrate.js - Vibration API Wrappers
- list.js - 为表,列表和各种HTML元素添加搜索,排序,过滤器和灵活性。构建为不可见并处理现有HTML。http://www.listjs.com
- mixitup - MixItUp - 过滤和排序插件。
- grid - 拖放库,用于二维,可调整大小和响应式列表。
- jquery-match-height - jQuery的响应性相等高度插件。
- survey.js - JavaScript Survey Engine。它使用JSON进行调查元数据和结果。
- Array Explorer和Object Explorer - 帮助确定在任何给定时间最适合使用本机JavaScript方法的资源
- Clipboard.js - “复制到剪贴板”没有Flash或使用框架。
- ky - 基于浏览器Fetch API的简洁优雅的HTTP客户端。
播客
- JavaScript Air - 所有关于JavaScript和Web平台的实时视频广播播客。
- Web of Tomorrow - 为初学者播放有关JavaScript的播客。
- JavaScript Jabber - 关于JavaScript的每周播客,包括Node.js,前端技术,职业,团队等。
值得一读
你不懂JS - 可能是用现代JavaScript编写的最好的书,完全可以免费在线阅读,或者可以买来支持作者。
- braziljs / js-the-right-way - 一个易于阅读的快速参考,用于JS最佳实践,可接受的编码标准以及Web上的链接。
- JSbooks - 免费JavaScript电子书目录。
- Superhero.js - 有关创建,测试和维护大型JavaScript代码库的资源集合。
- SJSJ - 简化的JavaScript术语是一个社区驱动的尝试,用一些简单的词语解释当前JavaScript生态系统的流行语。
- 如何编写开源JavaScript库 - 通过一系列步骤发布JavaScript开源库的综合指南。
- Jaavascript教程 - 通过各种用户排名的在线教程在线学习Javascript。