js:lazysizes.js实现图片懒加载

简介: js:lazysizes.js实现图片懒加载

lazysizes实现图片懒加载


文档: https://www.npmjs.com/package/lazysizes


浏览器

<script src="https://cdn.bootcdn.net/ajax/libs/lazysizes/5.3.0/lazysizes.min.js">

</script>
<img data-src="image.jpg" class="lazyload" />

ES6

$ npm i lazysizes

全局引入


import 'lazysizes';

懒加载


<img data-src="image.jpg" class="lazyload" />

相关文章
|
4月前
|
前端开发 JavaScript API
使用 JavaScript 实现图片上传
使用 JavaScript 实现图片上传
126 1
|
2月前
|
JavaScript 前端开发
JS懒加载
JS懒加载
28 0
|
3月前
|
JavaScript 前端开发
【原创】用JavaScript动态获取网页中缩放图片的长度、宽度和显示比例
【原创】用JavaScript动态获取网页中缩放图片的长度、宽度和显示比例
|
4月前
|
JavaScript 前端开发
js懒加载
js懒加载
11 0
|
4月前
|
JavaScript 前端开发
|
4月前
|
JavaScript 前端开发
JS - 如何上传 Base64 编码的图片
本文展示了如何将Base64编码的图片在前端转换为Blob对象,并使用`FormData`上传到服务器端的方法。
198 0
|
4月前
|
JavaScript
js之图片上传
js之图片上传
82 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的图片推荐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的图片推荐系统附带文章源码部署视频讲解等
52 0
|
5月前
|
JavaScript
js 滚动鼠标滑轮放大缩小图片
js 滚动鼠标滑轮放大缩小图片
28 0