<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[猫巷的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Yujis</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Yujis]]></copyright><item><title><![CDATA[vue3引入海康监控视频组件并实现非分屏需求一个页面同时预览多个监控视频(3)-接口分页篇（最终版）]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/153463354</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/153463354</guid><author>Yujis</author><pubDate>Fri, 17 Oct 2025 10:44:16 +0800</pubDate><description><![CDATA[本文介绍了基于Vue3和TypeScript的视频监控系统前端实现。系统通过videoMonitorings组件展示海康威视摄像头视频流，使用分页控制显示多个摄像头画面。主要功能包括：1）通过listApCameraAPI获取摄像头列表；2）分页展示摄像头视频（每页4个）；3）动态配置摄像头参数（IP、端口、加载时间等）；4）使用v-loading实现加载动画效果。代码中实现了分页切换、数据缓存（sessionStorage）等功能，并注释了原本的滚动加载逻辑，改为传统分页方式。样式部分采用SCSS编写，确]]></description><category></category></item><item><title><![CDATA[vue3引入海康监控视频组件并实现非分屏需求一个页面同时预览多个监控视频(2)]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/151404140</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/151404140</guid><author>Yujis</author><pubDate>Wed, 10 Sep 2025 16:19:17 +0800</pubDate><description><![CDATA[海康监控视频多画面加载实现方案 该代码实现了一个海康监控视频多画面动态加载功能，主要特点包括： 使用WebVideoCtrl.js插件实现视频监控功能 通过watch监听视频参数变化动态初始化视频窗口 支持响应式布局，根据窗口大小调整视频画面尺寸 实现设备登录、通道获取和实时预览功能 提供插件版本检测和自动安装提示 关键实现点： 使用WebVideoCtrl.I_InitPlugin初始化插件 通过WebVideoCtrl.I_Login进行设备登录 调用getChannelInfo获取通道信息 实现视频窗]]></description><category></category></item><item><title><![CDATA[vue根据url下载文档]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/150414173</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/150414173</guid><author>Yujis</author><pubDate>Fri, 15 Aug 2025 09:44:56 +0800</pubDate><description><![CDATA[这段代码实现了一个通过URL下载文档的功能。它首先从URL中提取文件名，然后使用fetch API获取文件内容并转换为二进制数据。接着创建Blob对象和临时URL，通过动态创建a标签并模拟点击实现下载。最后释放内存资源。该方案能有效解决跨域下载问题!]]></description><category></category></item><item><title><![CDATA[vue3引入海康监控视频组件并实现非分屏需求一个页面同时预览多个监控视频(1)；]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/149119434</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/149119434</guid><author>Yujis</author><pubDate>Fri, 04 Jul 2025 16:14:32 +0800</pubDate><description><![CDATA[本文介绍了在Vue项目中集成海康威视Web3.0视频监控组件的实现方法。主要内容包括： 文件引入：在index.html中引入jQuery和海康WebVideoCtrl.js文件 组件封装：创建videoMonitorings.vue子组件，通过props接收视频ID和设备信息 核心功能实现： 使用WebVideoCtrl API进行插件初始化 实现视频窗口大小自适应调整 设备登录认证流程 获取设备通道信息 响应式处理：通过watch监听设备信息变化，自动重新初始化组件 该组件封装了海康威视WebSDK的主]]></description><category></category></item><item><title><![CDATA[quasar框架切换Tab页使用＜keep-alive＞缓存]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/138147806</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/138147806</guid><author>Yujis</author><pubDate>Wed, 24 Apr 2024 10:07:42 +0800</pubDate><description><![CDATA[quasar框架切换Tab页使用缓存。]]></description><category></category></item><item><title><![CDATA[vue3+ant之实现月份多选组件]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/135249752</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/135249752</guid><author>Yujis</author><pubDate>Wed, 27 Dec 2023 16:55:11 +0800</pubDate><description><![CDATA[vue3+ant之实现月份多选组件]]></description><category></category></item><item><title><![CDATA[vue3封装年份组件]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/135107531</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/135107531</guid><author>Yujis</author><pubDate>Wed, 20 Dec 2023 14:55:20 +0800</pubDate><description><![CDATA[vue3封装年份组件]]></description><category></category></item><item><title><![CDATA[vue3+ant 之年份组件]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/135107067</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/135107067</guid><author>Yujis</author><pubDate>Wed, 20 Dec 2023 14:29:37 +0800</pubDate><description><![CDATA[ant-design 框架里的年份组件效果图。]]></description><category></category></item><item><title><![CDATA[vue将base64编码转为pdf方法]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/134463217</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/134463217</guid><author>Yujis</author><pubDate>Fri, 17 Nov 2023 14:59:22 +0800</pubDate><description><![CDATA[vue将base64编码转为pdf方法。]]></description><category></category></item><item><title><![CDATA[在数组中合并相同id数据，并且数据中某一字段不一致也统一合并进去]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/133905634</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/133905634</guid><author>Yujis</author><pubDate>Wed, 18 Oct 2023 14:44:03 +0800</pubDate><description><![CDATA[【代码】在数组中合并相同id数据，并且数据中某一字段不一致也统一合并进去。]]></description><category></category></item><item><title><![CDATA[Windows10下docker安装及遇到的问题并且在docker快速部署onlyoffice]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/131094050</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/131094050</guid><author>Yujis</author><pubDate>Wed, 07 Jun 2023 19:57:15 +0800</pubDate><description><![CDATA[解决：安装wsl ，可以直接网络搜索下载或者Microsoft store商城下载，装好之后重启doker或者重启电脑就可以安装成功了我这里就只遇到了这两个问题；如果遇到其他，自行解决即可；需要重启电脑,重启时按F2进入BIOS模式,红框里默认是关闭，需要改成开启，按F10保存并重启，然后置灰的选项就可以点击开启啦；我这里用到的是阿里云的加速器，创建自己的阿里云账号，点击镜像工具—镜像加速器–就可以获取自己的专属加速器链接啦，；这里下载的是window版的doker，你们根据自身实际情况下载；]]></description><category></category></item><item><title><![CDATA[Vue3+Quasar 前端导出]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/129523416</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/129523416</guid><author>Yujis</author><pubDate>Tue, 14 Mar 2023 12:30:59 +0800</pubDate><description><![CDATA[Quasar前端导出]]></description><category></category></item><item><title><![CDATA[Vue3+TS+Quasar框架实现弹框拖拽]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/129520537</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/129520537</guid><author>Yujis</author><pubDate>Tue, 14 Mar 2023 12:15:18 +0800</pubDate><description><![CDATA[vue3+TS实现弹框可移动]]></description><category></category></item><item><title><![CDATA[vue3+vite 代码混淆插件]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/128970620</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/128970620</guid><author>Yujis</author><pubDate>Fri, 10 Feb 2023 15:45:19 +0800</pubDate><description><![CDATA[代码混淆插件]]></description><category></category></item><item><title><![CDATA[vue3+ts+ant-table横向表格数据实现对单元格过滤之后的数据进行标红]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/128037758</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/128037758</guid><author>Yujis</author><pubDate>Fri, 25 Nov 2022 15:51:36 +0800</pubDate><description><![CDATA[ant-table横向数据对单元格数据进行过滤标红]]></description><category></category></item><item><title><![CDATA[Argument of type ‘‘ is not assignable to parameter of type ‘never‘.]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/127999349</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/127999349</guid><author>Yujis</author><pubDate>Wed, 23 Nov 2022 14:16:47 +0800</pubDate><description><![CDATA[最近在写ts代码，记录下开发中遇到的代码规范问题。]]></description><category></category></item><item><title><![CDATA[字符串日期转时间戳的解决办法且时间戳[10,13]位区别]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/127432179</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/127432179</guid><author>Yujis</author><pubDate>Thu, 20 Oct 2022 18:24:44 +0800</pubDate><description><![CDATA[1.日期转时间戳 或 时间戳 转 日期。2.时间戳[10,13]位的区别。]]></description><category></category></item><item><title><![CDATA[Array.from 和 newSet的区别]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/127316603</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/127316603</guid><author>Yujis</author><pubDate>Fri, 14 Oct 2022 14:29:08 +0800</pubDate><description><![CDATA[1.Set类似于数组，区别在于它所有的成员都是唯一的，不能有重复的值。]]></description><category></category></item><item><title><![CDATA[正则提取数字、英文、中文]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/126877575</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/126877575</guid><author>Yujis</author><pubDate>Thu, 15 Sep 2022 18:59:25 +0800</pubDate><description><![CDATA[【代码】正则提取数字、英文、中文。]]></description><category></category></item><item><title><![CDATA[vue实现点击按钮展开侧边栏，再点击按钮收起]]></title><link>https://blog.youkuaiyun.com/Yujis/article/details/125373020</link><guid>https://blog.youkuaiyun.com/Yujis/article/details/125373020</guid><author>Yujis</author><pubDate>Mon, 20 Jun 2022 15:32:43 +0800</pubDate><description><![CDATA[vue实现点击按钮展开侧边栏，再点击按钮收起]]></description><category></category></item></channel></rss>