草庐IT

解决微信小程序数据渲染缓慢或卡顿的方法 (uniapp vue3)

在微信小程序中渲染数据时通常会使用setData方法,但是setData对数据是有影响的,单次设置的数据不能超过1024kB,否则就会出现卡顿甚至有时会导致小程序闪退等现象。而我们平时在实现业务时,一般会采取数据分页而防止大量数据渲染导致小程序白屏/卡顿,例如在一些商城平台需要滚动时切换菜单,也需要回显购物车数据的情况下,无法进行分页处理,我的方法是把从接口获取到的数据进行格式化处理后,进行递归调用(递归一次进行一次setDate从而不进行一次性渲染大量数据),代码如下:template> scroll-box> view> viewv-for="(item,index)intrut

uniapp 微信小程序 锚点跳转

uniapp文档以下是我遇到的业务场景,是点击商品分类的某一类 然后页面滚动至目标分类,首先第一步是设置锚点跳转的目的地,在目标的dom上面添加id属性然后给每个分类每一项添加点击事件,分类这里的item数据里面有一字段是和上面商品dom设置的id值是一一对应的下面是点击事件,我发现有两种方式可以实现锚点跳转,一个是直接通过给api配置selector参数就可以跳转至id元素处,另一个是先获取dom的top值,然后通过给api配置scrollTop值来实现页面滚动。 除了上面方式,其实还可以使用scroll-view,因为上面已经满足我的业务需求,故就不在此过多赘述,有兴趣的同僚可以试试scr

uniapp中使用微信小程序custom-tab-bar

uniapp中使用微信小程序custom-tab-bar1、配置信息2、添加tabBar代码文件3、编写tabBar代码在pages.json中引入原生组件在页面中调用更新4、踩坑5、解决今天把小程序项目中的tabBar改为使用自定义的tabbar其实很简单,只要按照小程序开发文档中的步骤来做1、配置信息在app.json中的tabBar项指定custom字段,同时其余tabBar相关配置也补充完整。所有tab页的json里需声明usingComponents项,也可以在app.json全局开启。示例:{"tabBar":{"custom":true,"color":"#000000","se

uniapp适配微信隐私协议开发指南[uniapp+vue3+js]

没怎么做过uniapp,找了一些文章做了出来,给大家分享一下2023.9.15以后需要适配微信的隐私协议开发指南目前uniapp的说法是微信小程序隐私协议开发指南|uni-app官网微信小程序小程序隐私协议开发指南|微信开放文档微信官方提供了几个demo完整示例demodemo1:演示使用 wx.getPrivacySetting 和  在首页处理隐私弹窗逻辑 https://developers.weixin.qq.com/s/gi71sGm67hK0demo2:演示使用 wx.onNeedPrivacyAuthorization 和  在多个页面处理隐私弹窗逻辑,同时演示了如何处理多个隐私

uniapp uni.showLoading uni.showToast闪关闭问题修改

uniapp微信真机环境uni.showToast不显示问题微信小程序官方文档noConflict解决混用即可解决问题uni.hideLoading({ noConflict:true});

uniapp或者小程序图片选择中的sizeType属性到底是什么

sizeType属性到底是什么https://developers.weixin.qq.com/community/develop/doc/0006c261a300089771f9a233a56c00https://ask.dcloud.net.cn/question/146679第一个链接来自微信小程序社区,有开发者提了个问题:sizeType:["original","compressed"]时,tempFilePaths就应该是返回2个路径才对,一个是原图的路径,一个是压缩图的路径,但实际上只返回了一个路径,那请问,这个返回的路径是原图的,还是压缩图的?上方说法实际上是误解了sizeTy

uniapp websocket机制 心跳 重连

在开发程序过程中通信功能还是比较常用到的,本文主要介绍的是uniapp中websocket的使用websocket建立连接后,断开、心跳机制重新链接的一个过程。关于uni.connectSocket可仔细阅读uniapp官网中的uni.connetSocket以及连接socket创建的实例SocketTask 具体代码如下:内有代码详细注解,如果疑问可在评论区留言。varsocketTaskChat//全局定义websocket创建的实例名称varinterVal//全局定义定时执行心跳监测定时器ID,用于清除定时器 varreconnectTimer//全局定义定时执行一次重连定时器ID,用

uniapp开发微信小程序requiredPrivateInfos选择地址无效,已解决

uniapp开发微信小程序requiredPrivateInfos选择地址无效,已解决1:在manifest.json文件中打开源码视图配置如下:文章目录uniapp开发微信小程序requiredPrivateInfos选择地址无效,已解决一、找到manifest.json文件1.打开源码视图配置如下:一、找到manifest.json文件1.打开源码视图配置如下:"permission":{"scope.userLocation":{"desc":"你的位置信息将用于小程序位置接口的效果展示"}},"requiredPrivateInfos":["getLocation","chooseLo

uniapp运行项目到iOS基座

2022年9月,因收到苹果公司警告,目前开发者已无法在iOS真机设备使用未签名的标准基座,所以现在要运行到IOS,也需要进行签名。Windows系统,HBuilderX3.6.20以下版本,无法像MacOSX那样对标准基座进行签名,开发者就可以使用三方工具(如爱思助手)对标准基座签名。两种方式:第一种:拥有ios的下载证书,可以直接输入证书信息即可运行到ios基座。第二种:开发阶段没有ios证书,需要自行运行ios手机做开发调试,这时需要进行证书签名。这里详细介绍第二种,没有签名情况下:1.首先需要准备的工具:(HBuilder3.6.9+、ios设备、iTunes工具、数据线以及爱思助手软件