自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 拍照添加水印

4. **数据格式转换** - [dataURLtoBlob]函数将 DataURL 格式转换为 Blob 对象 - 便于图片的上传和存储操作 ## 应用场景 该模块主要用于为图片添加包含时间、位置、天气等信息的水印,适用于需要记录拍摄时间、地点等元信息的场景。1. **获取水印信息** - [getWatermarkInfo] 函数用于生成水印显示所需的信息 - 包含当前时间、日期、星期、天气和温度等信息 - 支持位置信息的传入。

2025-08-22 16:32:33 205

原创 使用ECharts-GL实现3D饼图

【代码】使用ECharts-GL实现3D饼图。

2025-08-21 11:55:21 207

原创 D3.js结合天地图实现分区颜色区分

【代码】D3.js结合天地图实现分区颜色区分。

2025-08-21 10:11:47 210

原创 闭包原理及应用场景

原理:一个多参数的函数转化为一系列单参数函数。调用(如果传参数量不够时返回为函数)=> 指的就是在一定的时间内执行一次。为了防止请求特别频繁 执行最后一次。=> 也是用来降低你的频率(次数)=> 只允许你执行一次。

2025-06-19 17:42:47 299

原创 el-checkbox在表格中使用问题

如图,el-checkbox在表格中使用,当选中的那条数据被删除之后,出现了在同一位置另一条数据为选中状态,打印发现他的值是没问题的。经过查询,需要在el-checkbox上加key值,因为vue会复用已有元素而不是从头开始渲染,所以有唯一的key值可以避免偷懒行为。

2024-12-06 11:41:20 297

原创 element-ui表格中选择器选不上(不回显)

3.手动触发list更新。

2024-11-26 11:21:17 250

原创 vue2播放音频

但是发现并没有在打开页面时就播放,因为浏览器有保护机制,不允许自动播放,当页面有一点交互时就可以触发了。这里我设置了一个按钮做提示。

2024-08-30 13:55:54 487

原创 vue2使用video-player实现展示hls监控直播

this.$refs.videoPlayer.setSrc('要修改的地址');有可能会出现跨域的问题,因为该项目有大量的监控设备使用,采用了后端返回。来获取协议+域名+端口号部分,进而去拼接地址。切换链接在这里不能直接去修改src,得使用。这样可以避免后续部署需要修改地址问题。

2024-08-30 11:52:30 1051

原创 天地图标记点

【代码】【无标题】

2024-05-17 16:41:46 406

原创 天地图加滤镜

【代码】天地图加滤镜。

2024-05-17 16:12:16 238 1

原创 使用DataV轮播表时自定义样式

如果你的空间比较局限,不自定义样式是这样的,可能会展示不全直接上代码吧。。。

2024-05-17 14:18:19 2077 2

原创 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

原创 滚动条始终划到最下

【代码】滚动条始终划到最下。

2024-05-15 16:07:06 125

原创 vue使用mqtt实现实时接收消息

vue使用mqtt实现实时接收消息

2024-05-14 10:44:38 859 1

原创 echarts柱状图轮播

echarts柱状图轮播。

2024-03-07 11:52:37 421 1

原创 什么是动态路由?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

原创 Vue2使用Echarts实现柱形图,线型图,饼图的配置

最大的区别就是series中type类型的区别,bar,line,pie。

2023-11-20 15:38:05 1374 3

原创 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关注的人

提示
确定要删除当前文章?
取消 删除