自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 vue3-前端合成图片并下载导出

将用户输入的文案,以及ui提供的底图,加上二维码合成一张图片进行下载导出

2024-12-25 14:50:20 248

原创 H5嵌套在小程序中,跳到小程序指定页面

uniapp开发的H5和小程序,将H5嵌套在小程序中,在某个时机再跳转到小程序某个页面

2024-12-13 18:17:45 386

原创 uniapp之将字符串转为imgUrl渲染为二维码

报错You need to specify a canvas element

2024-12-05 11:50:53 958

原创 canvas实现画布白板功能

实现一个集画笔颜色选择器、橡皮擦、旋转,撤销,拖拽等功能的白板

2024-11-20 17:11:47 381

原创 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

原创 uniapp点餐或商城系统菜单左右联动

uniapp实现点餐或商城类左右菜单联动

2024-10-09 15:23:00 1043 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除