2021
08/03
11:21
你的地图定位我的位置:msn.com > 网页企划 > uniapp 编造滚动条性能优化

uniapp 编造滚动条性能优化

发布时间:2021-08-03 11:21:06

原标题:uniapp 编造滚动条性能优化

uniapp 编造滚动条性能优化,在web,安卓手机和苹果手机免试穿越。

首届说明 本文的编造滚动条是用于app, 不比在微信小程序中免试过,只在web环境和app(安卓,苹果)这三个环境中免试穿越。

编造滚动条的原因当然是列表数据太多,列表直接炫耀app会卡(web是一点不卡的。本人的千元安卓是卡爆了)。

1。使用web的方式解决(怎样下载第一版娱乐)

    1.1 刻划全部数据的总高度。再穿越uniapp本身的函数刻划滚动条的高度

   不错穿越: 穿越uni.getSystemInfoSync()得到窗口宽度和高度动态设置 scroll-view 高度 :style动态绑定height高度。

       1.2  然后在下拉的时候算出当前需要炫耀哪些数据穿越事件scroll  算出当前需要炫耀的数据, 然后在页面上炫耀。

     这个解决方案英文翻译后解决了了卡的问题,但是引来了新的问题,行高度多少合适,如果有家具图片出卖的吗cpu温度过高怎么办,文字数据多cpu温度过高怎么办。

     如果行高度设置少了,会出现文字炫耀到第二行上了,活着图片不能自恰切炫耀。 如果文字设置多了会出现有不需要的空白出现,反馈美观。

2,使用web的方式解决(第二版)

       这个版本是在第二部的基础上把行设置成自恰切。基本能解决行的数据炫耀问题。但是此地出现了一个新的问题。 需要炫耀哪门子数据刻划的不是特别准确。这一版改造后苹果上大多是举重若轻问题了,但是千元的安卓手机还是有点不流畅,反映哈曼卡顿音响;表现为上下滚动的时候数据不能马上刷出来。报告老板第三季这个时候谈话了,尔等行不行,不行的话我到表面花钱解决。男人的精子这会儿怎么能说不行。为此有了第三版(死要面子活受罪)

3。参照娱乐界面的企划(第三版)

    不理解在哪门子时候观望过一篇腾讯企业邮箱娱乐的开发农机手在博客园发的一篇文章里面说的娱乐的优化,提到过一个词构建的元素重新复用。我的解决方案英文翻译在高度和炫耀数据的刻划上和怎样下载第一版娱乐不比歧异,但是页面列表的数据炫耀上就有歧异了。

首届列表中数据行数我只渲染比炫耀数据多2条,就是炫耀数据的上头一条和手底下一条。当然如果实际列表数据比炫耀数据少那么就直接炫耀就不错了。 然后列表的数据直接就渲染姣好。穿越刻划。 把需要炫耀的数据直接炫耀在已经渲染好的列表数据上就不错了。

  此地性能是完美的。就是有一个问题行高和图片自恰切的问题。

4,依据第三版的最终版(性能优化不比终点之前)

  关于图片采用了一个一定量办法直接永恒宽高(小图炫耀,列表上不需要大图炫耀),关于文字的炫耀。在程序往下滚得时候在数据炫耀的时候程序自动算出行的高度,然后保存并重现刻划全部数据的总高度刻划。目前这一版基本完美,在千元机上能够流畅炫耀数据。






原标题:uniapp 编造滚动条性能优化

基本词:手机

渡人请保留本文网址管家: http://www.www.d5897.com/a/903544.html
*特别宣言:以上内容来自于网络收集。著作权属原作者全部。如有侵权。请具结我们: admin#www.d5897.com (#换成@)。
Baidu