ajax卡顿问题

Question

页面刚加载的时候，用ajax请求数据，再把请求过来的数据渲染到dom中，会出现原先dom都显示出来了，ajax请求来的数据再渲染，会有卡顿问题，请问大家这怎么解决好了？

Answer 1

先清空页面的 在插入数据

Answer 2

添加遮罩层，请求ajax之前给一个loading.gif，加载完数据后再显示

Answer 3

如果是复杂点的页面，留好占位，别直接往页面上写，如果用的是原生就new个DocumentFragment出来，把节点先写到上边，等都构建好了再一次性加到页面里；jQ就更简单了，直接用$('<div>')缓存到变量里，最后一次性appendTo就好了。