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);运行结果：
结论: 题目较为贴近工程实际，但要落后社会大概5年左右。考察内容很全面，需要有比较扎实的web基础。T1：唯一一道一点都不会的题竟然是第一题。工程里用了太多css in js，忘了原声css里还有一个伪类选择器nth-of-typeT2－T6:基础题目，但是细节都拉满了，尤其是自适应页面的题。做的时...
前言在 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等工具依然是工程化的核心组件。它们解决的不仅是语法糖问题...
DocumentFragment 是 Web API 中的一个接口，表示一个没有父级的最小化文档对象。它被设计为一个轻量级的“文档片段”容器，可以用来存储一组节点，通常用于高效地进行 DOM 操作。 核心概念 虚拟容器：DocumentFragment 本身不是一个完整的文档，也不是实际 DOM...
JavaScript 中的 Map 和 Object 都可以用来存储键值对，但它们在设计、性能和使用场景上有显著的区别。理解这些差异有助于在开发中做出更合适的选择。 1. 键的类型 Object: 键只能是字符串或Symbol。如果使用其他类型的值作为键（如数字、对象），它们会被自动转...
重排（Reflow）与重绘（Repaint）：前端性能优化的基石在网页开发中，我们经常听到“重排”（Reflow）和“重绘”（Repaint）这两个术语。它们是浏览器渲染页面的核心过程，也是影响页面性能的关键因素。理解它们的区别和触发条件，是进行前端性能优化的基础。 一、浏览器渲染流程简述在深...
