图片加载
3篇文章 · 0订阅
  • [1.3万字] 玩转前端二进制
    本文阿宝哥将按照以下的流程来介绍前端如何进行图片处理，然后穿插介绍二进制、Blob、Blob URL、Base64、Data URL、ArrayBuffer、TypedArray、DataView 和图片压缩相关的知识点。 还在犹豫什么？跟上阿宝哥的脚步，让我们一起来玩转前端二…
    JavaScript 前端
    [1.3万字] 玩转前端二进制
  • 懒加载和预加载
    将页面的图片的 src 设为 loading 图片的路径, 将真实路径存储起来, 同时给未加载的图片添加标记属性。 监听页面的滚动事件(这里最好做一下节流), 滚动时遍历未加载的图片, 获取图片距离可视区顶部的高度, 假如小于页面高度, 就将 src 替换真实的 url。 预加…
    JavaScript
  • 异步多图加载这件小事儿（Promise与async)
    日常开发过程中，时不时会遇到要同时预加载几张图片，并且等都加载完再干活的情况，结合 Promise 和 async/await 代码会优雅很多，但也容易遇到坑，今天就来简单聊聊。 先从最基本的 ES5 说起，基本思路就是做一个计数器，每次 image 触发 onload 就加一…
    Promise TypeScript 前端
    异步多图加载这件小事儿（Promise与async)