2019 年 3月 22 日随笔档案 - Web引领者

2019年3月22日

摘要：延迟加载（懒加载）优化网页性能的一种方式，针对图片；什么时候图片可以加载？整张图片出现在可视区内就加载，滚轮卷走的高度（scrollTop），加上窗口的高度（clientHeight）大于等于图片的（相对定位加图片的高）offsetTop和offsetHeight 说明整个图片在可视区而且阅读全文

posted @ 2019-03-22 15:24 Web引领者阅读(206) 评论(0) 推荐(0)

懒加载（延迟加载的案例）（单张案例）（多张案例）

摘要： //单张图片的案例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .a{ width:200px; height:200px; margin:1000px auto; background:# 阅读全文

posted @ 2019-03-22 14:45 Web引领者阅读(503) 评论(0) 推荐(0)

得到body相对定位的插件

摘要：相对body定位的插件 function offset(ele){ //该元素到父级水平定位的距离 var le=ele.offsetLeft; //该元素到父级垂直定位的距离 var to=ele.offsetTop; //该元素到相对父级 var parent=ele.offsetParent; 阅读全文

posted @ 2019-03-22 14:31 Web引领者阅读(189) 评论(0) 推荐(0)