每日一题

Vue3 中的 Tee Shaking 是一种优化技术，专业叫 Dead code elimination ，通过清除未使用的代码来减少最终生成的代码体积（优化项目打包），从而提高应用的性能。

主要利用postcss 等插件，根据文件的相对路径生成唯一的 hash 值作为 `scopeId`，在 HTML 标签上添加`data-v-${scopeId}` 属性。

React 的虚拟 DOM（Virtual DOM）是通过 JavaScript 对象树来实现的。每次数据更新后，重新计算 VM ， 并和上一次生成的 VM 树进行对比，对发生变化的部分进行批量更改。

在大多数情况下我们在设置元素的 border 和 padding 并不希望改变元素的 width、height的宽度

虽然 Composition API 看起来比 React Hooks 好用，但其设计思想也是借鉴 React Hooks 的。

CSR（客户端渲染） 对于 HTMl 的加载，以 React 为例，我们习惯的做法是加载 JS 的文件中的 React 代码，来生成页面渲染，同时， JS 也完成页面交互事件的绑定的过程。

useState 运用了 JS 的解构赋值的思想。 数组和对象解构赋值的区别是数组的元素是按次序排列的。

定义 HTTP的实体首部字段，用于说明请求或返回的消息主体是何种方式编码，在 Request Header 和 Respone Header 里存在。

Vue 中的模版 template 无法被浏览器解析并渲染，因为这不属于浏览器的标准，不是正确的 HTML 语法，所以需要将 template 转化成一个 JS 函数，这样浏览器就可以执行这个函数

保证性能下限，在不进行手动优化的情况下，提供过得去的性能。 页面渲染的流程：解析 HTML -->生成 DOM -->生成 CSSDOM -->Layout -->Paint -->Compiler

position 的五种属性： static：默认值，没有定位。静态定位元素不会受到 top、bottom、left、right影响。 relation：相对定位，相对定位元素的定位是相对于其他正常位

Webpack hash 的分类： 输出全部使用 hash 的情况、输出的结果全部使用 chunkhash 的情况、输出结果全部使用 contenthash 的情况。

该技术主要应对大文件上传的挑战，确保用户体验。它允许文件在中断后能从停止点继续上传，而不是重新开始。这项技术依赖于分片上传（将大文件切分为小块进行上传）和断点续传（在中断后继续上传未完成）结合使用。

对于正常项目优化，一般涉及：开发过程中、上线之后的首屏、运行过程的状态。 首屏优化--指标包括：FP、FCP、FMP 要有良好的体验是尽可能把 FCP 提前，需要做一个工程化处理，去优化资源的加载方式

Vue没有提供一个内置的方式来观察插槽的变化，但是你可以使用MutationObserver API来对插槽内容的变化做出调整。它是一个内置的浏览器API，因此与框架无关。

在JavaScript 中，暂时性死区（temporary dead zone，TDZ）是指使用 let 或 const 关键字声明变量时，变量在当前作用域中存在但尚未初始化的阶段。

定义 闭包是一个函数及其词法环境的组合。这个词法环境包含了闭包被创建时的所有局部变量以及其他闭包。 简言之，闭包允许一个函数访问并操作函数外部的变量。

HTML 文档渲染过程 浏览器有多个进程，其中渲染进程被称为浏览器内核，负责页面解析、渲染和执行 JS 脚本等。

简介 事件代理 是一种 Javascript 编程技术，它利用了事件的冒泡机制将事件的监听器绑定到父元素上，而不是直接绑定在实际的子元素上。这种技术的核心是事件冒泡。

事件循环的基本概念： JavaScript 是一门单线程语言，意味着同一时间只能执行一件任务。然而，这并不意味着 JavaScript 无法执行非阻塞操作。这得益于事件循环机制。