- 博客(87)
- 收藏
- 关注
RSS订阅原创 UNIAPP中NVUE页面 动画
本文介绍了在UNIAPP中使用NVUE页面实现原生旋转动画的方法。通过调用uni.requireNativePlugin('animation')模块，实现了刷新图标的旋转效果。核心代码包括：1) 点击触发旋转动画并请求数据；2) 使用递归调用实现无限旋转；3) 请求完成后平滑停止动画并归位。动画参数可配置旋转速度、时长和缓动效果，提供了流畅的用户交互体验。
2026-05-27 14:39:15
91
原创 uniapp的IOS中首次进入，无网络问题
本文针对uniapp在iOS系统中首次打开时出现的无网络问题提出了解决方案。该问题是由于iOS系统会先弹出网络权限选择框，导致应用启动时即使设备有网络也无法立即使用。解决方案通过封装网络状态检测模块，结合getNetworkType()和onNetworkStatusChange()API，实现了对iOS网络状态的实时监控。当检测到网络连接可用时再执行相关网络请求，并在页面销毁时移除监听，确保应用在网络可用时能正常请求数据。该方案有效解决了iOS首次启动时的网络权限延迟问题。
2025-10-15 10:19:39
613
原创 对话模拟，类似打字效果
本文展示了如何实现对话模拟的打字效果。通过Vue组件，代码实现了逐字显示原文和译文的动画效果，包括：1) 使用typeWriter函数控制字符逐个显示；2) 原文显示完成后延迟显示翻译结果；3) 对话条目自动顺序添加；4) 左右区分显示原文和译文。CSS样式设置了对话气泡的布局和样式，包括不同的背景色和位置。该实现可用于聊天机器人、语言翻译等场景，模拟真实的对话交互体验。
2025-10-12 10:00:00
182
原创 自定义lottie，多图模拟gif
本文介绍了一个基于Vue的自定义Lottie组件，通过多张图片序列模拟GIF动画效果。组件包含图片容器和控制面板，支持自动播放、循环播放、进度控制等功能。核心特性包括：可配置播放间隔、淡入淡出过渡效果、错误处理机制，以及通过slider控件实现手动切换帧。组件提供了play()、pause()等外部调用方法，并支持响应式更新图片数组。CSS部分实现了图片容器布局和淡入淡出动画效果，控制面板采用半透明设计位于底部。
2025-10-11 10:52:15
263
原创 uniapp应用蓝牙权限
这是一个用于检查Android设备蓝牙权限的JavaScript函数。它根据Android版本差异检查不同权限：Android 12+需要BLUETOOTH_CONNECT权限，旧版本需要BLUETOOTH和BLUETOOTH_ADMIN权限，同时都会检查ACCESS_FINE_LOCATION位置权限。函数返回Promise，当所有权限已授予时resolve，权限被拒绝或请求失败时reject。实现方式是通过Android原生API检查权限状态，缺少权限时自动请求用户授权，并处理授权结果。
2025-09-04 10:41:07
226
原创 封装了uni-app框架中的页面跳转方法
这是一个封装uni-app页面导航功能的JS工具对象，提供了五种常用导航方法：navigateTo(保留当前页跳转)、redirectTo(关闭当前页跳转)、switchTab(切换tab页)、reLaunch(重启应用跳转)和navigateBack(返回上一页)。所有方法都实现了300ms默认防抖处理，防止重复点击，并通过_debounceTimers对象管理定时器。包含URL有效性校验，失败时有错误日志输出。该封装提升了uni-app导航的易用性和健壮性，适合在uni-app项目中统一管理页面跳转逻辑
2025-08-23 00:30:00
255
原创 uniapp检查应用通知权限
该代码实现了一个跨平台的Android通知权限检查功能。通过导入Android原生类，检查当前应用的通知权限状态。若未授权，会引导用户跳转到系统设置页面开启权限，兼容Android 5.0及以上版本。使用Promise异步返回权限状态，在非APP-PLUS环境下默认返回true。代码采用了异常处理机制，当两种兼容库导入方式都失败时返回false，确保了健壮性。
2025-08-22 15:42:29
157
原创 封装mixins，使用websocket
本文介绍了一个WebSocket混合模块(websocket.mixin.js)，用于在uni-app项目中封装WebSocket的常用功能。该模块提供了完整的WebSocket生命周期管理，包括连接初始化、心跳检测、自动重连、消息队列管理等功能。主要特性有：1) 支持连接状态管理；2) 30秒心跳检测机制；3) 5次自动重连策略；4) 未连接时消息队列缓存；5) 提供必须实现的回调接口(onWebSocketOpen、onWebSocketMessage等)。该模块通过混入方式使用，可帮助开发者快速实现稳
2025-07-22 11:39:57
312
原创 基于uniapp操作缓存
本文介绍了一套本地缓存操作方法，包含数据存储、获取、删除和清空功能。setStorageSync方法实现了键值对存储，自动处理对象序列化；getStorageSync方法支持数据反序列化并返回包含值和错误信息的对象；removeStorageSync和clearStorageSync分别用于删除指定数据和清空缓存。所有方法均包含参数校验和错误处理机制，确保操作安全可靠。这些方法基于uni-app框架封装，可作为通用存储工具使用。
2025-07-16 16:48:33
169
原创 前端项目中存储cookie
本文介绍了一个用于管理管理员Token的JavaScript工具模块。该模块通过js-cookie库实现了Token及其过期时间的CRUD操作，包含六个核心函数：获取/设置/移除Token，以及获取/设置/移除Token过期时间。所有函数都通过常量定义的键名来操作cookie，返回相应的值或操作状态。该模块采用ES6模块化语法导出，可直接集成到前端项目中，为管理员身份验证提供便捷的Token管理功能。
2025-07-16 10:04:17
164
原创 前端项目工具函数，持续更新
本文介绍了一组实用的JavaScript工具函数，包括：isEmpty检查值是否为空；getTimeAgo计算时间差；getTimestamps获取时间戳；cleanArray清除数组空值；uniqueArr数组去重；createUniqueString生成唯一字符串；parseStrEmpty处理空字符串；isHttp验证URL协议；validEmail验证邮箱格式；isString判断字符串类型。这些函数使用dayjs处理日期时间，并采用类型检查确保参数有效性，适用于各种数据处理场景。
2025-07-15 17:18:56
648
原创 获取app缓存内容，大小，以及清除
摘要：该代码提供了移动应用缓存管理工具，包含获取缓存大小(getCacheSize)、格式化文件大小(formatFileSize)、获取所有缓存键(getAllKeys)和选择性清除缓存(clearCacheExclude)四个核心功能。其中clearCacheExclude方法可保留指定缓存项，实现了安全清理。所有方法均返回Promise对象，支持异步操作，并包含错误处理机制。代码针对5+ Runtime环境优化，适用于uni-app等跨平台开发框架的缓存管理需求。
2025-07-15 17:12:09
369
原创 基于uniapp封装请求
这是一个通用的HTTP请求封装函数，主要功能包括：1.支持GET/POST/PUT/DETELE方法；2.可配置token验证和OpenAI特殊请求；3.自动处理401/403授权失败；4.支持自定义超时时间和URL前缀；5.统一错误处理和响应格式。函数返回Promise，成功时返回响应数据，失败时返回带错误信息的reject对象。核心特点是灵活的请求头配置、完善的错误处理和响应状态码判断机制。
2025-07-15 17:06:40
367
1原创 微信小程序隐私政策配置
开发者将在获取你的明示同意后，使用你的相册（仅写入）权限。，开发者将在获取你的明示同意后，收集你的微信昵称、头像。，开发者将在获取你的明示同意后，收集你的微信运动步数。，开发者将在获取你的明示同意后，收集你的位置信息。，开发者将在获取你的明示同意后，访问你的麦克风。，开发者将在获取你的明示同意后，访问你的摄像头。，开发者将在获取你的明示同意后，收集你的手机号。，开发者将在获取你的明示同意后，收集你的车牌号。开发者收集你的发票信息，用于。开发者收集你的设备信息，用于。开发者收集你的订单信息，用于。
2023-11-01 16:04:20
3616
原创 vue+editor 修改复制黏贴图片路径为base64，修改为正常路径
【代码】vue+editor 修改复制黏贴图片路径为base64，修改为正常路径。
2023-09-25 10:37:43
379
原创 vue时间格式化过滤
vue时间格式化过滤2021/12/13/* **引入dayjs转换 **将2021-09-05T09:08:03.000Z 转换成 YYYY-MM-DD HH:mm:ss 格式 **npm install dayjs --save */import dayjs from 'dayjs'// 时间格式化过滤Vue.filter('formatTime', function (val) { if (val == '') return; return dayjs(val).format
2021-12-13 09:10:24
483
原创 form表单重置
form表单重置2021/05/21export function resetForm(refName) { if (this.$refs[refName]) { this.$refs[refName].resetFields(); }}
2021-05-21 09:51:41
312
原创 日期格式化
日期格式化2021/05/21export function parseTime(time, pattern) { if (arguments.length === 0 || !time) { return null } const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}' let date if (typeof time === 'object') { date = time } else { if ((typeof time
2021-05-21 09:49:42
150
原创 匹配手机号
匹配手机号2020/12/14function IsPhone(phone) { let reg = /^1[0-9]{10}$/; if (reg.test(phone)) { return true; } else { return false; };};
2020-12-14 14:35:39
234
原创 js正则匹配身份证号码
匹配身份证号码2020/12/14// 匹配大陆身份证号码function IsID(ids) { let reg = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|[xX])$/; if (reg.test(ids)) { return true; } else { return false; };};// 匹配台湾身份证号码function IsIDt(ids) { let reg =
2020-12-14 14:34:38
885
原创 判断字符串是否为空
判断字符串是否为空2020/12/14function IsEmptyStr(str) { if (str == null || str == 'null' || str == undefined || str == 'undefined' || str.match(/^[\s]*$/)) { return true; } else { return false; }}
2020-12-14 14:31:46
195
原创 获取当前日期的之后日期
获取当前日期的之后日期2020/12/14无字段function sRiQi(htimes) { let today = new Date(); let dateArr = []; for (let i = 0; i < Number(htimes); i++) { let newDate = new Date(today.getTime() + i * 1000 * 60 * 60 * 24) let year = newDate.getFullYear() let mont
2020-12-14 14:30:45
214
原创 获取日期
获取日期2020/12/14function RiQi() { let systemDate = new Date(); // 获取当年 let year = systemDate.getFullYear(); // 获取当月 （月+1是因为js中月份是按0开始的） let month = systemDate.getMonth() + 1; // 获取当日 let day = systemDate.getDate(); if (day < 10) { // 如果日小于10，前面拼
2020-12-14 14:28:20
157
原创 获取当前时间戳
获取当前时间戳2020/12/14function NowTimes() { let now = Date.parse(new Date()) / 1000; return now+'';}
2020-12-14 14:27:10
268
原创 删除左右两端的空格
删除左右两端的空格2020/12/14function delectTwo(stra) { let str = stra.replace(/(^\s*)|(\s*$)/g, ""); return str;}
2020-12-14 14:25:26
242
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人