稀土掘金 稀土掘金
    • 首页
    • 沸点
    • 课程
    • 数据标注 HOT
    • AI Coding
    • 更多
      • 直播
      • 活动
      • APP
      • 插件
    • 直播
    • 活动
    • APP
    • 插件
      • 搜索历史 清空
        • 写文章
        • 发沸点
        • 写笔记
        • 写代码
        • 草稿箱
        创作灵感 查看更多
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
0 /100
前端懒加载
订阅
avatar
杨大侠 创作等级LV.2
更多收藏集

微信扫码分享

微信
新浪微博
QQ

3篇文章 · 0订阅
  • 原生JS实现最简单的图片懒加载
    试一下自己撸一个图片懒加载... 懒加载其实就是延迟加载,是一种对网页性能优化的方式,比如当访问一个页面的时候,优先显示可视区域的图片而不一次性加载所有图片,当需要显示的时候再发送图片请求,避免打开网页时加载过多资源。 当页面中需要一次性载入很多图片的时候,往往都是需要用懒加载…
    • axuebin
    • 8年前
    • 10k
    • 411
    • 23
    JavaScript
  • 图像延迟加载 && 列表图顺序加载
    图片延时加载十分重要,尤其是对于移动端用户。 从理论上来看,图像延迟加载机制十分简单,但实际上却有很多需要注意的细节。 此外,有多个不同的用例均受益于延迟加载。 首先,我们来了解一下在 HTML 中延迟加载内联图像。 延迟加载是一种在加载页面时,延迟加载非关键资源的方法, 而这…
    • 文叔叔
    • 7年前
    • 6.1k
    • 80
    • 11
    React.js
  • 原生js如何实现懒加载?
    原理: 原理很简单,我们不用想的很复杂。就是让img的src为空,图片的真实地址可以存储在img一个自定义的属性里,就比如date-src吧,等到目标图片出现在视野了,把data-src里的值赋给src。
    • 布灵布灵
    • 7年前
    • 3.8k
    • 9
    • 8
    前端