项目知识

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

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

两个前端项目使用了不同的node版本，需求切换node版本进行开发和构建。Mac使用n模块，windows 使用 nvm

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

如何在canvas画布上绘图 绘制红色矩形块 绘制矩形框 绘制线段 绘制圆形 绘制形状 绘制圆弧曲线 绘制渐变色 绘制径向渐变色 绘制文本 绘制图片 绘制阴影 设置笔触颜色/笔触宽度/末端样式/连接处

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

pnpm VS npm、yarn & pnpm使用教程 1. pnpm的优势和特点 2. pnpm安装/卸载 3. pnpm管理依赖 4. pnpm运行脚本 5. pnpm管理环境

1.依赖包的分类： 开发依赖 和 运行依赖 2.npm包管理工具的使用 3.yarn包管理工具的使用

打印日志 log、info、warn、error 打印表格 table 分组打印 group groupEnd 打印一段代码的执行时间 time、timeEnd 打印js对象/DOM实例对象 描述信息

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

引入 express，启动服务；express 解析 post请求体+解析 json 数据；后端允许跨域；express 静态资源托管；操作文件；解析表单；登录鉴权；响应请求

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

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

前端必备网站 框架官网，UI组件库官网，常用工具(代码库，算法练习，流程图工具，兼容性检查，图片压缩，数据格式转化，echarts-demo集，代码生成图片工具)

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

正则校验 正则匹配方法 常用元字符 量词 指定匹配字符数量 标识符（修饰符） 常用正则表达式

页面适配 布局单位 vw,vh 相对视口大小的百分比大小 em:相对父元素的 font-size 的大小 rem:相对于根（html）的 font-size 大小 淘宝自适应方案原理

echarts 图表 html文件 中使用 echarts 图表步骤 Vue项目中使用echarts图表

Vue SEO 优化：搜索引擎优化 让搜索引擎更好的 定位到相应数据 vue 项目本身不具备SEO基本条件 解决方案一：预渲染 解决方案二：服务端渲染 Nuxt(终极解决方案)