插件库

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

媒体插件

浏览 122 扫码 分享 2022-07-09 05:44:19
  • （音乐播放器）APlayer、
  • compressorjs（图片压缩）
  • react-cropper（图片剪裁）
  • 360°查看图片 & 全景图片
  • （图片查看）zooming、viewer、photoswipe
  • （Dom 生成图片）dom-to-image、html2canvas、原生
  • （视频播放器）griffith、video.js、video-react、flv.js 等

若有收获，就点个赞吧

0 人点赞

上一篇:
下一篇:
  • 书签
  • 添加书签 移除书签
  • 本知识库是对工作和学习中前端插件的汇总
  • 开源 API（百度、高德等）
  • Web Component 组件库
  • 社区精选组件
  • 其他插件
  • CSS 插件
    • chroma.js（颜色处理）
    • style-it（纯文本css）
    • PostCSS（转换 CSS 代码）
    • classnames（连接className）
    • 纯 CSS 库，各种形状的背景
  • 视图插件
    • leonsans（字体动画）
    • masonry（网格页面）
    • fullPage.js（一屏滚动）
    • hammer.js（检测手势）
    • jsPlumb（元素连接线）
    • pagemap（缩略导航图）
    • nprogress（顶部进度条）
    • （轮播效果）swiper、slick、react-responsive-carousel
    • darken(网页亮/暗模式切换)
    • Scrollama.js（网页滚动效果）
    • Grade.js（图片生成渐变背景）
    • screenfull.js（DOM 全屏展示）
    • leader-line（绘制指引线的JS库）
    • react-mosaic（浏览器窗格框架）
    • react-infinite-scroller（滚动加载）
    • jexcel、x-spreadsheet（表格管理）
    • react-visibility-sensor（传感器组件）
    • numeric-keyboard（移动端数字键盘）
    • react-shimmer（加载时模拟闪烁效果）
    • signature_pad.js（H5画布，手写签名）
    • smooth-signature（带笔锋的手写签名）
    • React Content Loader（骨架布局生成器）
    • position: sticky & react-sticky（吸顶效果）
  • 优化插件
    • memoize-one（记忆化技术）
    • （虚拟滚动）react-window、react-virtualized、antd-table-infinity
    • instant.page & quicklink（预加载）
    • react-loadable-visibility（仅加载可见内容）
    • （代码分割）react-loadable、@loadable/component
  • 数学插件
    • nzh（数字转中文）
    • BigNumber.js（数值计算，解决精度问题）
  • 媒体插件
    • （音乐播放器）APlayer、
    • compressorjs（图片压缩）
    • react-cropper（图片剪裁）
    • 360°查看图片 & 全景图片
    • （图片查看）zooming、viewer、photoswipe
    • （Dom 生成图片）dom-to-image、html2canvas、原生
    • （视频播放器）griffith、video.js、video-react、flv.js 等
  • 动画插件
    • 动画组件库
    • （动画打字效果）typing.js、typeit、无 JS 打字
    • anime（动画插件）待实现demo
    • （数值变化效果）react-countup、Ant Motion、纯 CSS 实现
  • 编辑器插件
    • Rete.js（节点编辑器）
    • react-ace（代码编辑器）
    • jsoneditor（JSON编辑器）
    • editor.md（在线编辑器组件）
    • monaco-editor（vsCode 编辑器）
    • （富文本编辑器）braft-editor、WangEditor
  • 方法类插件
    • history
    • js-cookie
    • json数据格式化
    • crypto-js（加密工具）
    • nanoid（极小的 uuid 库）
    • array-move（移动数组元素）
    • omit.js（删除对象字段）无用
    • lodash && lodash-decorators
    • rc-util（React 组件的常用工具）
    • url 处理（url、qs、query-string）
    • （复制粘贴）原生、antd、clipboard.js、copy-to-clipboard、react-copy-to-clipboard
  • 工具类插件
    • eslint-config 插件集
    • Print.js（web 打印）
    • mockjs（模拟数据）
    • GoEasy（web实时通讯）
    • spy-debugger (手机调试)
    • nodemon（自动重启工具）
    • FileSaver.js（文件下载导出）
    • IDValidator（身份证号验证）
    • hello.js（用于 OAuth2 登录）
    • depcheck（检查项目中的依赖项）
    • devtools-detector（控制台检测器）
    • RequireJs（异步加载js文件 - 2012）
    • react-pdf（创建PDF文件、支持下载）
    • websocketd（启动和守护 WebSocket 进程）
    • react-dev-inspector（从浏览器导航到编辑器）
    • 获取图片exif元数据信息（GPS、拍摄时间等等）
    • react-intl、react-intl-universal（国际化语言插件）
    • postscribe（异步加载 js，且支持document.write）
  • 日期时间插件
    • day.js、date-fns（日期时间库）
    • 【转】你可能不需要Moment.js
    • moment（日期处理类库，你不需要momentjs）
  • 增强用户体验插件
    • react-router-navigation-prompt（离开页面提示）
  • 安全
    • sanitize-url（url 安全处理）
  • 百度开源
    • 百度地图
      • 文档和问题汇总 - 百度地图
      • 添加/切换标记、行政区划、主题 - 百度地图
    • echarts（百度数据可视化工具）
      • echarts 宽高自适应
      • echarts 相关网站/配置
      • echarts 实例：基础雷达图
      • echarts 实例：百分比散点图
      • echarts 实例：基础环形饼图
      • echarts 实例：条形图自动轮播
      • echarts 实例：折线图
      • echarts 实例：带背景百分比横向条形图
  • 阿里开源
    • 高德地图
      • 高德地图文档
      • 高德地图使用
    • antd（Ant Design）
    • Antd 相关国内镜像
    • Kiwi（阿里 - 国际化）
    • antd-mobile 问题汇总
    • AntV | 蚂蚁数据可视化
    • Ant Motion（动画组件）
    • antd 注意事项 & 问题报错
    • X6（简单易用的图编辑引擎）
  • 科澜开发
    • 科澜三维图形
暂无相关搜索结果！

    让时间为你证明

    展开/收起文章目录

    分享，让知识传承更久远

    文章二维码

    手机扫一扫，轻松掌上读

    文档下载

    请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
    PDF文档 EPUB文档 MOBI文档

    书签列表

      阅读记录

      阅读进度: 0.00% ( 0/0 ) 重置阅读进度
        思维导图备注