Skip to content
This repository has been archived by the owner on Mar 23, 2021. It is now read-only.

Latest commit

 

History

History
437 lines (302 loc) · 23.2 KB

javascript.md

File metadata and controls

437 lines (302 loc) · 23.2 KB
Raw

JavaScript, Java, Andorid, CSS, Python, Nodejs.

Inspired by the awesome-javascript list thing. See more -> awesome

Javascript

Data Binding

  • way.js way.js - 简单、轻量级、稳定的双向数据绑定库
  • bind.js bind.js - simple two way data binding to HTML and callbacks

File Upload

Utility

JavaScript实用工具库

  • underscore - JavaScript工具库,提供了常用的功能函数,而不继承任何JavaScript内置对象
  • lodash - JavaScript实用工具库：提供一致性、模块化、性能优化和附加功能（相当于underscore的增强版）
  • is.js - 小型、通用的检查库,涵盖类型、正则、数学、时间、环境等等

Event

Functional Programming

把运算过程尽量写成一系列嵌套的函数调用的 结构化编程 的JavaScript库

  • ramda - Javascript函数式编程实践

Reactive Programming

更加有效率地处理事件流，而无需显式去管理状态

  • RxJS - 用于 JavaScript 的 ReactiveX 库

Data Structure

Date

  • moment - Parse, validate, manipulate, and display dates in javascript.

String

  • underscore.string - String manipulation extensions for Underscore.js javascript library.
  • string.js - Extra JavaScript string methods.

Number

  • numbers.js - Advanced Mathematics Library for Node.js and JavaScript

Promise

  • q - 一个创建和组织异步javascript Promises的工具

Storage

  • localForage - 实现 Web 离线存储，使用简单而强大的 API 来包装 IndexedDB，WebSQL 或 localStorage

Color

I18n And L10n

国际化和本地化

  • i18next - internationalisation (i18n) with javascript the easy way (incl. jquery plugin)

Routing

  • js-url - 简单、轻量级的url解析器

Security

  • js-xss - 根据白名单过滤HTML(防止XSS攻击)
  • DOMPurify - DOMPurify is a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.

Log

  • log - Console.log with style

RegExp

Media

播放器或CSS3媒体查询

  • video.js - open source HTML5 & Flash video player
  • howler.js - Javascript audio library for the modern web
  • clappr - An extensible media player for the web
  • mediaelement - HTML5 or
  • matchMedia.js - matchMedia polyfill for testing media queries in JS
  • gifshot - 能够从媒体流，视频或图片创建GIF动画。该库的客户端特性使其非常便携，易于集成到几乎任何网站

Voice Command

  • annyang - A javascript library for adding voice commands to your site, using speech recognition

API

  • slate - 帮助创建漂亮的的API文档,可以把它作为智能的,响应式的API文档模板
  • swagger-ui - A collection of HTML, Javascript, and CSS assets that dynamically generate beautiful documentation from a Swagger-compliant API
  • brocco - 在浏览器在将源码和注释抽离显示在两侧，方便阅览

Browser Detection

  • Modernizr - 检测用户浏览器HTML5和CSS3特性的JavaScript库
  • bowser - 浏览器检测器
  • feature.js - 轻量的浏览器特性检测 JavaScript 库

Mock

  • json-server - 无需编码，快速创建功能完备的模拟 REST API
  • lowdb - 建立在lodash API上的扁平 JSON 文件数据库

Code Highlighting

Loading Status

加载状态指示器库,一般用于Ajax请求时

进度条

  • nprogress - For slim progress bars like on YouTube, Medium, etc

内置加载指示器

  • Ladda - 内置于按钮上的加载指示器

Lazy Load

延迟(异步)加载资源,提高页面访问速度

  • echo - Lazy-loading images with data-* attributes
  • lazysizes - High performance lazy loader for images (responsive and normal), iframes and scripts, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

Validation

Keyboard Wrappers

键盘事件

  • mousetrap - 处理键盘快捷键的简单 JavaScript 库
  • KeyboardJS - A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts

键盘UI

  • Keyboard - Virtual Keyboard using jQuery UI

Tours And Guides

  • hopscotch - A framework to make it easy for developers to add product tours to their pages
  • shepherd - Guide your users through a tour of your app #hubspot-open-source

Notifications

  • toastr - Simple javascript toast notifications

Sliders

  • slick - the last carousel you'll ever need
  • unslider - A very simple jQuery slider
  • Ideal-Image-Slider - Quite simply the ideal Image Slider in vanilla JS.
  • swiper - Most modern mobile touch slider with hardware accelerated transitions

Range Sliders

Form Widgets

<select> 下拉选择框架

  • select2 - 支持搜索、远程数据访问、无限下拉滚动 👌
  • selectize.js - 个基于jQuery的自定义<select> UI 控件,具有自动完成、类似原生选择框的键盘导航及较好的用户体验

<input> 文本输入框自动完成

  • typeahead.js - 快速且功能齐全的 autocomplete 库library

输入框掩码

Tooltips

  • popper.js - A kickass library to manage your poppers
  • tether - A positioning engine to make overlays, tooltips and dropdowns better

Positioning

  • fixto - A jQuery plugin for sticky positioning
  • fixed-sticky - A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback

Modals and Popups

  • jBox - 强大灵活的弹窗、消息提示、通知...jQuery插件

DatePicker

Scroll

  • iscroll - 高性能，小体积，无依赖性，多平台的JavaScript滚动器，解决手机 Webkit 浏览器（iPhone、iPod、Android 和 Pre）本身没有为固定宽度和高度的元素提供滚动内容的方法的问题 👏
  • scrollup - 创建自定义“回到顶部”的jQuery插件
  • jquery.nicescroll - 类似iphone/ipad的滚动条
  • jQuery-slimScroll - 可以把任何Div转换成带漂亮滚动条的可滚动区域
  • nanoScrollerJS - 同上
  • antiscroll - OS X Lion style cross-browser native scrolling on the web that gets out of the way.
  • skrollr - 用于移动端 (Android + IOS) 和浏览器的无依赖的视差滚动库
  • onepage-scroll - Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin
  • smooth-scroll - A simple vanilla JS script to animate scrolling to anchor links.
  • reveal.js - The HTML Presentation Framework 👏
  • scrollReveal.js - Easily reveal elements as they enter the viewport.

视差滚动

  • parallax - Parallax Engine that reacts to the orientation of a smart device 👏

Table/Grid

  • DataTables - jquery表格插件,它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。
  • jquery-dynatable - A more-fun, semantic, alternative to datatables:thumbsup:
  • grid - Drag and drop library for two-dimensional, resizable and responsive lists

Editable

  • x-editable - In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery 👍

Sortable

  • Sortable - 一个支持现代浏览器和触摸设备的可拖拽排序的小型JavaScript库。不依赖jQuery
  • html5sortable - 使用原生HTML5创建拖放排序列表和网格拖放API的轻量级jQuery插件

Chart

  • echarts - 来自百度的直观，生动，可交互，可个性化定制的数据可视化图表库 👍
  • morris.js - 漂亮、简单的折线图
  • peity - Progressive pie, donut, bar and line charts

Graphics Library

  • d3 - A JavaScript visualization library for HTML and SVG. 👍
  • raphael - JavaScript Vector Library
  • lazy-line-painter - A JQUERY PLUGIN FOR SVG PATH ANIMATION
  • matter-js - 基于 Web 的 2D 图形引擎
  • zrender - 一个轻量级的Canvas类库，MVC封装，数据驱动，提供类Dom事件模型
  • trianglify - Algorithmically generated triangle art

Images

Menu

  • jQuery-menu-aim - 用于电商网站的多级商品菜单
  • jQuery.mmenu - The best jQuery plugin for app look-alike on- and off-canvas menus with sliding submenus for your website and webapp.
  • jQuery-contextMenu - contextMenu manager
  • metisMenu - Easy menu jQuery plugin for Twitter Bootstrap 3
  • jquery.tocify.js - Bootstrap风格的目录jQuery插件
  • slideout - 移动web apps触摸滑动式菜单
  • stickUp - 轻松实现元素固定效果的 jQuery 插件

Background

  • Vide - 视频背景效果Jquery插件

Effects Widgets

  • headroom.js - 为页面顶部多留些空间。在不需要页头时将其隐藏
  • fullPage.js - fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
  • shine.js - A library for pretty shadows.
  • real-shadow - Module that casts photorealistic shadows
  • zoom.js - zoom in on any element in the DOM
  • textillate - A simple plugin for CSS3 text animations

Navigation

  • intro.js - 以一种更好的方式展示新特性，非常适合用于在的页面上一步一步引导用户 👍

Responsive

  • Respond - A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
  • responsive-nav.js - Responsive navigation plugin without library dependencies and with fast touch screen support.

Drag Drop

  • dropzone - 简单地拖放库，支持图片预览，有好看的进度条
  • jquery.pep.js - Pep, a lightweight plugin for kinetic drag on mobile/desktop
  • formbuilder - Formbuilder is a small graphical interface for letting users build their own webforms
  • dragdealer - Drag-based JavaScript component, embracing endless UI solutions

Gallery

  • Gallery - 它支持触控，响应灵敏，且可自定义的图像和视频库、轮播和lightbox，针对移动端和桌面浏览器进行了优化。它也具有滑动，鼠标和键盘导航，过渡效果，幻灯片功能，全屏支持和按需内容加载

Material

Hand-drawing Animation

  • Snap.svg - 显示现代 SVG 图像的 Javascript 库,是一款能完美地创建显示在各种尺寸的屏幕上的交互式,各种分辨率的向量图像 👍
  • vivus - 轻量级的JavaScript类(完全无依赖) 来允许你创建 SVG 动画，让它们显示被画出来的轨迹 👏
  • walkway - 实现了一个简单的方式用来对包含线和路径元素的 SVG 图像进行动画展示

Animations

  • aos - Animate on scroll library
  • svg.js - The lightweight library for manipulating and animating SVG
  • snabbt.js - 用javascript - CSS transforms 创建的动画库

Other Resources

Document

Blog

ES6

Other