uni-app
以实战为线索,分享实战经验。
z.week
技术驱动创新
展开
-
uniapp封装缓存方法,支持类似cookie具有过期时间
set用来设置缓存,get用来获取缓存大概逻辑如下:1、将接收params参数,包含key、data、unit、time2、判断key和data不能为空,防止设置缓存时出错3、判断unit参数,分别处理缓存过期时间4、判断缓存size是否超上限,并及时清除5、设置缓存,并以’|'字符分割过期时间戳6、实现代码如下:3、完善get逻辑大概逻辑如下:1、将接收要获取的缓存key2、判断key不能为空3、获取缓存4、获取当前的时间戳,与缓存时间错比较,以判断缓存是否过期5、获取指定缓存ke原创 2023-03-07 15:04:54 · 1580 阅读 · 0 评论 -
微信小程序input type=nickname不能触发隐私政策?小程序隐私协议开发指南之nickname权限篇
对于 input type=“nickname” 组件,由于 input 的特殊性,如果用户未同意隐私协议,则input type=“nickname” 聚焦时不会触发 onNeedPrivacyAuthorization 事件,而是降级为 input type=“text”,导致不能拉起微信昵称。为规范开发者的用户个人信息处理行为,保障用户合法权益,微信要求开发者主动同步微信当前用户已阅读并同意小程序的隐私政策等收集使用规则,方可调用微信提供的隐私接口。接下来看实现代码:(基于uniapp)原创 2023-11-30 15:06:44 · 1081 阅读 · 0 评论 -
封装时间处理函数,让你更快捷的处理时间业务
包括获取当前日期、获取指定日期、计算日期差、计算两个日期的月份差、获取当前月有几天。原创 2023-03-07 15:32:36 · 357 阅读 · 0 评论 -
uniapp连接蓝牙硬件及硬件数据传输(公用类封装,简单易用)
蓝牙连接设备前,首先会想到一些各种的状态,比如等待连接、搜索设备中、已连接、连接失败等等一系列的状态监听,所以这里先定义好相关状态,以便业务逻辑判断。/*** 蓝牙不可用label : '请检查手机蓝牙是否开启' , code : - 1 } , /*** 等待连接蓝牙label : '等待连接蓝牙' , code : 10000 } , /*** 等待连接蓝牙(重启蓝牙适配器)label : '等待连接蓝牙' , code : 10001 } , /*** 正在搜索设备...原创 2023-02-11 13:46:50 · 4386 阅读 · 9 评论 -
uniapp封装路由,使用路由名称跳转
使用uniapp时,个人感觉有个很不友好的点:当项目比较复杂且文件夹分的比较细时,跳转路由书写代码时会有很长的一行路由代码;(强迫症)比如:/home/project/list/cate/detail为解决这个问题,封装了一套使用路由名称作为跳转路由的方法(类似于Vue路由)原创 2023-02-08 11:32:46 · 1756 阅读 · 0 评论 -
蓝牙发送数据到设备异或和计算
蓝牙发送数据到设备异或和计算原创 2023-01-16 14:39:04 · 134 阅读 · 0 评论 -
uniapp蓝牙硬件广播扫描
大致步骤如下:1. 初始化蓝牙适配器2. 开始搜索设备3. 发现外围设备4. 获取所有已发现的蓝牙设备5. 判断当前设备6. 解析蓝牙设备的广播数据段中的 ManufacturerData 数据段接下来代码实现如果觉得有用随手点个赞吧,谢谢关注我,不定时分享技术干货~原创 2022-10-26 17:52:56 · 1153 阅读 · 2 评论 -
基于uniapp开发[新大陆]安卓设备应用扫码监听功能
收到项目需求,开发新大陆扫码枪的安卓应用开发需求背景:客户仓库产品进出库操作,二维码扫描识别,记录产品信息,库存数量等等终端设备:新大陆智能终端基于uniapp开发混合App,使用uniapp扩展原生App能力下面是核心逻辑代码let error = 1//新大陆 智联天地 N7000R 获取方法 //#ifdef APP-PLUS console.log("新大陆--------------------开始监听!");var main = plus.android.runtime原创 2021-06-01 12:03:44 · 1148 阅读 · 1 评论 -
Vue filter 实现文章更新日期--时间戳
Vue.filter('formatTime', function(time) { const d = new Date(time); const now = Date.now(); const diff = (now - d) / 1000; if (diff < 30) { return "刚刚"; } else if (diff < 3600) { return Math.ceil(diff / 60) + "分钟前"; } else if (diff < 360原创 2021-03-19 11:17:45 · 141 阅读 · 0 评论 -
兼容uniapp在小程序端IOS圆角不生效的问题
/* 兼容IOS圆角 */.br {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}原创 2020-09-14 10:21:28 · 1224 阅读 · 0 评论 -
初入uni-app踩坑记录(image组件绑定本地图片不显示问题)
image组件正常渲染图片地址<image src="@/static/avatar.png" mode="">这种方式引用是可以正常显示的因业务需求,需要动态绑定图片资源链接,代码修改如下:<image :src="userInfo.avatar || avatar" mode=""></image>data() { return { us...原创 2020-04-07 14:41:52 · 14946 阅读 · 1 评论