- 博客(20)
- 收藏
- 关注
原创 拍照添加水印
4. **数据格式转换** - [dataURLtoBlob]函数将 DataURL 格式转换为 Blob 对象 - 便于图片的上传和存储操作 ## 应用场景 该模块主要用于为图片添加包含时间、位置、天气等信息的水印,适用于需要记录拍摄时间、地点等元信息的场景。1. **获取水印信息** - [getWatermarkInfo] 函数用于生成水印显示所需的信息 - 包含当前时间、日期、星期、天气和温度等信息 - 支持位置信息的传入。
2025-08-22 16:32:33
205
原创 闭包原理及应用场景
原理:一个多参数的函数转化为一系列单参数函数。调用(如果传参数量不够时返回为函数)=> 指的就是在一定的时间内执行一次。为了防止请求特别频繁 执行最后一次。=> 也是用来降低你的频率(次数)=> 只允许你执行一次。
2025-06-19 17:42:47
299
原创 el-checkbox在表格中使用问题
如图,el-checkbox在表格中使用,当选中的那条数据被删除之后,出现了在同一位置另一条数据为选中状态,打印发现他的值是没问题的。经过查询,需要在el-checkbox上加key值,因为vue会复用已有元素而不是从头开始渲染,所以有唯一的key值可以避免偷懒行为。
2024-12-06 11:41:20
297
原创 vue2播放音频
但是发现并没有在打开页面时就播放,因为浏览器有保护机制,不允许自动播放,当页面有一点交互时就可以触发了。这里我设置了一个按钮做提示。
2024-08-30 13:55:54
487
原创 vue2使用video-player实现展示hls监控直播
this.$refs.videoPlayer.setSrc('要修改的地址');有可能会出现跨域的问题,因为该项目有大量的监控设备使用,采用了后端返回。来获取协议+域名+端口号部分,进而去拼接地址。切换链接在这里不能直接去修改src,得使用。这样可以避免后续部署需要修改地址问题。
2024-08-30 11:52:30
1051
原创 vue2使用ant Design时需要图片预览
我看了ant Design 1.x版本中没有图片预览功能,别的都有,歧视vue2是吧!于是呢,我就找呀找呀找到viewer,发现还挺好用的。的话,会打开新页面去查看图片,好像有点low。只需要在图片外面套一个viewer标签就可以。然后配置一个images。
2024-05-17 10:42:43
932
2
原创 vue封装下载函数,导出文件
它根据输入的模块和接口名发起GET请求,并以blob形式处理响应,用于文件下载。此功能被集成到Vue实例中。使用file-saver导出文件。定义了一个通用的下载函数。
2024-05-15 16:38:38
258
原创 什么是动态路由?params和query有啥区别?
以 Vue 为例,动态路由可以通过在路由配置文件中使用 : 来动态改变路由参数 例 path: home/:id,然后通过 $route. params.id 对象获取路由参数 , 方便处理一些需要根据不同参数值进行处理的业务需求,比如用户详情页商品详情页等。3. 额外的性能开销: 动态路由需要在路由匹配时动态生成路由信息,可能会造成额外的性能开销,但对于大多数应用来说,这种开销是可以接受的。1. 更加灵活: 动态路由可以根据用户请求的不同参数,动态地生成对应的路由信息,从而实现更加灵活的路由匹配。
2023-11-21 09:15:00
212
1
原创 vue2使用swiper实现轮播图近大远小
新版本的swiper不兼容vue2,应使用低版本,我这里使用的时4版本的。样式仅供参考,可根据自己容器大小调整设置轮播项的宽度和缩放的大小。
2023-11-20 16:03:41
1363
1
原创 VS Code好用插件
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code ESLint ChatGPT GPT-4 - Bito AI Code Assistant(强推:免费ChatGPT) CSS Peek Auto Rename Tag Auto Import Bracket Pair Color DLW(扩话区分颜色) Git Project Manager Image preview(图片预览) Prettier - Cod
2023-10-19 16:02:43
290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人