- 博客(19)
- 收藏
- 关注
原创 pc网站手机端打开跳转对应小程序
本文介绍了在移动端浏览器访问PC网站时自动跳转微信小程序的实现方案。主要包含三个部分:1)通过路由守卫判断设备类型;2)在移动端展示跳转中间页,提供倒计时跳转和继续浏览选项;3)使用微信开放标签实现小程序跳转功能。关键实现包括:配置微信JS-SDK、使用wx-open-launch-weapp标签、处理跳转和错误回调、获取后端生成的跳转URL等。代码示例展示了倒计时跳转逻辑、微信配置初始化过程以及移动端适配检测方法,为PC网站向小程序导流提供了完整的技术方案。
2025-09-26 17:34:23
319
原创 小程序左右滑动切换组件
该代码实现了一个支持触摸滑动的Vue组件,主要功能包括: 通过scroll-view实现可滚动区域,支持横向/纵向滚动、下拉刷新等功能 监听触摸事件计算滑动方向(上、下、左、右) 通过props配置滚动参数(如scrollX/Y、refresherEnabled等) 通过emit触发各种滚动和触摸相关事件 使用getAngle方法计算滑动角度,判断滑动方向 组件特点: 支持自定义class和样式 可配置滑动触发距离阈值 提供丰富的滚动和触摸事件回调 适用于uni-app开发环境 核心功能是通过触摸事件监听和
2025-08-25 18:16:58
146
原创 微信小程序stepper
这是一个基于Vue3和uni-app开发的数字步进器组件,包含完整的功能实现和样式设计。组件支持以下特性: 核心功能: 通过加减按钮调整数值 支持直接输入数值 可设置最小值(min)、最大值(max)和步长(step) 支持禁用状态(disabled) 交互处理: 输入框失焦(blur)时进行数值校验 支持动态计算小数精度 超出范围时自动修正数值 提供change、blur等事件回调 UI设计: 圆角边框样式 加减按钮的+/-符号使用伪元素实现 响应点击态效果 适配移动端尺寸(使用rpx单位) 组件封装了完
2025-08-25 18:12:19
208
原创 下载:图片、多张图片、图片打包进zip压缩包的下载
本文介绍了三种前端图片下载的实现方法:1)单张图片下载,通过创建隐藏a标签直接下载或转换为blob格式后下载;2)多张图片批量下载,通过循环+延迟机制逐个下载;3)多图打包为zip下载,使用JSZip库将图片压缩后统一下载。每种方法都提供了完整的JavaScript实现代码,包含错误处理和参数校验。这些方案覆盖了不同场景下的图片下载需求,从简单单图到复杂批量压缩下载。
2025-08-23 11:08:18
195
原创 小程序分享自定义(页面右上角自带分享 + button按钮定义分享)
小程序分享功能有两种触发方式:页面右上角菜单按钮和带open-type="share"属性的按钮组件。通过onShareAppMessage()函数可自定义分享内容,包括标题、图片和跳转路径。该函数接收的obj参数可区分分享来源(button或menu),通过target属性还能识别具体是哪个按钮触发的分享(利用id或自定义属性)。不设置自定义内容时,默认使用当前页面截图作为分享图,标题为空,路径为当前页面。注意分享卡片标题最多28个汉字,图片比例建议5:4,路径参数限制2048字符。
2024-07-17 18:05:15
4643
1
原创 自定义右键菜单组件 (vue3)---针对右键菜单高度过高被遮挡问题的改进(23.11.3)
vue3 自定义右键菜单组件,display:none 和固定定位 以及一些细节处理
2023-09-01 15:47:22
4312
2
原创 typescript笔记
联合类型:由2个或以上的不同类型组成的类型,表示数据的类型可以时这些类型中的任意一种,多种类型由 | 间隔。1、在有些时候,某些数组的个数和每一个元素的类型是固定的,则我们会使用数组的另外一种表达形式元组。void类型 表示没有任何类型 通常一个函数没有返回值时,返回值类型为void。2、元组可以确定包含的元素个数和每一个元素的类型(各元素的类型不必相同)类型别名:自定义类型,当同一个复杂类型被多次使用,可以通过类型别名复用。//给函数的参数定义字面量类型。数组类型 :表达类型方式2种。
2023-08-31 09:15:12
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅