Ajax无刷新分页的性能优化方法

2019-09-14 07:07:28王冬梅

现在我们再回过头来看一下代码片段2当中的数据缓存方法。现在不再讨论请求数量和流量的节约,我们来看一下前端的实现上还有没有什么值得深究一下的。按照代码片段2示意的处理方式,原始数据被储存起来,当再次被调用时,showPage(datalist)需要再次根据数据去重建html结构展现给用户,但是之前这个创建结构的过程我们是有做过的,是不是可以考虑在第一次创建结构的时候,直接把这个结构存起来呢?这样可以减少js重复的计算,特别当结构比较复杂时更值得考虑。再想一下,这个结构之前在页面上创建过了,翻页的时候销毁并再次创建新的结构,也是耗费资源的,能不能第一次创建好了之后,翻页的时候不销毁,只是通过控制CSS样式给它隐藏起来,重复翻页的时候也只是在这些创建好的结构之间控制彼此显示或者隐藏?

最后,这里讨论的方法,不一定适用所有情景,但或者会有些许启发,可以在适当的时候尝试其中一二。同时思想如果发散开来,或者还不仅仅可以运用在无刷新分页。这里抛砖引玉,大家一起探讨。