- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue3 通用水印组件
WaterMark是一个基于 Vue 3 的通用水印组件，支持自定义水印文本、字体、颜色、角度、尺寸等参数。水印通过 SVG 动态生成，并以 base64 形式作为背景图叠加在页面上，适用于页面防截图、溯源等场景。
2025-07-24 15:04:30
419
原创 整理JavaScript正则的规则及常用正则
3、在处理大量数据时，建议将正则表达式对象缓存，避免重复创建。正则的匹配是从左到右进行匹配的，右边被称为正向，左边被称为反向。2、复杂的正则表达式可能难以维护，建议添加注释。1、正则表达式是强大的工具，但要谨慎使用。1.2 修饰符（flags）4.2 RegExp 方法。4.1 String 方法。5.2 正向预查和反向预查。1.1 创建正则表达式。2.2 自定义字符类。
2025-04-08 14:21:38
304
1原创 vue3+element-plus 基于el-upload二次封装的ProUploadFile文件上传组件
ProUploadFile 是一个基于 Element Plus 的 Upload 组件封装的文件上传组件。该组件支持拖拽上传、文件类型限制、大小限制等功能，并提供了美观的文件列表展示界面。
2025-03-27 11:24:02
1351
原创 vue3+element-plus 基于el-upload二次封装的ProUploadImg图片上传组件
ProUploadImg 是一个基于 Element Plus 封装的图片上传组件，提供了图片预览、删除、大小限制、尺寸限制等功能。该组件支持单图和多图上传，并且提供了丰富的配置选项。
2025-03-26 11:17:47
1246
原创 vue2+element 实现无限滚动及搜索栏吸顶
使用element的 Infinite Scroll 无限滚动实现触底加载。滚动容器：集成无限滚动指令，统一处理内容区域与搜索栏的滚动事件。粘性定位实现，粘性定位是当元素达到指定的偏移位置时，它就会像。滚动时根据滚动位置计算两个搜索栏的透明度，实现渐变切换效果。支持重置加载（搜索触发）和增量加载（滚动触发）双模式。紧凑式搜索栏：滚动时动态显示的固定定位搜索组件。自定义滚动监听器实现搜索栏动态过渡效果。固定定位那样固定在页面上，不用监听滚动。1440-1920px：6列网格。内置请求锁机制防止重复调用。
2025-03-17 20:33:53
515
原创 vue实现一键复制图片及文本
使用Canvas将图片转换为Blob，或通过Fetch获取网络图片（需处理跨域）。提供降级方案，在不支持Clipboard API时复制文本并提示手动保存图片。写入多类型数据，主流浏览器（Chrome/Firefox）支持。微信内置浏览器（基于Chromium内核）通常支持该API。：复制操作需由用户点击等手势触发，否则可能被浏览器拦截。：确保图片转换为微信支持的格式（如PNG），以正确显示。图片需允许跨域访问，若使用网络图片，服务器需设置。复制文本，并提示用户手动处理图片。格式的Blob，确保兼容性。
2025-03-13 16:11:45
473
原创 html2canvas不支持文字省略
原因：在HTML中，使用 html2canvas 来将DOM元素渲染为Canvas图像时，因为 html2canvas 主要关注的是HTML元素的视觉呈现，而不是其实际的文本内容。所以在使用 text-overflow:ellipsis 时，生成的Canvas图像中，这些省略的文本并不会被显示为省略的形式，而是会显示为完整的文本。上面方法是因为不知道具体需要多少文字，所以动态计算，如果知道总共能放下多少文字可以通过以下方法直接截取，注：len是字节，文字2字节，英文1字节。第一步：计算文字真实宽度。
2025-03-12 19:44:39
509
原创 restFields为什么无法将表单内容清空
resetFields()方法是将表单重置为初始值，但是表单在编辑时已经被赋值，回显的值成了初始值，关闭弹窗时调用resetFields()方法后，只是把表单重置为回显的值，所以resetFields无法达到需要的效果（将表单内容清空）先点编辑再点新建，在关闭弹窗的方法中使用restFields()，但是表单内容没有被清空，点击新建时表单中仍有内容。：在编辑时，先让表单初始化结束后再进行赋值操作。在关闭弹窗前手动将表单的值置为空，这种方法可以确保即使初始值不为空，也能将表单清空。
2025-03-12 19:27:20
776
原创 vue3+element-plus 日期选择器二次封装
和UI约定日期年月日之间用/，format=“YYYY/MM/DD HH:mm:ss”2、不使用element-plus中的前缀图标，将图标放到后缀位置。其他属性、事件、插槽用法和element-plus一致。3、hover时展示已选日期，并将图标更换为清除图标。editable默认值为false，文本框不可输入。1、根据内容宽度展示，展示不下则省略。
2025-02-27 17:39:32
415
原创 vue3+element-plus 权限配置组件
5、取消菜单权限时，如果该模块中没有其他菜单权限，则该模块权限自动取消勾选。2、取消勾选模块权限时，菜单权限及子权限自动取消勾选。1、勾选模块权限时，菜单权限及子权限需要自动勾选上。secondColTitle: '菜单权限',firstColTitle: '模块权限',thirdColTitle: '子权限',6、勾选操作权限时，模块权限及子权限自动勾选。4、取消菜单权限时，操作权限自动取消勾选。3、勾选菜单权限时，操作权限自动勾选。
2025-02-27 15:17:24
544
原创 vue2+vant 省市区选择
如果有其他需要传递的参数可以通过init方法传递。1、支持选择省市区、省市、市区、省、市、区。用于渲染头部tab的数组。
2025-02-18 18:34:26
387
原创 vue2+vant 车牌输入键盘
3、三个操作按钮分别为“取消”、“删除”、“完成”2、车牌位数不同键盘的内容也不同。1、区分普通车牌及新能源车牌。
2025-02-17 19:39:33
476
原创 轮询，确保接口未返回时不会重复请求
通过设置定时器并在每次请求后判断是否需要继续轮询，确保在接口未返回时不会重复请求，同时处理请求错误的情况，在接口报错时不会导致轮询中止，保持轮询的稳定性。
2025-01-07 10:42:08
320
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人