1. 兼容 PC 和 Mobile；2. 同时支持vue2和vue3;3. 画布自适应屏幕大小变化（窗口缩放、屏幕旋转时画布无需重置，自动校正坐标）；4. 自定义画布尺寸（导出图尺寸），画笔粗细、颜色，画布背景色手写签名vue-esign和vue-signature-pad对比.因为是vue3项目，同时不需要笔压控制，同时只需要清空和保存，就选择了vue-esign。nut-popup为京东风格的

背景项目封装axios的全局拦截的时候遇到一个很奇怪的问题：axios.interceptors.request中遇到接口status不是200的情况，想跳到首页，方法如下:this.$router.push('/Login')可是，并没有达到预期的效果，总会提示Cannot read properties of undefined (reading 'push')探索中。。。...

例如：怎么引用和使用，原生直接按需引入swiper-bundle.min.js和swiper-bundle.min.css文件即可，官方vue的使用也是在vue3的说明，没有vue2的使用文档。

1.1.1 File-setting-LiveTemplates-JavaScript，点击右侧的加号，选择Live Template1.1.2///+enter实现代码注释/***/1.2.3 点击Define，选择模板的应用范围，选中JavaScript。

ESlint是代码检测、规范开发人员代码用的，虽然挺牛逼的，能帮助我们纠错，但是那种不是语法错误，单纯的只是缩进、空格、单双引号之类报出的红色波浪线，丑的要命了，如下图。类似git的忽略文件，来个*忽略所有就行了。只要在对应的报错文件上加上这么一句注释即可。bingo，红色波浪线没了~就是这个，空js或直接删除。

nginx代理就是通过一个特殊的网络服务去访问另一网络服务的一种间接访问方式。像我们不能直接访问国外的网站，只能使用VPN，就是使用了代理。

main.js是Vue项目的入口文件，主要负责初始化Vue实例并配置全局设置。作为应用的单一入口点，它承担着创建Vue实例、管理全局配置和依赖的重要职责。在Vue 2中通常使用new Vue()语法，而Vue 3则采用createApp()函数来创建应用实例，核心作用与定位，适合放入main.js的内容。不适合放入main.js的内容。最佳实践建议

vue 的ant design的Switch开关不支持二次确认，所以自定义封装一套

​前言：开发过程中截图保存图片用到html2canvas，但是呢，使用过程中也会趟坑。。。来说下趟过的坑一、截图不全问题：开发中发发现有滚动条的情况下会截图不全，仅能展示出当前页面展示出来的内容二、不支持textarea换行显示三、不支持省略号:js控制字数，截取字数长度后，动态添加省略号​

但是Vue3中，在setup中无法通过this获取组件实例，console.log(this)打印出来的值是undefined。可以看到，2者有所区别。ctx是普通对象，proxy是Proxy对象。2、使用：由vue提供，官方文档现已找不到此api，可寻找其他替代方案，可能也不推荐使用。中使用this， Vue为我们提供了getCurrentInstance（）方法，这个方法返回了ctx和prox