- 博客(56)
- 收藏
- 关注
RSS订阅原创 vscode中好用的插件
两款AI编程辅助工具对比：Console Helper提供代码调试与错误修复功能，界面简洁直观；CodeGeeX则是强大的AI编程助手，支持多种编程语言的智能补全与代码生成。二者均可提升开发效率，但定位不同——前者侧重实时调试，后者专注智能编程辅助。开发者可根据实际需求选择使用。
2025-10-24 13:26:59
271
原创 Vue 3 开发的 HLS 视频流播放组件+异常处理
摘要： 本文介绍了一个基于Vue 3和HLS.js的M3U8视频流播放组件，针对海康转码视频的直播场景设计。组件核心功能包括：1）基础播放能力，支持自适应码率选择；2）状态管理，加载时显示动画，断流时用Canvas保留最后一帧避免黑屏；3）智能容错机制，通过20秒心跳检测分片请求，自动重连（5次短延迟后转长延迟）；4）资源优化，页面隐藏时销毁实例，恢复时重新加载。代码实现了异常日志、多码率切换和生命周期管理，适用于高稳定性要求的直播场景。（150字）
2025-09-28 09:58:06
673
原创 前端大屏做缩放适配不同浏览器
本文介绍了两种前端响应式布局方案：1) 大屏布局使用Vue自定义防抖函数和zoom缩放实现，通过监听窗口resize事件动态计算缩放比例；2) 普通页面采用postcss-pxtorem将px转rem，配合根字体大小调整实现响应式。两种方案都包含事件监听的生命周期管理，防止内存泄漏。大屏方案适合固定比例缩放，普通页面方案则通过CSS转换和动态根字体大小实现更灵活的响应式布局。
2025-07-30 17:01:39
147
原创 前端vue对接海康摄像头流程
示例：rtsp://admin:hik12345@10.16.4.25:554/Streaming/Channels/101。下载地址：https://partners.hikvision.com/tools。（1）如果后端给的是m3u8需要使用插件hls才能加载。登录设备预览配置网页-配置网络-可预览等。（2）如果是mp3前端可直接加载。找到自己的设备类型DS开头。
2025-07-14 17:24:15
822
原创 vue3中使用tinymce封装组件
本文介绍了在Vue项目中引入TinyMCE富文本编辑器的方法和步骤。主要内容包括：1、安装tinymce和tinymce-vue插件；2、创建中文语言文件并配置本地化选项，提供了完整的中文翻译对照表。该方案解决了TinyMCE编辑器在Vue项目中的中文支持问题，为开发者提供了一个完整的富文本编辑解决方案。
2025-07-14 16:35:47
421
2
原创 taro小程序获取运动步数更新步数
1、微信公众平台配置隐私协议、小程序隐私协议审核大概1天左右，提前审核2、微信小程序端根据对应应用的 appcode 调用获取步数，再将获取到的步数传给后端3、在拒绝授权微信步数后，点击更新步数跳转一个提示页面。
2025-01-07 16:53:20
1136
原创 taro小程序打开系统设置
当用户首次拒绝微信某些系统设置请求后，第二次将不再弹出相同请求。为避免用户因找不到开启设置入口而影响功能使用体验，可以直接引导用户跳转至相应设置页面开启功能。
2025-01-07 16:43:36
364
原创 taro小程序vue3使用腾讯地图获取定位，刷新定位、计算两点之间距离、计算合适的缩放比例scale
taro小程序vue3使用腾讯地图获取定位，刷新定位、计算两点之间距离、计算合适的缩放比例scale
2024-12-06 16:28:45
675
原创 ant design中select下拉框和日期选择器会被滚动分开
1、select 需要在select中加上:getPopupContainer=“(triggerNode) => triggerNode.parentNode”select下拉框和日期选择器展开时，如果父级有滚动条，会导致下拉框和下拉框选项分开，影响体验。2、date 日期需要加getCalendarContainer。
2024-07-19 15:03:40
425
原创 Vue 3.0 中一些主要的生命周期钩子
在组件挂载到 DOM 后调用。组件在以下情况下被视为已挂载：其所有同步子组件都已经被挂载（不包含异步组件或 树内的组件），其自身的 DOM 树已经创建完成并插入了父容器中。：这是 Vue 3 引入的一个新钩子，它在组件创建之前执行。此时组件的属性（props）已经被解析，并且这是定义响应式状态和函数的地方。这些钩子函数允许你在组件的不同阶段执行特定的逻辑。这些生命周期钩子可以帮助你更好地控制和管理组件的行为，确保在组件的不同阶段执行适当的逻辑。：在组件更新后调用，当新的 DOM 已经渲染成效后。
2024-03-22 15:25:13
475
原创 css使用伪类选择器来选择特定模式的元素
nth-child(n)：选择其父元素的第n个子元素。:nth-last-of-type(n)：与:nth-of-type(n)相反，从同类型元素的最后一个开始计数。:nth-last-child(n)：与:nth-child(n)相反，从最后一个子元素开始计数。:nth-of-type(n)：选择其父元素中同类型元素的第n个。:first-of-type：选择其父元素中同类型元素的第一个。:last-of-type：选择其父元素中同类型元素的最后一个。:hover：选择鼠标指针浮动在上面的元素。
2024-03-21 13:28:15
474
原创 Invalid options object. Ignore Plugin has been initialized using an options object that does not mat
将package.json文件中的webpack改为"webpack": “^4.0.0”
2024-01-05 10:47:54
716
原创 vue3如何用了按需引入组件如何修改ant的主题颜色
前言：按照网上修改主题颜色的方法一直都不生效后来发现是引入了按需加载组件unplugin-auto-import
2024-01-03 16:49:22
739
原创 vue3使用ant上传组件各种情况
说明：上传是将信息（文件、图片、视频等）通过上传工具发布到远程服务器上的过程。最大尺寸以及限制上传数量、文件样式、大文件上传视频、裁剪尺寸、文案配置、按钮配置可查看、删除、下载、禁用和回显查看
2023-12-22 17:05:20
999
原创 vue2中使用antd的日期组件，使用valueFormat可以直接修改时间格式
写 valueFormat="YYYY-MM-DD HH:mm:ss"可以直接修改时间格式，不需要额外处理change的时间。前言：vue2中使用antd的日期组件，使用valueFormat可以直接修改时间格式。
2023-12-20 11:27:02
1569
原创 ant中notification弹窗提示如何换行展示且溢出滚动
前言：在ant中使用notification可能会有内容过多，需要换行展示，或者内容太多需要滚动。在app.vue中加入样式。
2023-09-12 17:41:27
832
原创 解决vue3 vite热更新时api接口相关文件报错，手动刷新没问题
发现是在api.ts文件中引用了router，router中引用了组件，组件中又调用了api.ts，循环导致热更新报错。vite热更新时api接口相关文件报错，但是手动刷新后就没问题。使用useRouter代替router。
2023-06-14 16:42:41
892
2
原创 ant Design3中使用table的rowSelection选中前一页数据会被清空
antd3官方组件的onChange方法在分页重新加载数据的时候，会将selectedRows清空。使用preserveSelectedRowKeys可以保留。
2023-06-14 15:04:41
973
原创 vite一些好用的插件
使用 gzip 或 brotli 压缩资源。打包优化的时候会使用到这个插件，减小打包体积。执行打包命令（yarn build）后，会在根目录下生成一个 stats.html文件。在vite.config.ts中配置。在vite.config.ts中配置。在vite.config.ts中配置。在vite.config.ts中配置。
2023-06-14 11:42:28
586
原创 前端滚动系列
前端关于滚动有很多知识，整理了一些开发常用到的点。1、清除浏览器滚动条2、修改浏览器滚动条3、滚动到指定位置4、获取元素的滚动位置5、滚动的监听事件
2023-05-10 14:26:01
204
原创 ant中input如果是password类型，无法修改input背景颜色
前言：ant中input如果是存在password类型，无法修改input背景颜色，一直都是#e8f0fe这个颜色，太坑了。研究了好久是internal-autofill-selected影响了背景颜色。就可以修改input的背景颜色了。
2023-04-24 11:17:59
826
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人