- 博客(11)
- 收藏
- 关注
RSS订阅原创 uni-app H5扫码，使用html5-qrcode实现，支持微信H5，直接放源码，已封装成组件，开箱即用
基于html5-qrcode封装的uniapp H5端扫码组件，解决了uniapp H5端原生不支持扫码的问题。该组件支持H5、微信H5等环境，实现了权限检测、摄像头调用和二维码扫描功能。文章详细展示了组件代码和使用方法，包括扫码界面布局、权限处理、扫描参数配置等核心功能。组件已上传至uniapp插件市场免费使用，支持自动适配小程序、APP等不同环境的原生扫码功能。
2025-11-06 15:08:18
737
原创 开发微信公众号内的H5前端页面的一些个人见解和注意事项（微信支付、JS-SDK、wxconfig）
微信H5开发注意事项摘要：1. 微信支付要区分JSAPI支付和H5支付，JSAPI支付适用于微信服务号环境，timeStamp参数需转为字符串格式。2. JS-SDK是微信封装的公共方法，uni-app已封装部分功能，但扫码等功能仍需使用JS-SDK。3. 使用wx.config注册需要的方法时，注意配置正确的签名参数和接口列表。4. 微信H5页面滚动需使用scroll-view组件，uni-app中可用calc(100vh-var(--window-bottom))计算高度，并添加触底事件处理。特别提醒：
2025-10-31 10:26:06
340
原创 node.js 后端实现完全免费的人脸识别接口, 完整人脸识别项目, 使用AI实现
本文介绍了在微信小程序中实现人脸识别功能的开发过程。由于小程序canvas与浏览器实现方式不同，作者改用Node.js后端方案，结合face-api.js和TensorFlow.js实现人脸对比、性别/年龄分析和情绪识别功能。后端接口接收用户上传的照片和手机号，与数据库中的员工照片进行比对，返回相似度、性别、年龄和情绪等分析结果。文章提供了完整的Node.js代码实现，包括模型加载、图像处理和API接口设计，并支持60%相似度的阈值判断。该方案解决了小程序直接调用TensorFlow.js的兼容性问题
2025-09-26 14:45:46
256
原创 前端使用 React 框架预览 excel、word、pdf等文件，保留原格式！选用 js-preview库做本地预览，可内网，非微软在线方式
项目环境：React18，理论支持任意js环境。项目背景：公司内网文件，保留原格式预览，只预览无法编辑选用插件: vue-office...因为各种搜索发现专门适配react的预览库, 效果都不尽人意, 要么是使用微软在线地址, 要么是解析出来无法原格式预览, 偶然发现 vue-office 库适配了非Vue框架, 在react上可以完美使用。
2025-08-20 10:02:16
798
原创 vue纯前端实现人脸识别、表情识别、年龄性别识别,无需后端服务,使用 tensorflow.js + face-api.js 实现
公司要研究人脸识别、表情分析需求, 不想花钱调用各家api ... 遂前端来实现这个事, 研究后使用 tensorflow.js + face-api.js 可以完美实现, 所有操作都在前端浏览器端完成, 不需要传输数据到后端处理.将 weights 文件夹下的所有文件 全部下载到 项目中 public/models 文件夹下。如果打印出模型加载成功, 那么说明前期准备一切正常,直接复制完整代码去使用吧。然后去 face-api 的官方将模型文件下载下来。在使用的页面引入 face-api.js。
2025-05-19 10:28:52
619
2
原创 Vue项目的甘特图组件：dhtmlx-gantt使用教程和实现效果展示
公司的甘特图需求，研究了几个组件后，选择使用 dhtmlx-gantt 进行实现，dhtmlx-gantt使用其实是偏简单的，文档虽然是英文，但配合翻译也是可以看懂的，下面将公司需求的代码实现粘贴出来，并简单介绍一下使用方法，希望对你有帮助。下面讲一下 dhtmlx-gantt 的一些配置项，也可以说是我用到的配置项，更多的就要参考官方文档了。需求是不需要bar连线的，所以将bar连线注释掉了，连线也是可以有的。如果你的页面能展示出来基本样式，那么就成功啦，咱们继续下一步。然后在css内定义样式就好啦。
2024-10-12 11:08:36
25462
10
原创 vue纯前端使用exceljs导出excel文件手把手教程，非官方文档直粘
纯前端使用exceljs导出excel文件超详细教程，一文学会!
2024-08-06 16:10:14
14582
18
原创 el-upload 弹出两次文件选择框的解决方案，element ui上传组件文件选择异常
问题描述：点击选择文件时，会弹出windows的选择文件，点击确定弹窗关闭，紧接着又会弹出一个选择文件弹窗，再次选择会才会真正选中。问题排查：应该是文件选择的冒泡事件导致，但是上网搜索，众大神的解决方案都不太满意，都是一顿监听input之类的，不希望这么凌乱的解决。因为el upload的选取文件时没有方法执行的，直接在按钮上加@click.stop就行，不需要跟函数！解决方案：直接在选取文件的按钮上加上 @click.stop 即可，不需要绑定事件函数。
2024-07-13 12:38:48
1360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人