- 博客(27)
- 收藏
- 关注
RSS订阅
原创 使用vue3、uni-app无UI集成腾讯音视频实现视频通话
到此为止，已经简单完成了腾讯云音视频通话组件的封装和简单逻辑思路，可以根据实际业务需求进行相应的调整和优化。其中H5腾讯云音视频通话组件封装思路与此类似，只是略有不同。本文章单纯记录自己的实现方式，经供参考，不喜勿喷！
2025-07-21 19:32:33
1958
原创 关于对2D模型图不规则区域进行操作的方案
当第一次遇到这样的需求时，总是那么的猝不及防，当时内心非常的不安。但是通过自己不断地查阅资料，不断地去尝试，慢慢的有了组件的最初的样子，再到后面的慢慢优化，不断地得到了需求的认可。虽然不是很完美，但是相关的功能还是实现了。实现了心里总是很欣慰的。所以每当我们第一次接触的东西时，不要一看就说不，需要自己先调研然后给出可行的实现方案。不喜勿喷！
2025-06-24 15:59:40
298
原创 一个用于实时检测 web 应用更新的 JavaScript 库
在现代 web 应用开发中，前端代码的更新频率较高，尤其是单页应用（SPA）。当应用发布新版本时，如何及时通知用户并引导其刷新页面以加载最新资源，成为了一个亟待解决的问题。version-polling 库应运而生，旨在提供一种简单高效的方式来检测前端应用的版本更新，并提示用户进行页面刷新。
2026-01-29 14:09:01
388
原创 浏览器网络状态监测
Chrome 61+(2017 年 9 月)360 浏览器 12+Edge 79+(2020 年 1 月)Opera 48+(2016 年 8 月)(2022 年 3 月)新建一个/*** 监听网络状态变化* @returns {networkState} 网络状态对象，包含以下属性： isOnline, isSlow, effectiveType, downlink, rtt, saveData, supportsConnectionAPI*/
2026-01-21 08:30:00
237
原创 截图神器snapDOM
html2canvas 代表的传统方案，虽然功能强大，但性能和体验常常拖后腿。而 snapDOM 借助浏览器原生渲染能力，让截图变得又快又稳。
2026-01-13 13:35:13
628
原创 Markdown基本语法以及自定义样式
标准的Markdown规范本身并不支持直接修改字体颜色、背景等样式。内联 HTML：因为Markdown是HTML的超集，所以可以直接在Markdown文件中使用HTML标签和CSS样式。Markdown 扩展：一些Markdown处理器（如 Typora、某些版本的 Markdown Here、以及许多笔记软件）支持扩展语法。样式推荐方法示例斜体Markdown*斜体*粗体Markdown**粗体**颜色HTML">红色</span>背景色HTML">高亮</span>下划线HTML。
2025-12-30 16:36:03
785
原创 vue3解析markdown文件
在 Vue 3 中使用marked和来实现 Markdown 解析、代码高亮、行号显示以及一键复制按钮，可以封装成一个组件。
2025-12-24 16:18:28
272
原创 Vue3全局二次确认弹窗
支持自定义标题、内容、按钮文本危险操作（如删除）可设置 danger 属性高亮确认按钮支持键盘操作（Enter 确认，Escape 取消）点击遮罩层可取消操作平滑的过渡动画基于 Promise 的 API，支持 async/await 语法自动注入样式，无需额外引入 CSS完全使用原生 DOM 操作，不依赖 Vue 组件系统您可以根据需要调整样式变量，如颜色、圆角、阴影等，以匹配您的项目设计系统。
2025-12-23 15:59:30
210
原创 Vue3创建全局提示指示器
这个实现不需要使用 Vue 组件，而是通过原生 DOM 操作创建提示元素，同时支持局部导入引入 和 Vue3 的全局注册机制。
2025-12-22 19:00:00
150
原创 vue3使用canvas签名板组件封装
template><div<canvas></canvas></div>// 签名板宽度width: {},// 签名板高度height: {},// 画笔大小},// 画笔颜色},// 水印文字default: "请在此签名",},// 历史记录最大数量},// 图片地址},});// 绘制背景（白色 + 水印）if (!// 保存当前画布状态到历史if (!// 获取坐标（兼容鼠标和触摸）let x, y。
2025-12-18 10:11:01
155
原创 js自定义日期方法
/ 当前日期// 今天本周的第几天// 当前日// 当前月// 当前年1900 : 0;/*** @param 日期格式化*//*** 获得当前日期*//*** 获得本周的开始时间*//*** 获得本周的结束时间*//*** 获得本月的开始时间*//*** 获得本月的结束时间*//*** 获得本月天数*//*** 获取当前年份的第一天* @returns {string} 例如 2022-01-01*/
2025-08-02 15:17:22
133
原创 大屏可视化适配方案
通过这种方式，我们可以很方便地实现可视化大屏页面的布局自适应。只需要在页面布局容器上绑定 screenRef 引用，然后在 resize 方法中就可以获取到这个容器的样式并设置缩放比例了。同时，我们还可以根据实际需求调整默认的宽高比和是否全屏等参数。这种方法的好处在于它非常灵活，可以根据不同的设计稿来调整适配的比例，而且不需要额外的库或插件支持，完全使用 Vue 的响应式系统和生命周期钩子来实现。
2025-07-29 19:33:40
506
原创 Vue 3 + TypeScript 封装 fetchEventSource 实现流式消息处理
下面是一个完整的 Vue 3 + TypeScript 实现，封装用于处理服务器发送事件(SSE)并实时渲染流式内容到页面的方案。
2025-07-29 12:04:39
903
原创 js生成两个正整数之间的随机数
来生成两个正整数之间的随机数。选择方法 1 或方法 3 即可满足大多数需求！在 JavaScript 中，可以使用。
2025-07-11 12:09:28
536
原创 自定义任务调度Cron表达式生成器
定义Vue3Cron.vue组件，代码如下：-- 自定义Cron表达式 --><template>@click="onHandleTab(1)">秒</li>@click="onHandleTab(2)">分</li>@click="onHandleTab(3)">时</li>@click="onHandleTab(4)">日</li>@click="onHandleTab(5)">月</li>@click="onHandleTab(6)">年</li></ul>-- 秒 -->
2025-06-24 15:48:18
813
2
原创 vue内置指令与自定义指令
/ 注册全局指令})//注册局部指令//指令使用注册指令//全局指令//全局方法//入口文件//注册路由this.app//注册指令//注册全局方法// 引入各模块路由//vue入口文件引入常用指令/*** 传入要复制的内容*/// el控件定义 onclick 事件if (!console.log('无复制内容');return;// 动态创建 textarea 标签。
2025-06-18 12:30:00
177
原创 vue 中的 key 有什么作用？key 的内部原理是什么？
(2).旧虚拟 DOM 中未找到与新虚拟 DOM 相同的 key创建新的真实DOM，随后渲染到到页面。4. 开发中如何选择 key?
2025-06-17 19:27:43
238
原创 vue 解决浏览器chrome、Firefox等自动填充账号密码的问题（type=‘password‘）
vue 解决浏览器chrome、Firefox等自动填充账号密码的问题（type='password'）
2022-04-06 16:35:22
3498
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人