乐闻
什么是闭包？什么场景需要使用闭包？### 什么是闭包？
在计算机科学中，闭包（Closure）是指一个函数绑定了其外部作用域的变量，因此这个函数可以在其定义环境之外被调用时仍能访问到那些绑定的变量。简单来说，闭包让你可以从一个函数内部访问到其外部函数作用域的变量。
闭包的特点是：
1. **函数嵌套**：通常闭包包含一个函数内定义的另一个函数。
2. **环境捕获**：内部函数会捕获定义它的外部函数的作用域中的变量。
3. **作用域链**：内部函数可以访问外部函数的变量，即使外部函数已经执行完毕。
在 JavaScript 中，闭包是一种非常常见和强大的特性，因为 JavaScript 是词法作用域的语言，函数...
前端 · 2023年11月19日 19:30
HTTP 协议 1.0 和 1.1 和 2.0 有什么区别？HTTP（超文本传输协议）是 Web 上交换数据的基础协议，随着 Web 技术的发展，HTTP 也经历了多个版本的迭代。下面我会详细介绍 HTTP 1.0、1.1 和 2.0 这三个版本的区别：
### HTTP 1.0
- **无状态连接**：HTTP 1.0 是无状态的，也就是说每次请求都需要建立一个新的TCP连接，完成数据传输后连接就会关闭。这种方式在每次请求都需要经历 TCP 连接的建立和断开过程，导致性能上的不足。
- **限制性能**：由于每次请求都要建立新的连接，所以并发多个请求会导致大量的延迟和性能问题。
- **无宿主名（Host）字段**：HTTP 1.0 不...
计算机基础 · 2023年11月19日 19:12
浏览器有哪些缓存策略？浏览器缓存策略主要是用于提高网页加载速度，减少服务器压力以及节省带宽。以下是几种主要的浏览器缓存策略：
1. **强缓存（Strong Cache）**
- `Expires`：这是HTTP/1.0中使用的头信息，用来指定资源到期的时间。如果请求的时间小于Expires的时间，浏览器会直接使用缓存中的资源，而不会向服务器发起请求。
- `Cache-Control`：在HTTP/1.1中引入，比Expires更灵活。常用的指令包括`max-age`（资源最大有效时间）、`no-cache`（每次都要向服务器确认）、`no-store`（完全不缓存），等等。若设置了`max-...
前端 · 2023年11月19日 18:56
Web 端应用如何做移动的适配为了确保Web应用能够在移动设备上良好运行，我们需要关注几个关键点：
### 1. 响应式设计（Responsive Design）
响应式设计是适配移动端的核心。通过使用媒体查询（Media Queries）和相对单位（如百分比，em，rem等），我们可以确保网页布局和元素能够根据不同设备屏幕尺寸和分辨率自动调整。例如，Bootstrap框架提供了一系列预定义的响应式类，可以帮助开发者更快地实现响应式设计。
**例子：**
```css
@media screen and (max-width: 768px) {
.container {
width: 100%;
...
前端 · 2023年11月19日 18:53
React hook 使用需要注意哪些？在使用 React Hooks 时需要遵循一些最佳实践和注意事项，以确保代码的可维护性与功能的正确性。以下是一些关键点：
### 1. 遵守Hooks规则
#### 不要在循环、条件或嵌套函数中调用Hooks
Hooks 应该始终在组件的顶层被调用，这样可以保证 Hooks 在每次渲染时都以相同的顺序被调用，这对于 React 的内部状态追踪机制非常重要。
#### 只在React函数中调用Hooks
应该仅在React的函数组件或自定义 Hooks 中调用 Hooks。不要在普通的 JavaScript 函数中调用。
### 2. 使用 `useState`时的注意事项
...
前端 · 2023年11月19日 18:51
封装一个可以设置过期时间的localStorage存储函数
实现一个具有过期时间功能的localStorage存储函数，需要定义一个函数，它会将数据和过期时间一起存储在localStorage中。
下面是一个简单的实现示例：
```javascript
/**
* 设置带过期时间的localStorage
* @param {string} key - 存储的键名
* @param {*} value - 要存储的值，可以是任何可序列化的数据
* @param {number} ttl - 过期时间（毫秒）
*/
function setLocalStorageWithExpiry(key, value, ttl) {
c...
前端 · 2023年11月19日 18:47
三元表达式中“三元”这个词代表什么？三元表达式是一种在多种编程语言中广泛使用的条件语句，它由三个部分组成：一个条件、一个结果表达式1和一个结果表达式2。"三元"这个词就是指这种表达式由三个部分构成。其基本形式为：
```
条件 ? 结果表达式1 : 结果表达式2
```
当条件为真（true）时，整个三元表达式的结果就是结果表达式1；当条件为假（false）时，表达式的结果就是结果表达式2。
这里举一个具体的例子来说明三元表达式的使用：
```java
int x = 10;
int y = 20;
int max = x > y ? x : y;
```
在这个Java代码示例中，我们使用三元表达式来决定`ma...
前端 · 2023年11月19日 18:26
Webpack 的详细工作流程Webpack是一个现代JavaScript应用程序的静态模块打包器，它主要的工作就是分析项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（如TypeScript等），并将其转换和打包为合适的格式供浏览器使用。
Webpack的工作流程主要分为以下几个阶段：
### 初始化
在Webpack启动后，它会从配置文件（默认是 `webpack.config.js`）中读取配置的参数，合并命令行传递过来的参数，形成最终的配置对象。
### 编译（Compiling）
Webpack开始编译整个项目。在这个阶段，Webpack会根据配置中的入口（Ent...
前端 · 2023年11月19日 18:19
如何做 CSS 的性能优化CSS 性能优化是 web 项目性能优化中的重要部分。
以下是一些策略来帮助优化 CSS 的性能：
1. **减少冗余代码**
为类或元素重复写入相同的 CSS 规则会浪费带宽和浏览解析时间。实用工具如 [PurgeCSS](https://purgecss.com/) 可帮助删除无用的 CSS。
2. **CSS 压缩**
CSS 压缩可以移除所有多余的字符，包括空格、换行符和注释。使用CSS 压缩工具如 [CSSO](https://github.com/css/csso) 或 [clean-css](https://github.com/jakubpawlowi...
前端 · 2023年11月19日 18:15
Composition API 如何实现逻辑复用在Vue.js的Composition API中，逻辑复用是通过使用可组合函数（composables）来实现的。可组合函数是可以封装和重用Vue组件逻辑的函数。Composition API引入了一种新的组织和重用组件逻辑的方式，它提供了更灵活的代码组织结构，使得函数的复用变得更加简单和清晰。
要实现逻辑复用，你可以按照以下步骤操作：
1. **创建可组合函数（composables）：**你可以创建一个独立的JavaScript函数，这个函数利用Composition API中的`ref`, `reactive`, `computed`, `watch`, `watchEffec...
前端 · 2023年11月19日 18:10