专栏名称: OSC开源社区
OSChina 开源中国 官方微信账号
目录
相关文章推荐
程序员的那些事  ·  马斯克开团豪掷 974 ... ·  2 天前  
OSC开源社区  ·  大模型撞上“算力墙”,超级应用的探寻之路 ·  3 天前  
OSC开源社区  ·  漫谈DeepSeek及其背后的核心技术 ·  3 天前  
程序员的那些事  ·  《人民日报》批谷歌安卓系统:假开源、真垄断 ·  3 天前  
程序猿  ·  松下电器突然官宣解散!曾风靡全球 ·  3 天前  
51好读  ›  专栏  ›  OSC开源社区

Lozad.js —— 高性能纯 JavaScript 懒加载器 | 软件推介

OSC开源社区  · 公众号  · 程序员  · 2017-09-27 08:35

正文


授权协议: MIT

开发语言: JavaScript

操作系统: 跨平台

评分: 7.3

Lozad.js 是一款基于 IntersectionObserver API 的高性能、轻量级(〜0.5kb)和可配置的懒加载器,纯 JavaScript ,无依赖,可用于延迟加载图片、iframe 、广告、视频和其他元素。

Demo: https://apoorv.pro/lozad.js/demo/


Usage



在 HTML 中,添加标识符到元素(默认选择器标识为 lozad 类):

然后你需要做的就是实例化 Lozad :

或使用自定义选项:


参考



  • IntersectionObserver options: rootMargin

  • IntersectionObserver options: thresholds

亦或者你想给定制功能定义加载元素:


如果想懒加载动态添加的元素:



推荐阅读

可能是国内最火的开源项目 —— C/C++ 篇

终于,期待已久的 Java 9 正式发布了!

给 Web 开发人员推荐的文档生成工具

这些优秀的主流代码编辑器,你用过多少款?







请到「今天看啥」查看全文