scroll-view实现小程序通讯导致卡顿的问题有没有优化方案?
这几天做了一个小程序通讯录,通讯录数据较多,右侧字母滑动时卡顿严重,各位是怎么解决的,有没有优化方案。 我查阅了一下官方文档:看到了如下描述 常见的 setData 操作错误1. 频繁的去 setData 在我们分析过的一些案例里,部分小程序会非常频繁(毫秒级)的去[代码]setData[代码],其导致了两个后果: Android 下用户在滑动时会感觉到卡顿,操作反馈延迟严重,因为 JS 线程一直在编译执行渲染,未能及时将用户操作事件传递到逻辑层,逻辑层亦无法及时将操作处理结果及时传递到视图层; 渲染有出现延时,由于 WebView 的 JS 线程一直处于忙碌状态,逻辑层到页面层的通信耗时上升,视图层收到的数据消息时距离发出时间已经过去了几百毫秒,渲染的结果并不实时; 2. 每次 setData 都传递大量新数据 由[代码]setData[代码]的底层实现可知,我们的数据传输实际是一次 [代码]evaluateJavascript[代码] 脚本过程,当数据量过大时会增加脚本的编译执行时间,占用 WebView JS 线程, 3. 后台态页面进行 setData 当页面进入后台态(用户不可见),不应该继续去进行[代码]setData[代码],后台态页面的渲染用户是无法感受的,另外后台态页面去[代码]setData[代码]也会抢占前台页面的执行。 可是,问题就在要实现滑动效果,就是要毫秒级的setData数据。好郁闷。各位大神你们是怎么实现的?