前端-懒加载

懒加载原理：利用js对页面图片进行显示处理，首先页面图片给一个data-src代替src属性，当页面初加载时候，js根据窗口高度和滚动高度 图片的顶部高度 三者进行判断，窗口加载到每一张图片时候js会执行，把页面的data-src属性换成src属性。 处理场景：页面中有很多图片的时候，当用户访问页面一次请求服务端 这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢，页面卡顿或崩溃等问题。