土著刷题微信小程序v1.2着重于UI交互方面打磨优化,使用体验上有了较大的改善,但是却引起了另一个问题,那就是试题数据加载的问题,当一个题库的试题量过百后,刷题页面进行切题的时候,会出现卡顿的问题,最初的数据加载方案是一次性全部加载题库数据。
针对卡顿问题,中途为了偷懒,做过一个过渡方案,解决方案是限制每轮刷题的题数为60,但是发版后用户反馈背题模式下希望能看全部试题,好吧,还是不能偷懒。
切题卡顿问题主要是swiper这个组件没有兼容大数据加载,因此主流的思路是规避直接渲染,仅渲染一屏+2数据,后续动态加载数据。既然知道了问题所在,因此在开发期间做过一个解决方案,就是小程序端做试题本地化缓存数据,然后渲染一屏+2数据,经过简单测试,这个方案运行流畅,感觉可行。
但是经过仔细测试后,在网络差、手机设备差的情况下,有概率会出现刷题页面整个卡死或者在初次加载全部试题题库数据的时候大概率会卡死,还有一个比较麻烦的问题就是当对题库试题增删改后,得想办法更新本地缓存试题数据,因此这个方案被否了。
渲染一屏+2数据这个思路是没问题的,问题出在后续动态加载数据,从 API 接口层面来看规范的做法是分页加载,而不是全部加载,因此最终的方案是页面规避直接渲染,渲染一屏+2数据,数据动态分页加载,使用骨架屏防止卡死。
土著刷题微信小程序v1.3着重于优化刷题页面的数据加载机制。
第三个版本的需求规划:
1.调整刷题页面数据加载机制
2.增加积分中心
3.增加人工导题服务
在v1.3版本开发期间,精力主要放在刷题页面数据加载机制的调整,再加上积分中心、人工导题服务,经过亿点点的时间,最终完成了土著刷题微信小程序v1.3。
以下是土著刷题微信小程序v1.3规划功能截图:
土著刷题微信小程序v1.3对刷题页面数据加载机制进行了仔细打磨优化,但是管理后台在导题的操作上,用户频繁反馈导入失败相关问题。虽然有提示失败原因,但是仍然存在问题,比如 Excel 空行的问题,因此v1.4版本将会对管理后台导题 UI 交互进行打磨优化。
在开发v1.3期间,数据加载方案的几经调整,严重拖延进度,然后把自己弄得很烦躁,代码也比较随意。因此在以后的开发中,应该先确定方案再开发,避免无用功。
土著刷题是一款免费的刷题学习平台,提供自主导入题库、智能刷题练习等相关功能,还可以分享题库给小伙伴一起刷喔~
【去哪里体验土著刷题?】https://support.qq.com/products/417512/blog/750963
【吐槽社区】https://support.qq.com/product/417512