懒加载性能问题?-灵析社区

CTang

现在有一个下拉列表,需要渲染的数据为十几万条,每次渲染的时候都会很卡顿,我想优化渲染性能,考虑采用懒加载的形式,先对数据获取接口进行分页处理,每次在判断快滚动到底部的时候,再加载下一页数据,加载完成之后,拼接旧数据 + 新数据 组成要渲染的数据,再赋值给下拉框进行渲染,但是这种形式有一个问题是:当滚动到最后面的时候,这时候需要渲染的数据量也很多,会造成dom过多,页面性能也会有问题,请问我该如何优化?

阅读量:12

点赞量:0

问AI
virtual list 了解一下。react 可以用 "https://github.com/bvaughn/react-virtualized" (https://link.segmentfault.com/?enc=8B15899%2B4RqEQEEK1jZv2A%3D%3D.g7KU9%2FsMWEa3CrYPQ92CkRjPORPM7vfGJM5f%2BW31CQ9%2Bg4EhvTQdeVwmMxmJYjxy) vue 可以用 "https://github.com/tangbc/vue-virtual-scroll-list" (https://link.segmentfault.com/?enc=uAtCybgxdnYlp%2FQ1SOf5yg%3D%3D.K%2BaguXwMm32xw%2FDvsm%2B%2Fh6Rf2xBWgAs05tiZ9%2FO%2B3VthBCJZmRLYoLLFk5D2j0wnOYZr2yKAefDZ4tl7CD3ShQ%3D%3D)