weixin_50236740的博客

原创 uniapp 颜色卡条拖动

这篇文章介绍了一个Vue组件HueColorBar.vue的实现，它是一个色相选择器组件。主要功能包括： 组件通过线性渐变展示完整的色相条，用户可以通过触摸或鼠标拖动白色圆点来选择颜色 实现了v-model双向绑定，支持通过value属性传入初始颜色值 提供了完整的颜色转换方法，包括HSV/RGB/HEX之间的相互转换 支持移动端触摸事件和桌面端鼠标事件 在颜色变化时会触发change事件并返回hex和hue值 使用方法简单，只需在页面中引入组件并通过v-model绑定颜色值即可。组件适用于需要颜色选择的场

原创 uniapp使用安卓原生本地插件实现Android串口通信

uniapp使用安卓原生本地插件实现Android串口通信

原创 VSCode运行React Native项目，并使用Android Studio和XCode打包安卓 apk和Abb 打包IOS

【代码】VSCode运行React Native项目，并使用Android Studio和XCode打包安卓 apk和Abb 打包IOS。

原创 Cursor接入Figma教程

Figma 官方现在推荐直接在 Cursor 里安装 Figma Plugin。

原创 XModem128蓝牙升级

这篇文章摘要介绍了基于XModem协议的128字节数据包传输实现，主要用于蓝牙固件升级。核心内容包括： 实现XModem128类处理二进制文件传输，支持128字节数据包构建、CRC16校验和BLE分包 通过uni-app请求获取固件文件，将其分割为128字节数据块并添加XModem协议头 处理传输状态（开始传输、数据确认、传输失败等） 提供数据包拆分功能以适应BLE的MTU限制 包含CRC16-XMODEM校验算法确保数据传输完整性 该实现适用于嵌入式设备通过蓝牙进行固件升级的场景，完整支持XModem协议

原创 vue 自定义日历 组件封装

摘要：该组件实现了一个可定制的治疗日历，支持年/月切换、日期标记和状态显示功能。主要特性包括：1) 支持设置实际训练日期和预估训练日期；2) 提供年份和月份切换按钮；3) 显示周视图并自定义每周起始日；4) 标记当前日期；5) 通过不同颜色区分训练/休息/普通日期；6) 支持响应式布局和尺寸调整。组件采用Vue实现，包含完善的日期处理逻辑和样式定制选项，适用于医疗健康类应用的训练计划展示场景。

原创 uniapp canvas 自定义仪表盘 可滑动 可点击 中间区域支持自定义

摘要：本文实现了一个扇形进度条组件，支持自定义配置参数如画布尺寸、颜色、分段数量等。组件通过Canvas绘制分段弧线，显示当前进度百分比，并支持点击/拖动交互来调整进度值。核心方法包括初始化画布(initCanvas)、绘制扇形(drawFan)和事件处理(getProgressFromEvent)。组件采用节流绘制优化拖动性能，并通过触摸区域检测确保交互准确性。样式上使用绝对定位将百分比文本居中显示在进度条中心。该组件适用于需要可视化进度展示的场景。

原创 斑马打印机 报错：Access to script at ‘http://localhost:8000/CLodopfuncs.js‘ from origin

原创 css 块级元素宽度自适应

【代码】css 块级元素宽度自适应。

原创 uiapp 微信小程序 使用video 首次播放视频 出现卡顿问题！

微信原生小程序使用 custom-cache="{{fale}}"uniapp使用 :custom-cache="false"

原创 vue 富文本显示图片宽度自适应 适配屏幕宽度

文章摘要： 这段代码展示了一个计算属性，用于格式化富文本内容中的图片标签。主要功能包括：自动为图片添加响应式样式（max-width:100%，height:auto），移除图片的固定宽高属性，并通过console.log输出处理后的HTML内容。该函数通过正则表达式匹配和替换来实现这些功能，适用于需要优化网页图片显示的富文本处理场景。（100字）

原创 Vue + element实现电子围栏功能, 根据省市区选择围栏, 自定义围栏 ,手动输入地名围栏, 保存围栏，清除围栏，加载围栏，批量检测标点是否在围栏内。

Vue 实现电子围栏功能, 根据省市区选择围栏, 自定义围栏 ,手动输入地名围栏, 保存围栏，清除围栏，加载围栏，批量检测标点是否在围栏内。

原创 uniapp 微信小程序 支付宝小程序连接mqtt

3:创建mqtt.vue 并引入mqtt.js。

原创 uniapp PDF 预览和下载

创建 index.vue。2：创建PDF.vue。

原创 video标签 获取视频某一帧用来当作封面

【代码】video标签 获取视频某一帧用来当作封面。

原创 uniapp H5 Socket(即时通讯聊天)发送表情 图片 视频 请求数据加密

【代码】uniapp H5 Socket(即时通讯聊天)发送表情 图片 视频 请求数据加密。

原创 Vue 复制功能

【代码】Vue 复制功能。

原创 前端 - RSA加密(短文本加密 超长文本加密)&解密(短文本解密 超长文本解密)

前端 - RSA加密(短文本加密 超长文本加密)&解密(短文本解密 超长文本解密)

原创 uniapp 参数太长解决办法

uniapp 参数太长解决办法

原创 uniapp 微信小程序 支付宝小程序 蓝牙选择连接

1:新建一个vue页面 index.vue。2: 创建boxYj.js。

原创 requestAnimationFrame 替代 setInterval 定时器优化性能

【代码】requestAnimationFrame 替代 setInterval 定时器优化性能。

原创 css 无缝连接 无限滚动 无限轮播

【代码】css 无缝连接 无限滚动 无限轮播。

原创 uniapp 小程序分享功能 分享好友 分享到朋友圈 收藏

2:main.js 文件中 引入刚刚的share.js 就可以了。

原创 css animatio 实现贝塞尔曲线运动

【代码】css animatio 实现贝塞尔曲线运动。

原创 uniapp 支付宝小程序 芝麻免押 免押金

【代码】uniapp 支付宝小程序 芝麻免押 免押金。

原创 uniapp navbar栏 页面滑动 背景颜色从透明到白色

【代码】uniapp navbar栏 页面滑动 背景颜色从透明到白色。

原创 uniapp 小程序 蓝牙 兼容Android和IOS 微信小程序和支付宝小程序

【代码】uniapp 小程序 兼容Android和IOS 微信小程序和支付宝小程序。

原创 uniapp App端 连接蓝牙并下发命令

2:inde.vue 页面使用。

原创 uniapp 微信小程序 支付宝小程序 30秒后连接失败 支持中途打开设备连接蓝牙

bluetooth.js 调用顺序看这篇文章。

原创 UniApp 解决image背景图片下方有10rpx 的白边

【代码】UniApp 解决image背景图片下方有10rpx 的白边。

原创 uniapp formdata 单文件上传

【代码】uniapp formdata 单文件上传。

原创 uniapp 蓝牙连接设备 下发命令 监听蓝牙与设备的连接状态(兼容 微信小程序和支付宝小程序)

uniapp 蓝牙连接设备 下发命令 监听蓝牙与设备的连接状态(兼容 微信小程序和支付宝小程序) 1：创建蓝牙需要调用的Api文件 ly.js。2 在页面中使用index.vue。

原创 解决vue 富文本 使用 quill-image-resize-module imports错误

【代码】解决vue 富文本 使用 quill-image-resize-module imports错误。

原创 vue 网络请求封装

3:在Vue 页面引用 第二步 index.js文件 发起网络请求。2：创建 index.js文件 引入request.js文件。1：创建 request.js文件。

原创 uniApp 网络请求封装

3:在你需要用到的的页面 引入第二步创建的 jindex.js文件 就可以访问后端的接口开始联调了。2: 创建 index.js 引入第一步创建的 request.js文件。1:创建 request.js 文件。

原创 uniapp 连接蓝牙 并下发命令

2:在你需要用到vue页面中引入 ly.js。1：创建ly.js 文件。3：连接蓝牙并下发命令。

原创 Quill 富文本 quill.insertEmbed 设置video标签 宽 高 自动播放等 属性

1.第一步我们要先修改quill源码，新建js为quill-video.js。

原创 uniapp 与 原生安卓IOS 的通信

2:uniapp 调安卓 Ios 里面的方法肌传参。1: 安卓 ISO 调uniapp 里面的方法。

原创 Vue 导入并读取Excel 表格数据（纯前端）

【代码】Vue 导入并读取Excel 表格数据（纯前端）

原创 能让你早点下班的36个JavaScript实用函数！早点摸鱼、早点下班！

注：引用于微信公众号 ‘前端面试题库MST’ 这里只为方便自己使用