余子酱

HTML5 拖放 (DnD) API 可以实现拖动功能，下面具体看如何实现。 原理 对元素设置设置 draggable=true可以使元素支持拖动，并且通过dragstart、dragover、dro

前言 最近在学 react 的 useEffect，感觉用法、功能和 vue3 的 watchEffect 很类似，这里就对比下两者的区别。 说明 useEffect： watchEffect： 官网

前言 切换主题已经成为前端页面的标配功能，在方案的选择上考虑自身的优缺点同时还要考虑与现有项目的契合度，在契合现有项目方案上对其进行优化处理。 方案 类切换 准备几套主题样式文件，在首页全部加载，切换

背景 上篇《图片懒加载库 VueLazyLoad 详解》中详细解析了 VueLazyLoad 实现细节和侧重点。 getBoundingClientRect 和 IntersectionObserve

背景 上篇《图片懒加载原理方案详解》中详细解析了图片懒加载的原理和方案。主流方案有两个： 监听页面的滚动事件判断图片元素的 top 是否在页面可视区内。 通过 IntersectionObserver

背景 继上篇《图片懒加载原理方案详解》，在前端性能优化中还有另一个相反的技巧：预加载。懒加载是延迟加载非关键资源，而预加载是在页面空闲的时候提前加载后面可能需要的资源，需要时能快速呈现资源。本文主要讨

背景 懒加载经常出现在前端面试中，是前端性能优化的常用技巧。懒加载也叫延迟加载，把非关键资源先不加载，等用到了再加载，将加载非关键资源的时间推迟，而加快页面的初始加载时间。懒加载经常被用在图片、视频、

背景 继续你不知道的 Popperjs 上篇来解析 Popperjs。 版本 0.5.2 实现原理 扩展不同场景 保存原有的 DOM 上下文 popper 元素是 absolute（绝对定位）：绝对定