- 博客(17)
- 收藏
- 关注
原创 H5使用库实现扫码功能
本文介绍了使用html5-qrcode实现扫码的备选方案。该方案优点在于不依赖壳子,直接调用浏览器摄像头,但存在鸿蒙系统兼容性问题。文章详细说明了实现步骤。该方案适用于需要浏览器直接扫码的场景,但需注意鸿蒙系统的模糊二维码问题
2025-07-10 15:21:55
221
原创 H5使用微信sdk调用微信扫一扫
本文介绍了在H5中实现微信扫码功能的两种方案对比及具体实现。微信JS-SDK方案优势在于体验接近原生扫码,兼容鸿蒙系统,详细说明了微信JS-SDK的四个实现步骤
2025-07-10 15:12:29
466
原创 vue3-根据权限点控制按钮进行身份验证通过后再执行按钮事件
为了保证用户信息安全,可在一些敏感操作前进行身份认证,认证通过后才让继续操作,那么我们今天结合自定义指令来实现这一功能。1.封装好你的全局弹窗组件,并在全局文件或入口文件中引入(如:App.vue)在一些管理系统中,经常会涉及到一些敏感操作,比如更改密码/删除人员等行为。3.封装自定义指令,等待验证完成后执行事件。2.封装判断用户是否有权限方法。4.在App.vue中全局注册。5.在按钮处通过自定义指令调用。
2025-07-09 15:53:54
139
原创 vue3报错 Extraneous non-props attributes were passed to component but could not be 导致组件不渲染
在Vue3中支持多根标签组件,但多个根节点可能导致非props属性继承问题,使组件无法正确渲染。这是因为Vue无法确定应将属性传递给哪个根节点。解决方法是将子组件改为单根节点结构,确保属性能够正确继承。
2025-06-06 14:40:15
205
原创 uniapp H5与小程序/app多端跳转传参--研究实现篇
H5使用webview嵌套在微信小程序以及app中,由H5进行跳转到小程序或者app页面,并携带参数。如果你在index.html中直接引入,但是相关js并未加载,如下图,那么咱们可以通过在页面中动态插入的方式来引入(我的就必须动态引入)注意:uni.webview.1.5.5.js需要下载到本地,我这里是放在了static文件夹中。1.引入微信sdk与uni.webview.1.5.5.js。2.在页面上直接使用uni.webView进行跳转。
2025-04-11 11:53:43
437
原创 Vue3+Vite打包后清除console和debugger调试代码
有的开发习惯不是特别好,会偶尔将一下调试代码,例如console和debugger等代码粗心的提交到线上分支中,console可能会导致泄露数据或隐私,debugger可能会在用户偶然间打开控制台影响用户体验。在vite和webpack项目中,自带去除调试代码功能,需要在vite.consif.js中配置。这里我们主要针对vite项目提供两种解决方案。1.vite.config.js中配置。2.使用插件Terser。
2025-01-15 16:34:50
701
原创 vue3使用DataV安装依赖启动报错
vite] Internal server error: Failed to resolve import "@dataview/datav-vue3" from "src/main.js". Does the file exist?
2025-01-09 15:59:23
483
原创 uniapp-Map地图之打标点与使用
在uniapp开发中,会涉及到定位方面的需求,比如查询用户附近的门店,在餐饮与外卖应用中广泛存在,今天就来记录一下uniapp中map组件的使用与打标点。latitude/longitude为用户当前所在定位,用来标记用户当前地理位置,如图。scale为地图缩放比例,值越大地图越详细。markers为标点集合。
2024-11-05 17:27:52
1285
原创 uniapp小程序版本升级进行自动更新提示
在网上看了很多这种类似的,但其实不需要前端来进行监测提示在小程序后台可以直接设置小程序最低可用版本,若用户当前使用的版本低于设置的最低版本时,微信自动提示更新
2024-10-21 17:44:06
402
原创 uniapp常见坑之swiper组件高度无法自适应
最近在开发uni中,因业务需要无法使用组件的轮播图,尝试用的uniapp内置组件swiper,然后就发现了一个坑,如果把swiper定死了高度,那整体的高度不会随着子内容的变化而变化,也无法很好的适应其他机型
2024-10-18 14:44:54
858
原创 vue实现元素自由拖拽完成排序
属性用于设置拖动元素时的动画过渡效果的持续时间。它指定了从一个位置到另一个位置的过渡所需的时间(以毫秒为单位)如果想要实现元素可以自由拖动排序,可用插件:vuedraggable。是一个数组,表示需要拖动和排序的元素列表。下载:yarn add vuedraggable。组件绑定,以便在拖拽和排序时自动更新列表。是拖动后的api,可做拖动后的处理。
2024-10-15 10:39:39
337
原创 uniapp-接入微信支付
目前市面上很多小程序用于商用,支付这块会涉及到各类支付,今天我们就以微信支付为例,给大家放个示例,需要自取。在所有前提满足的情况下,我们直接开始开发。
2024-10-12 15:05:30
554
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人