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);运行结果：
一、防抖与节流是什么？ 本质上两者都是前端的一种优化手段，也是前端开发中处理高频技术的关键。 如：浏览器的 resize、scroll、keypress、mousemove 等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能 为了优化体验，...
前言在 2020 年 9 月 Vue 3 发布正式版本之后，2021 年 2 月 Vuex 也发布了适配 Vue 3 的 4.0 版本，但是在 2021 年 8 月底，由 Vue 核心团队成员 Eduardo 主要贡献的全新 Vue 状态共享库发布 2.0 版本，并在同年 11 月，尤大正式指定 P...
一、引言：预处理器为何仍是前端工程的「刚需」？在原生CSS逐步支持变量（--var）、嵌套语法（CSS Nesting Level 3草案）的今天，有人质疑：“CSS预处理器是否即将退出历史舞台？” 但现实是，在中大型项目中，Sass、Less等工具依然是工程化的核心组件。它们解决的不仅是语法糖问题...
一、引言：为什么选择Lottie做动画？在前端开发中，实现复杂动画往往面临两大痛点： 手动编写CSS/JS动画代码繁琐：关键帧调试、性能优化耗时耗力，尤其是复杂交互动画 传统动画格式缺陷：GIF画质差、文件体积大；视频无法实现动态交互，且难以适配不同屏幕 Lottie的出现解决了这些...
DocumentFragment 是 Web API 中的一个接口，表示一个没有父级的最小化文档对象。它被设计为一个轻量级的“文档片段”容器，可以用来存储一组节点，通常用于高效地进行 DOM 操作。 核心概念 虚拟容器：DocumentFragment 本身不是一个完整的文档，也不是实际 DOM...
JavaScript 中的 Map 和 Object 都可以用来存储键值对，但它们在设计、性能和使用场景上有显著的区别。理解这些差异有助于在开发中做出更合适的选择。 1. 键的类型 Object: 键只能是字符串或Symbol。如果使用其他类型的值作为键（如数字、对象），它们会被自动转...
