每日一题

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 无法执行非阻塞操作。这得益于事件循环机制。

函数缓存 是一种优化技术，用于保存函数的执行结果，使相同参数的后续调用可以直接返回缓存结果，无需重新执行实际的函数逻辑。这种方法通过牺牲空间（缓存存储）来换取时间（减少计算）。

区别： 箭头函数没有自己的this，它的this是继承来的，默认指向它定义时所在的对象，即箭头函数中的this指向外层代码的this。