关于数据懒加载问题

0 0 javascript html5 ajax java
SOC丶小兮
SOC丶小兮

声望值:123 0人

2018-12-21 11:07:32 提问

关注 0关注

收藏 0收藏, 79浏览

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

请先 登录 后评论

5个回答

  • WaterSprite91声望 2018-10-15 15:55

    懒加载核心就是分布请求啊剩下了就是分布请求的时间点以及后端有没有分布请求的接口
    请先 登录 后评论
  • ERP↘SAP135声望 2018-10-15 15:55

    懒加载可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载,在页面载入的时候将页面上的img标签的src指向一个站位的图片(都是一模一样图片方便缓存), 把真实地址存放在一个自定义属性中,这里我用data-src来存放,例如: <img src="loading.gif" data-src="http://xxx.ooo.com&quot; /> 然后获取img标签 当图片出现在可视区域的时候(和按需加载判断的方法是一样的) 那么就把真实的src地址给赋值上
    请先 登录 后评论
  • java_大星星133声望 2018-10-15 15:55

    后端渲染并不慢的,而且其实请求会少。比如你做一个门户页面时候,如果用前端端渲染,请求header的nav-tree、页面静态资源例如轮播的图片、页面data...用组件来挂载也是多个异步请求之后再进行render的,而用服务器端渲染时,服务器只用把渲染好的page返回(一次)给前端来渲染,各有利弊吧。
    请先 登录 后评论
  • 小乚91声望 2018-10-15 15:55

    据我理解比如这样:首次取10条,检测滚动条的位置,当滚动条滚动到最底端的时候,再用ajax请求10条记录.
    请先 登录 后评论
  • Jenny203声望 2018-10-15 15:55

    通过一些事件来触发 比如说onclick onchange 都可以啊
    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问