uniapp使用u-collapse的优化策略

uview 版本 1.8.4
uniapp 打包成Android

场景

折叠面板的内容是从服务器端获取的分页数据，数据加载回来时需要重新计算collapse-body高度

//优化前代码//组件
<u-collapse-item @change="handleCollapseChange"></u-collapse-item>//collapse change事件
handleCollapseChange() {this.getData()
}
//获取数据请求
getData() {xxx().then().finally(() => {this.$nextTick(() => {this.$refs.collapse.init()})})
}

这种方式打开会有明显的卡顿（H5与app上均存在），亲测在老机型上连续触发还会造成程序卡死，体验感非常差

//优化后代码//组件
<u-collapse-item @change="handleCollapseChange"></u-collapse-item>//collapse change事件
handleCollapseChange() {//此处使用debounce方法，延迟执行请求，不影响u-collapse的打开，其次防止快速点击造成多次请求this.$u.debounce(() => {this.getData()},100)
}
//获取数据请求
getData() {xxx().then().finally(() => {this.$nextTick(() => {this.$refs.collapse.init()})})
}

uniapp使用u-collapse的优化策略相关推荐

亿级PV，常见性能优化策略总结与真实案例
作者:晓明来自:美团技术团队 0 题记美团网是国内最大的O2O服务平台,虽然经常面临高并发.大流量等问题,但在用户体验优化上美团APP仍被众多IT同行所推崇,他们在性能优化方面积累的宝贵经验尤其值 ...
CUDA 并行计算优化策略总结
作者 | LustofLife@知乎来源 | https://zhuanlan.zhihu.com/p/297201517 编辑 | 极市平台导读并行计算为了提高算法运行效率,本文通过以矩阵乘法 ...
一文概览深度学习中的五大正则化方法和七大优化策略
深度学习中的正则化与优化策略一直是非常重要的部分,它们很大程度上决定了模型的泛化与收敛等性能.本文主要以深度卷积网络为例,探讨了深度学习中的五项正则化与七项优化策略,并重点解释了当前最为流行的 Ada ...
webpack4.0打包优化策略(二)
打包优化策略 webpack4.0打包优化策略(一) webpack4.0打包优化策略(二) webpack4.0打包优化策略(三) 区分开发和生产环境通常我们在开发网页时需要区分构建环境开发环境 ...
计算机算法对程序设计的作用,计算机编程中数学算法的优化策略
李钰摘要:在计算机编程中,合理地运用数学算法所拥有的优势不但可以完好地针对所拥有的问题进行总结分类归纳,还可以将其归纳作为基础从而进行针对性的统一计算,并且能够将非常复杂的问题进行整体的简化并且将其 ...
hbase数据读取优化_从hbase读取数据优化策略和实验对照结果
起因:工作须要.我须要每5分钟从hbase中.导出一部分数据,然后导入到ES中.可是在開始阶段编写的python脚本,我发现从hbase读取数据的速度较慢,耗费大量的时间.影响整个导数过程,恐怕无法在 ...
标注（annotation）的反向优化策略将Yunyang tensorflow-yolov3 predicted转换为正常yolo标注
文章目录原 20200708 当起始图片序号不是1时,可改成以下代码原执行evaluate.py后,会在predicted文件夹生成预测信息如图,将Yunyang tensorflow-yol ...
图像识别标注（annotation）的反向优化策略
人工对数据集d进行标注p0(格式p)–> 使用数据集d和标注p0训练生成权重文件w0–> 使用w0对d进行预测,生成标注p00(格式t)–> 将标注p00转换成标注p1(格式p)–& ...
52条SQL语句性能优化策略
本文会提到 52 条 SQL 语句性能优化策略. 1.对查询进行优化,应尽量避免全表扫描,首先应考虑在 WHERE 及 ORDER BY 涉及的列上建立索引. 2.应尽量避免在 WHERE 子句中对字 ...
【百度飞浆】RCNN系列算法优化策略与案例
RCNN系列算法优化策略与案例目录 1 两阶段检测进阶模型介绍 2 两阶段检测进阶模型优化策略 3 工业应用:铝压铸件质检目录 1 两阶段检测进阶模型介绍 2 两阶段检测进阶模型优化策略 3 工业 ...

uniapp使用u-collapse的优化策略

场景

uniapp使用u-collapse的优化策略相关推荐

最新文章

热门文章