关于数据懒加载问题

Question

目前的方案是数据在页面加载完后全部由后端渲染到前端页面，但是这样速度慢，也容易造成卡顿。用户体验不是很好，目前想使用前端进行懒加载，那么前端如何操作呢？

Answer 1

懒加载可以在需要显示图片的时候，才下载图片，所以可以减少服务器的压力，避免不必要的资源下载，在页面载入的时候将页面上的img标签的src指向一个站位的图片（都是一模一样图片方便缓存）， 把真实地址存放在一个自定义属性中，这里我用data-src来存放，例如：

<img src="loading.gif" data-src="http://xxx.ooo.com&quot; />

然后获取img标签 当图片出现在可视区域的时候（和按需加载判断的方法是一样的） 那么就把真实的src地址给赋值上

Answer 2

懒加载核心就是分布请求啊
剩下了就是分布请求的时间点
以及后端有没有分布请求的接口

Answer 3

后端渲染并不慢的，而且其实请求会少。
比如你做一个门户页面时候，如果用前端端渲染，请求header的nav-tree、页面静态资源例如轮播的图片、页面data...用组件来挂载也是多个异步请求之后再进行render的，而用服务器端渲染时，服务器只用把渲染好的page返回（一次）给前端来渲染，各有利弊吧。

Answer 4

据我理解比如这样:
首次取10条,检测滚动条的位置,当滚动条滚动到最底端的时候,再用ajax请求10条记录.

Answer 5

通过一些事件来触发 比如说onclick onchange 都可以啊