水印公共组件`WaterMark`：调用`useWatermarkBg`函数生成水印图像，并在组件中添加水印，进行防篡改处理。在`mounted`中，创建`MutationObserver`实例，监听水印DOM节点的变化。在`watchEffect`中收集依赖，根据依赖变化重新添加水印图像。在页面中添加水印时，使用`WaterMark`组件即可。本文还对`MutationObserver`进...

在React开发中，Ant Design库提供了方便的Watermark组件，可以轻松为任何区域添加水印。然而，对于Vue开发者，如使用Element UI或Ant Design Vue，这类组件并不直接可用。这就需要我们自己编写。主要考虑两点：生成水印和防止篡改。生成水印时，可以使用canvas在需要的区域创建一个充满该区域的div，然后设置水印...

下面是useWatermark的hooks，水印在项目中也可能会使用到，我们弄一个没法删除的水印，主要借用了MutationObserver这个方法去监听相关dom的变化，如果是属性被修改，我们重新添加属性，如果是dom被删除，我们强制增加一个水印就行了，下面统一封装成hooks，新建文件useWatermark.ts。使用水印hooks，在需要的页面引...

批量获取路径，注册组件require.context(文件夹路径,是否获取子目录,要匹配的文件正则regExp)change="handle()"-->@change=($event)=>handle($event,anyParams)?既拿到事件change传出来的$event又灵活传入自己想要的参数 懒加载：可视区加载数据，可视区加载图片 actions(ctx)?ctx属性模块中的还包含rootS...

#写在发布入口的配置文件下面,config.set('externals',{vue:'Vue','vue-router':'VueRouter',axios:'axios',lodash:'_',echarts:'echarts',nprogress:'NProgress','vue-quill-editor':'VueQuillEditor'})之后,我们需要在public/index.html中,添加我们上面各自的CDN资源...

#写在发布入口的配置文件下面,config.set('externals',{vue:'Vue','vue-router':'VueRouter',axios:'axios',lodash:'_',echarts:'echarts',nprogress:'NProgress','vue-quill-editor':'VueQuillEditor'})之后,我们需要在public/index.html中,添加我们上面各自的CDN资源...