01 2024 档案
MutationObserver、IntersectionObserver和ResizeObserver的区别
摘要:这三个观察者(Observers)都属于Web API,允许开发人员监测DOM元素或其内容的变化,并在发生变化时执行相应的操作。它们之间有一些区别和适用场景 一、MutationObserver MutationObserver接口提供了一种异步机制来观察DOM树的变化,并在变化发生后触发回调函数。
阅读全文
几个技巧把字体文件压缩到十分之一的体积
摘要:前言 有时候我们需要让网页加载自定义字体文件,但是通常的字体格式(TTF、OTF)体积太大了,这就需要我们将其转换为更小体积的字体文件格式(WOFF2)。 之前我尝试使用类似 CloudConvert 的在线工具去转换 OTF 字体文件,但是不知道为何转换出来的字体损坏了,无法使用。经过多方面研究,
阅读全文
js图片下载方式
摘要:1、文件流格式下载 创建 a 标签下载文件流格式图片 /** * 创建 <a> 标签下载文件流格式图片 * @param file * @param fileName */ export const downloadFile = (file: string, fileName?: string) =
阅读全文