Vue

Vue3 + vue-clipboard3 实现点击复制内容到剪切板功能，实现原理，官方文档，toClipboard方法

Vu3 + vueuse 实现局部内容区域全屏展示 安装vueuse 引入useFullscreen方法 实现全屏切换 实现效果 非全屏状态 全屏状态

el-select下拉选项支持模糊筛选，只需要加filterable属性即可 要实现下拉选项精确筛选，就需要自定义筛选逻辑

Vue3 + Vant UI 实现移动端table表格 支持滑动加载数据， 支持关键词搜索， 支持配置表格字段， 支持宽度自适应， 支持设置列的最小宽度，超出宽度横向滚动 支持表头固定

富文本编辑器（WangEditer）编辑富文本，富文本展示，富文本转为纯文本。1.封装WangEditor组件 2.富文本展示 3.富文本转文本。 希望对需要使用富文本的你有所帮助！

H5选择器组件，支持分页加载选项，支持模糊搜索。选择器选项太多时，需要分页加载选项，且需要支持模糊搜索，目前Vant UI 提供的选择器组件不支持，因此封装一个H5选择器组件。

基于虚拟列表封装穿梭组件 element-plus的穿梭组件列表不支持虚拟列表，数据量大时会出现卡顿 因此封装了基于虚拟列表的穿梭框组件

list-v 虚拟列表只渲染可视区域内的数据节点，因此可以提高渲染性能 解决列表数据量太大时，页面会卡顿问题

常见的UI组件库的list组件已经支持了触底加载 当list组件不能满足定制化的需求时，需要自己通过for循环渲染列表，并实现触底加载 实现 以下是一个触底加载数据的实例 实例使用Vue.js实现

使用qrcanvas生成二维码，并保存为图片 在html中使用 在vue中使用 1.生成canvas实例 2.转为base64 3.文件下载

Vue + Element-plus 表单上传，文件上传。表单中包含单个文件，包含多个文件，请求参数组装

Vue3+ElementPlus 实现动态多级表头 1. 动态表头 2. 多级表头 table表格需展示哪些字段由后端返回的数据决定

Vue3 + echarts 图表组件 1. 传入options自动生成图表 2. 传入width,height 可配置图表大小 3. 大小自适应 options 改表时，重新生成图表

vue3+elmentPlus 后台系统数据增删改查模板 列表页面 /index.vue 新增/修改/详情页面 /add.vue

svg 1. svg 与 png 对比 2. svg 和 png 图片放大效果 vue中使用svg图 1.安装依赖 2. vue.config.js 中配置 3. 封装 SvgIcon 组件

gm-crypt 加密/解密（国密 SM4 算法） 安装 gm-crypt，引入 gm-crypt，sm4 加密解密

crypto-js AES算法 加密/解密 安装 crypto-js ，引入crypto-js，使用 crypto-js 加密/解密

实现：点击单元格可修改单元格内容，并可以保存修改 点击单元格，获取单元格所在行数据的id,存储为editId,获取单元格所在列的字段名，存储为editCol

ref 获取 dom 和 document 方法 获取 dom 有什么区别 获取dom ref 和 document如何选择 vue3 中获取组件实例的方法 vue3 中获取 dom 元素的方法

vue3 中的 ref 和 reactive 的区别 ref 和 reactive操作的数据类型不同 ref 和 reactive 响应式原理不同