自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 大文件上传:切片 + 断点续存 + woker多线程优化

切片上传、断点续存、woker多线程

2024-07-17 15:57:33 674

原创 引用svg图片 注册组件(包含elementplus 的icon 使用)

引用svg图片

2023-11-14 14:41:33 1121 1

原创 微信小程序 自定义tabbar

微信小程序自定义tabbar 实现不同的tabbar样式和功能

2023-09-05 17:53:46 1184 1

原创 自定义右键菜单组件 (vue3)---针对右键菜单高度过高被遮挡问题的改进(23.11.3)

vue3 自定义右键菜单组件,display:none 和固定定位 以及一些细节处理

2023-09-01 15:47:22 4312 2

原创 vuequill的使用和简单封装(2023.11.04修改问题)

vuequill使用和简单封装(vue3)

2023-08-31 09:49:22 848 1

原创 typescript笔记

联合类型:由2个或以上的不同类型组成的类型,表示数据的类型可以时这些类型中的任意一种,多种类型由 | 间隔。1、在有些时候,某些数组的个数和每一个元素的类型是固定的,则我们会使用数组的另外一种表达形式元组。void类型 表示没有任何类型 通常一个函数没有返回值时,返回值类型为void。2、元组可以确定包含的元素个数和每一个元素的类型(各元素的类型不必相同)类型别名:自定义类型,当同一个复杂类型被多次使用,可以通过类型别名复用。//给函数的参数定义字面量类型。数组类型 :表达类型方式2种。

2023-08-31 09:15:12 82

原创 前端文件下载总结 3种方法2种数据类型 (a标签,window.open,blob文件对象下载)

前端下载文件的方法

2023-08-14 14:53:16 2784

原创 偏平化树状结构数组

扁平化树状结构数组

2023-02-10 18:57:35 97

原创 messagebox内容为elselect

elmessagebox 内容为select选择框

2023-02-10 18:52:01 1015

原创 el-table 改变行高

el-table 设置行高单行省略号

2022-10-19 22:53:09 15419

原创 git常用命令

git常用命令总结

2022-10-09 22:02:27 324 1

原创 vue2相关总结

vue2相关总结

2022-10-09 21:57:24 628

原创 vue2总结相关笔记

vue2总结相关笔记

2022-10-09 21:49:09 507

原创 ajax、promise、react、缓存笔记记录

ajax、promise、react、缓存笔记记录

2022-10-09 21:37:38 555

空空如也

空空如也

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

TA关注的人

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