2025-03-03要实现图片的懒加载，核心的方法包括：利用JavaScript监听滚动事件、通过getBoundingClientRect()判断图片是否进入可视区域、使用Intersection Observer API、结合data属性暂存图片地址。在现代浏览器中，推荐使用Intersection Observer API来实现图片的懒加载，因为它相比传统的事件监听方式更为高效且易于维护。_js 图片懒加载

https://www.qianduange.cn//article/22383.html 分类：前端知识

2024-11-04在前端开发过程中，我们经常需要获取HTML元素的尺寸和位置信息。getBoundingClientRect()方法就是一个非常重要的工具，它可以帮助我们获取元素的大小及其相对于视口的位置。_getBoundingclientrect

https://www.qianduange.cn//article/19923.html 分类：前端知识

2024-07-20Vue 3获取DOM元素的大小以及相对于视口的位置的getBoundingClientRect属性。监听元素右键事件_vue3 getBoundingclientrect

https://www.qianduange.cn//article/14007.html 分类：前端知识

2024-06-20在 JavaScript 中，可以使用 getBoundingClientRect()以上三种方式获取的元素高度可能存在一定的差异，具体取决于元素的盒模型和样式等因素。函数返回一个包含元素的位置信息（左上角和右下角坐标等）的对象，其中。属性可以获取元素的高度（包括元素的边框、内边距和内容区域）。函数来获取元素的高度。在模板中，可以为元素添加 ref。函数来获取元素的高度。在模板中，可以为元素添加 id。在模板中，可以为元素添加 ref。在 JavaScript 中，可以使用 $refs。_vue获取dom元素高度

https://www.qianduange.cn//article/12922.html 分类：前端知识

2024-02-28在日常的开发过程中，有时候会有一些要求判断节点是否进入可视化区域的需求。例如：判断信息是否在可视区域曝光再进行曝光，图片懒加载等。通常我们可以通过scroll和getBoundingclient来进行判断。el . offsetTop - document . documentElement . scrollTop _react判断元素在可视区域内的组件

https://www.qianduange.cn//article/2874.html 分类：前端知识

2024-02-08dom.clientwidth_dom的宽度

https://www.qianduange.cn//article/1497.html 分类：前端知识