- 博客(116)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端实现水印
本文实现了一个水印工具类，主要功能包括：1.创建canvas绘制旋转-20度的半透明水印，支持单行/双行文字显示；2.通过固定定位将水印铺满整个页面；3.提供setWaterMark方法添加水印和removeWatermark方法移除水印。使用时在permission.js中调用即可，水印具有pointer-events:none属性不影响页面操作。该方案采用canvas生成背景图方式实现，通过唯一ID确保水印单例存在。
2025-09-25 11:42:42
229
原创 基于el-upload和vue-cropper实现图片上传裁剪组件
这个组件基于elementPlus的el-upload和vue-cropper插件实现图片上传和裁剪功能。主要特点包括：支持设置上传数量限制、自定义裁剪框宽高比例、图片预览、编辑回显等。组件提供了丰富的API，包括获取/清空ossId列表、重置组件等方法，并通过emit事件与父组件通信。使用案例展示了如何在表单中集成该组件，包括封面图片、详情图片和相册图片的上传场景。组件支持从后端获取图片数据进行回显，并提供了完整的表单提交和重置逻辑。
2025-09-17 14:55:43
351
原创 适用于 vue react Es6 jQuery 等等的组织架构图(组织结构图)
适用于 vue react Es6 jQuery 等等的组织架构图(组织结构图)
2024-10-13 18:16:00
865
原创 vue中由 window.open转为二进制流下载 遇到下载之后无法打开或乱码的坑 (responseType: ‘blob‘ 无效)
vue中由 window.open转为二进制流下载 遇到下载之后无法打开或乱码的坑 (responseType: 'blob' 无效)
2023-06-25 15:20:52
1701
原创 EditableProTable组件(控制数据的位置以及是否可以进行操作)
EditableProTable组件(控制数据的位置以及是否可以进行操作)
2023-05-03 21:41:42
999
原创 解决git提交报: “Please make sure you have created it correctly.“的错误
我的这个项目是React和umi框架结合的,umi框架对 提交代码进行了限制,怎么commit规范都提交不了.找到 hooksPath = .husky 这一行删除掉,再重新提交代码就可以了。这里我把 package.json中的 lint-staged 删除了。然后打开 .git文件夹中的config文件。
2023-03-27 16:46:26
784
1
原创 二次封装element plus (el-select-v2远程搜索组件)
二次封装element plus (el-select-v2远程搜索组件)
2023-03-04 19:59:36
4335
1
原创 vue3+vite动态引入静态资源(动态引入assets文件夹中的图片)
vue3+vite动态引入静态资源(动态引入assets文件夹中的图片)
2023-03-02 14:02:39
2084
原创 Echarts柱状图(顶部和内部的数值显示)/(内部数值的百分比计算)/(顶部显示多行数据)/(柱体圆角)
Echarts柱状图(顶部和内部的数值显示)/(内部数值的百分比计算)/(顶部显示多行数据)/(柱体圆角)
2023-03-01 14:10:19
10934
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人