Web 前端常用插件

Web 前端常用插件

目录

• 工具类
• 浏览器增强类
• 表单类
• 图片类
• 图标类
• UI 框架
• UI 组件类
• 用户体验增强
• 动画
• SVG
• 测试
• 其他类
• Bootstrap相关类
• Vue.js 相关
• React 相关
• 小程序
• GraphQL
• JS Plugins仓库

工具类

• 方便操作对象，数组等的工具库
  • underscore.js
  • lo-dash 与underscore.js的api基本一致。与underscore比其优势是，效率高；可自定义构建
  • Sugar 在原生对象上增加一些工具方法
  • functional.js 提够了一些Curry的支持
  • bacon.js 函数式编程，cool
  • streamjs 用流的方式来对数组，对象进行系列操作
  • clone.js 对各种对象的深度复制。
  • deepmerge 深度合并数组和对象。
• 数据类型
  • 字符串
    • strman 字符串操作库。它为各种实用程序、格式选项和字符串转换，提供了超过 60 种实用的方法。
  • 数字
    • BigDecimal.js 提高精度的数字操作
  • 对象
    • Watch.js 监视对象或属性的变化
  • 时间
    • Moment.js
    • day.js 和 Moment.js 一样的 API。只有 2KB。
    • date-fns 现代时间库。
    • datejs
  • 正则
    • rewrap 正则工具库。相关插件regexp-frequent,rewrap-patch
  • parameter 验证参数的格式
• 生成 uuid
  • Nano ID
• 与服务器端交互
  • axios 支持浏览器和 Node.js 的HTTP请求工具。axios 不支持jsonp。
  • jsonp
• 异步流程控制
  • 发布订阅
    • eventproxy 朴灵出品
    • Arbiter.js 详细
  • q Promise风格的
  • Async.js
• 加载器
  • little-loader JS 加载器。Webpack 不支持加载外部js，可用这个。
• mock
  • Mock.js 生成随机数据和mock Ajax 请求
  • jquery-mockjax mock ajax请求
• 浏览器探测
  • Bowser 探测具体浏览器和版本
  • ua-parser-js 探测具体浏览器和版本，操作系统，设备类型等
• 调试
  • Eruda Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、捕获XHR请求、显示本地存储和 Cookie 信息等等。
  • vConsole 轻量、可拓展、针对手机网页的前端开发者调试面板插件。微信前端做。
  • console-polyfill 能放心的使用 console.log()之类的console方法
  • log 让控制台输出的log有样式
• uri.js uri操作
• Cookie 增删改cookie的工具库
• store.js 对 localStorage 的封装。兼容 IE6+。
• director 前端路由库 详细
• JSDoc 根据javascript文件中注释的信息，生成API文档 详细
• hotkeys 键盘事件的封装
• MD5 用 MD5 的方式加密文件的库
• Exif.js 读取 JPEG 图片的拍摄信息。可以通过拍摄信息中的 Orientation 来解决 ios 手机上传竖拍照片会逆时针旋转90度的问题。
• download 实现下载的库。支持 url 和流。 详细
• 模板引擎
  • Handlebar
  • Ejs
  • Jade
• 生成pdf
  • jsPDF 在浏览器端生成 pdf。
  • pdfkit
• Excel库
  • Node XLSX 支持解析和生成 xlsx 的问题。
  • js-xlsx
• 打印
  • vuePlugs_printjs 基于 Vue。
• compass.js 指南针。只有在手机浏览器上才能用。
• 中国行政区域数据
• canvas