代码库记录

代码库记录

本文是记录平时看到的一些实用的库，方便后续有需求。

开始

• react-rnd
  元素拖拽
• react-color
  颜色选择
• html2canvas
  html转canvas
• dom-to-image
  html转canvas
• gif.js
  多张图片转gif
• file-saver
  文件下载
• postmate
  页面信息传递，类似于postmessage
• fast-json-stringify
  高效json转字符串
• koa-compress
  服务端压缩
• node-images
  服务端图片处理
• vimejs
  视频播放
• clipboard
  复制剪切板
• jieba
  中文分词-关键字抽取
• css.gg
  图标
• lottie-web
  帧动画
• cropperjs
  图片裁剪
• viewerjs
  图片预览
• animnxyz
  通用动画库
• d3
  高度可定制可视化库
• xterm.js
  web终端
• semantic-release
  github持续集成
• react-use
  react hooks
• color.js
  颜色处理
• jscover
  代码覆盖率
• benchmark
  基准测试
• grunt
  构建工具
• node-inspector
  node调试
• fabric.js
  图像处理
• globby.js
  文件读取
• execa
  命令行
• brackets
  代码编辑器
• turndown
  html2markdown
• jsdom
  服务端dom模拟
• np
  npm publish
• rc-steps
  步骤条
• dexie.js
  前端离线数据存储
• react-datasheet
  前端类excel组件
• chatui
  聊天ui
• react-flow
  流程图绘制
• react-router-cache-router
  页面缓存
• tailwindcss
  css in js
• cypress
  浏览器端测试
• rxdb
  前端跨平台数据库
• immutabiluty-helper
  复杂数据更新
• hammer.js
  移动端手指事件（比较老）
• webpack-chain
  链式webpack配置
• nanoid
  uuid
• redux-undo
  redux前进后退
• chart.css
  css chart 图表
• swiper
  pc h5 轮播图
• rrweb
  前端页面录制
• eva.js
  前端游戏渲染引擎
• winbox
  前端小窗
• vue-i18n
  vue国际化
• node-util
  通用工具库
• yeoman
  通用脚手架
• webfunny
  前端监控
• helmet
  node安全校验
• jszip
  前端文件解压缩
• node-stream-zip
  node文件解压缩
• plopjs
  模板代码生成
• sharp
  node图片处理
• colorthief
  获取图片主题色
• gocr.js
  图片文字识别
• css3d-engine
  css 3d
• tween.js
  缓动动画
• stats.js
  three fps显示
• hover.css
  hover样式
• squoosh
  图片压缩
• nativefier
  web页面转桌面app
• lowdb
  轻量前端json文件数据库
• eruda
  移动端调试
• ts-toolbelt
  typescript工具类型
• emoji-mart
  表情
• tracking.js
  人脸检测
• react-sortable-hoc
  列表拖拽排序
• is-mobile
  是否是手机浏览器
• sjcl
  数据加密
• browser-fs-access
  文件下载
• reveal.js
  ppt
• grapesjs
  低代码
• fuse.js
  前端数据检索
• hoist-non-react-statics
  拷贝组件静态属性
• tesseract.js
  文字识别
• countup
  数字动画
• ua-parse-js
  获取用户ua信息
• leaflet
  移动端地图
• react95
  复古组件库
• wired-elements
  手绘风格组件库
• signature-pad
  手写签名
• tui.editor
  markdown编辑器
• tui.image-editor
  图片编辑器
• unlock-music
  浏览器解锁加密音乐文件
• csshake
  css抖动效果
• schema-typed
  数据校验
• model-viewer
  3d模型展示
• waypoints
  滚动监听
• omi
  跨端组件库
• ffcreator
  node端可视化制作
• zx.js
  javascript写shell脚本
• heti
  中文排版
• tvlist-awesome-m3u-m3u8
  电视节目直播源地址
• urlcat
  url地址生成
• shepherd.js
  引导页
• react-pdf
  pdf生成
• chonky
  文件目录预览
• remotion
  react视频生成
• lax.js
  滚动动画
• tinykeys
  键盘事件监听
• mantine
  感觉组件比较多的组件库
• capture-website
  截取屏幕截图
• filpper.js
  移动端调试
• react-image-crop
  图片裁剪
• rainEffect
  雨滴效果
• multiscroll.js
  复合滚动效果
• midnight.js
  炫酷固定头部
• typed.js
  打字机效果
• favico.js
  个性化网站图标
• particles.js
  粒子效果
• lexical
  富文本编辑器
• automerge
  多人协作可复制数据类型
• party.js
  烟花特效
• whirl
  loading特效
• gitleaks
  git静态安全分析
• node-notifier
  电脑端消息提示框
• css-doodle
  grid布局
• pannellumjs
  全景查看器
• rough
  手绘风格图形绘制
• use-gesture
  动画比较好的拖拽
• lit
  web component 构建脚手架
• turn.js
  jquery翻书效果
• nodegui
  js写桌面端
• react-toastify
  全局弹出框提示组件
• pannellum
  全景查看器
• watching-you
  眼睛跟踪鼠标或物体移动
• shine.js
  阴影效果
• tauri
  桌面应用框架
• vite
  web构建工具
• qwik
  类react，但是体积应该更小
• zustand
  react的hook型状态管理
• react-useportal
  react的createPortal
• hamburger-react
  菜单展开收起图标
• ui-button
  各种样式的按钮
• proton
  各种粒子特效
• phytouch
  非常丝滑的手指touch
• twemoji
  emoji
• satori
  html和css转svg
• floating-ui
  tooltip组件
• fast-average-color
  获取图片平均色

结束

持续更新中。。。