pako.deflate()压缩，压缩为UInt8Array
pako.inflate()解压缩
let jsonObj = {"a":1,"b":"123"};
let jsonStr = JSON.stringify(jsonObj);
let compressed = pako.deflate(jsonStr);
console.log(compressed);
let decompressed = pako.inflate(compressed,{to:'string'});
console.log(decompressed);运行结果：
一、引言：为什么选择Lottie做动画？在前端开发中，实现复杂动画往往面临两大痛点： 手动编写CSS/JS动画代码繁琐：关键帧调试、性能优化耗时耗力，尤其是复杂交互动画 传统动画格式缺陷：GIF画质差、文件体积大；视频无法实现动态交互，且难以适配不同屏幕 Lottie的出现解决了这些...
DocumentFragment 是 Web API 中的一个接口，表示一个没有父级的最小化文档对象。它被设计为一个轻量级的“文档片段”容器，可以用来存储一组节点，通常用于高效地进行 DOM 操作。 核心概念 虚拟容器：DocumentFragment 本身不是一个完整的文档，也不是实际 DOM...
JavaScript 中的 Map 和 Object 都可以用来存储键值对，但它们在设计、性能和使用场景上有显著的区别。理解这些差异有助于在开发中做出更合适的选择。 1. 键的类型 Object: 键只能是字符串或Symbol。如果使用其他类型的值作为键（如数字、对象），它们会被自动转...
重排（Reflow）与重绘（Repaint）：前端性能优化的基石在网页开发中，我们经常听到“重排”（Reflow）和“重绘”（Repaint）这两个术语。它们是浏览器渲染页面的核心过程，也是影响页面性能的关键因素。理解它们的区别和触发条件，是进行前端性能优化的基础。 一、浏览器渲染流程简述在深...
在前端开发中，提升应用性能是永恒的主题。为了减少直接操作真实 DOM 带来的高昂性能开销（如重排和重绘），开发者们创造了多种优化技术。其中，虚拟DOM（Virtual DOM） 和 DocumentFragment 是两个常被提及的概念。它们都旨在提升效率，但工作原理、抽象层级和应用场景却截然不同。...
˂a name="深入 Vue 3 ref 的底层实现：从响应式基石到自动解包之谜" class="reference-link" href="#"˃深入 Vue 3 ref 的底层实现：从响应式基石到自动解包之谜在 Vue 3 的 Composition API 中，ref 是我们最常使用的响应式...
