- 博客(14)
- 收藏
- 关注
RSS订阅原创 ES6 数组操作方法
ES6 引入了许多强大的数组操作方法，极大简化了我们对数组的处理。下面我将介绍一些常用的数组方法，包括它们的用法、示例和原理。
2025-07-24 08:33:28
398
原创 高德地图的内网代理
部署的场景内为内网环境，不能直接访问外网，所以前端对高德地图的接口调用要通过nginx转发到可以访问外网的接口去调用对应的接口；
2025-07-23 08:29:48
760
原创 屏幕键盘组件
虚拟键盘输入：提供全功能的虚拟键盘输入，支持字母、数字、符号等拖拽功能：整个键盘区域可以通过鼠标或触摸屏拖拽移动位置布局切换：支持默认布局、大写布局和数字布局三种键盘布局自定义按键：提供清除、关闭、回车等特殊功能按键。
2025-07-22 08:45:09
427
原创 录制视频分片存储在indexDB中
当数据块累计超过6MB或停止录制时，处理并存储数据。表示每 10 秒（10000 毫秒）触发一次。更新 IndexedDB 中该视频的状态为已完成。更新 IndexedDB 中该视频的完成状态。判断条件（大于6MB或录制停止）时调用。这样设计是为了定期获取录制的视频数据块。事件处理器，当有新的录制数据可用时触发。创建 MediaRecorder 实例。事件处理器，当录制完全停止时触发。停止 MediaRecorder。事件（获取最后的数据块）检测支持的视频编解码器。每10秒获取一次数据块。
2025-07-21 08:49:59
273
原创 将元素滚动到视图区
接收一个字符串参数eleName，表示要滚动到的元素的类名：首先检查参数是否为字符串，如果不是则直接返回：使用 Vue 的nextTick确保在 DOM 更新后执行滚动操作：通过获取所有匹配类名的元素：如果找到匹配元素，则对第一个元素调用方法。
2025-07-18 08:38:29
658
原创 web端使用webcamjs获取视频流
框架vue3+vite方案：使用vueuse的useDevicesList方法获取当前浏览器的，并在设备列表发生变化时触发更新。更新时使用webcam中的方法约束视频流的分辨率等，然后使用webcam的方法进行拍照。
2025-07-17 08:59:26
488
原创 indexDB的增删改查
特性会话缓存本地缓存数据库缓存生命周期会话级持久持久容量~5MB~5-10MB≥250MB操作方式同步同步异步数据结构键值对键值对结构化数据查询能力简单键查询简单键查询复杂索引查询适用场景临时会话数据小量持久数据大量结构化数据。
2025-07-11 09:17:49
863
原创 滚动分页实现
实现的滚动分页都是懒加载的形式框架：Vue3+Vite接口：axios组件：arco design 的a-scrollar 滚动条组件。
2025-07-08 20:28:32
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人