[toc]
- Code Mirror 在线代码编辑器 https://codemirror.net/
- connect http 服务框架 express 也是用的这个 https://www.npmjs.com/package/connect
- Driver.js 页面引导用户操作步骤 https://github.com/kamranahmedse/driver.js
- 页面展示代码 https://highlightjs.org
- Dropzone 文件拖拽操作 https://www.dropzone.dev/js/
- FileSaver.js 客户端保存文件 https://github.com/eligrey/FileSaver.js
- DOMPurify 和 xss xss 攻击 参见 xss.md
- shelljs 在 nodejs 中使用 linux 命令 参考 node-koa 项目的
shelljs.js文件
- netmask ipv4 的掩码相关操作 链接
- @namchee/vue-ztext 3D 文字和图片
包、插件 介绍
- reveal 使用 html 方式生成类似 ppt 的演讲稿 reveal
- scrollreveal 当页面滑动到某个元素时，该元素显示一些动画效果： scrollreveal
打印：打印将服务端的 pdf 文件进行打印；打印 html 内容；打印图片；打印 JSON 字符串；Pring.js
vue 项目打印 https://github.com/Power-kxLee/vue-print-nb
视频播放 video
将内容放入剪切板 clipboard
利用 js 实现页面滚动，放弃浏览器的原生滚动，并且实现如 picker 等效果组件 better-scroll
可视化算法学习工具 algorithm-visualizer
浏览器指纹 fingerprintjs
生成 符合 RFC(Requests for Comments) 规则的 uuid(Universally Unique Identifier) uuid
构成：由一组32位数的16进制数字所构成
格式：以连字号分为五段，表现形式为8-4-4-4-12
xxxxxxxx-xxxx-Mxxx-Nxxx-xxxxxxxxxxxx
M 表示 UUID版本，目前只有1，2，3，4，5五个版本
N 数字的一至三个最高有效位表示 UUID 变体，目前只有 8，9，a，b
v1：timestamp + MAC 地址
v2：在1的基础上升级，更安全
v3：namespace + 输入内容 进行MD5
v4：基于随机数
v5：namespace + 输入内容 SHA1
- 加密字符 crypto
- sparkMD5 处理 MD5
- axios 数据请求 axios 使用说明参考
axios.md
- 操作 cookie js-cookie
- 与 Android 和 IOS 一套通信规则 DSBridge
pre-commit 推荐使用 husky
- 富文本操作 full-featured
- 富文本操作，轻量 wangEditor
- 签字插件 https://github.com/szimek/signature_pad
生成二维码 qrCode
导入 导出 电子表格 sheetjs
文件上传,分片、压缩等 webuploader
- react 框架 mirror
vue
@antv/x6 快速搭建 DAG 图、ER 图、流程图等
Vetur Vue 格式化工具
vue-i18n vue 做语言国际化, 搭配 vscode 插件 i18n-ally 使用
day: '{n} day | {n} days' 定义
<div>{{$tc('day', n, {n})}}</div> 当 n 不为 1 就会用复数，这里注意0 也是显示复数， 英语只把1作为单数，其余作为复数
图片处理相关
裁切图片：PhotoClip pc 和移动端都支持，方式为移动底部图片，裁剪框不动
裁切图片：cropperjs pc 和移动端都支持，移动裁剪框，功能更强大
图片浏览：fancyBox pc 和移动端都支持，单张大图浏览，可滑动切换图片,功能与 PhotoSwipe 有一些区别且基于 jquery
图片浏览：PhotoSwipe pc 和移动端都支持，单张大图浏览，可滑动切换图片,移动端更友好
图片浏览：viewerjs pc 和移动端都支持，功能更多，适合 pc 端
内容（包括文字图片）滑动/切换 轮播：swiper 移动端现代浏览器
内容（包括文字图片）滑动/切换 轮播：slick 适合 pc 端,自动播放时会有点不流畅
内容（包括文字图片）滑动/切换 轮播：OwlCarousel2 适合 pc 端
压缩图片：localResizeIMG (已不再维护，但已有的功能基本满足需求)
格式化时间
测试相关
node 相关
- @babel/eslint-parser 让 eslint 可以识别草案中的新语法
文件的操作，封装简化 fs 的方法 fs-extra
browserslist包 是在不同的前端工具之间共用目标浏览器和 node 版本的配置工具。用于 Autoprefixer Babel 等
last 2 versions
not dead
// 注意 如果是这么用 可能在vue项目中 Autoprefixer 可能就不会加前缀了，因为 很多需要加前缀的浏览器会被判定为已经死了，所以不用加前缀了，可以 把 not dead 改为 not ie<=10
PostCSS 转换 CSS 的工具，有许多插件，例如 autoprefixer,cssnext 以及 CSS Modules
nodemon 自动检测文件更改 重新启动应用 调试 node.js 应用
pm2
node 应用的进程管理器 快速重启 负载均衡
安装 npm install -g pm2
pm2 start server.js // 启动 node server 服务
pm2 list // 查看所有启动的进程
pm2 monit // 监控所有node进程情况
pm2 show (appname|id) // 查看进程的详细信息
pm2 stop/restart/delete (id|all) // 停止/重启/删除 进程
pm2 logs // 查看日志
pm2 web // 监控运行这些进程的机器的状态