乐闻
Promise 的微任务机制是什么？如何理解事件循环？Promise 的微任务机制是 JavaScript 事件循环中的重要概念，理解它对于掌握异步编程和解决复杂的异步问题至关重要。
## 事件循环基础
JavaScript 是单线程的，通过事件循环来处理异步操作。事件循环负责协调执行栈、宏任务队列和微任务队列。
### 事件循环的执行顺序
1. 执行同步代码（执行栈）
2. 执行所有微任务
3. 执行一个宏任务
4. 重复步骤 2-3
## 微任务 vs 宏任务
### 微任务（Microtask）
- Promise.then/catch/finally
- queueMicrotask()
- MutationObserv...
前端 · 2月21日 20:30
MobX 中 action 的作用和使用方法是什么？在 MobX 中，action 是修改 observable 状态的唯一推荐方式。使用 action 可以确保状态变化是可追踪、可预测的，并且能够优化性能。
## Action 的作用
1. **批量更新**：action 内部的所有状态变化会被批量处理，减少不必要的重新计算
2. **可追踪性**：所有状态变化都集中在 action 中，便于调试和追踪
3. **事务性**：action 内部的状态变化是原子的，要么全部成功，要么全部失败
4. **性能优化**：减少 reaction 的触发次数，提高性能
## Action 的使用方式
### 1. 使用装饰器
```ja...
前端 · 2月21日 21:08
RPC 调用中的分布式事务问题如何解决？常见的分布式事务解决方案有哪些？分布式事务是 RPC 调用中的难点问题，涉及多个服务之间的数据一致性保证：
**问题背景：**
在微服务架构中，一个业务操作可能涉及多个服务的调用，如何保证这些服务之间的数据一致性是一个挑战。
**分布式事务理论：**
**1. CAP 定理**
- **一致性（Consistency）**：所有节点同时看到相同的数据
- **可用性（Availability）**：每个请求都能得到响应
- **分区容错性（Partition Tolerance）**：系统在网络分区时仍能继续运行
- **结论**：在分布式系统中，只能同时满足两个特性
**2. BASE 理论**
- **基本...
前端 · 2月21日 20:55
MobX 中 computed 的作用和使用场景有哪些？在 MobX 中，computed 是基于 observable 状态自动更新的派生值，类似于 Vue 的 computed 属性。computed 值会缓存计算结果，只有当依赖的 observable 状态发生变化时才会重新计算。
## Computed 的特性
1. **自动缓存**：计算结果会被缓存，避免重复计算
2. **懒计算**：只有在被访问时才会计算
3. **自动追踪依赖**：自动追踪依赖的 observable 状态
4. **自动更新**：依赖的状态变化时自动重新计算
5. **纯函数**：computed 应该是纯函数，不应该有副作用
## Computed ...
前端 · 2月21日 21:09
MobX 中 observable 的使用方法和注意事项有哪些？在 MobX 中，observable 是核心概念之一，它将普通的 JavaScript 对象、数组、Map、Set 等数据结构转换为可观察对象，使 MobX 能够追踪其变化。
## Observable 的使用方式
### 1. 使用装饰器（Decorator）
```javascript
import { observable, action, computed } from 'mobx';
class TodoStore {
@observable todos = [];
@observable filter = 'all';
@computed get ...
前端 · 2月21日 21:07
MobX 中 reaction 的类型和使用场景是什么？在 MobX 中，reaction 是用于处理副作用的机制，当 observable 状态发生变化时自动执行指定的函数。reaction 类似于 React 的 useEffect，但更加灵活和高效。
## Reaction 的类型
### 1. autorun
自动追踪依赖并在依赖变化时立即执行，适合需要立即执行的场景。
```javascript
import { observable, autorun } from 'mobx';
class TodoStore {
@observable todos = [];
constructor() {
aut...
前端 · 2月21日 21:10
MobX 中如何处理异步操作？在 MobX 中，异步操作需要特别注意，因为状态变化必须在 action 中进行。MobX 提供了多种方式来处理异步操作。
## 处理异步操作的方式
### 1. 使用 runInAction
```javascript
import { observable, action, runInAction } from 'mobx';
class UserStore {
@observable users = [];
@observable loading = false;
@observable error = null;
@action
async fe...
前端 · 2月21日 21:15
如何在 React 中使用 MobX？在 React 中使用 MobX 需要将 MobX 的响应式状态与 React 的渲染机制连接起来。MobX 提供了多种方式来实现这种集成。
## 安装依赖
```bash
npm install mobx mobx-react-lite
# 或者
npm install mobx mobx-react
```
## 使用方式
### 1. 使用 observer 高阶组件（mobx-react）
```javascript
import React from 'react';
import { observer } from 'mobx-react';
import { ma...
服务端 · 2月21日 21:13
RPC 框架中常见的序列化协议有哪些？它们各有什么优缺点？序列化是 RPC 框架中的核心组件，直接影响性能和效率。常见的序列化协议各有特点：
**1. Protobuf（Protocol Buffers）**
- **特点**：Google 开发，二进制格式，高效紧凑
- **优势**：
- 序列化/反序列化速度快
- 数据体积小，传输效率高
- 支持多语言（Java、Python、Go、C++等）
- 向后兼容性好
- 定义清晰的数据结构（.proto 文件）
- **劣势**：
- 可读性差，需要 .proto 文件
- 不支持动态类型
- **适用场景**：高性能要求的微服务通信
**2. Thrift**...
服务端 · 2月21日 20:52
RPC 框架中的负载均衡算法有哪些？它们各有什么优缺点和适用场景？负载均衡是 RPC 框架中的核心组件，负责将请求分发到多个服务实例，提高系统性能和可用性：
**常见负载均衡算法：**
**1. 随机算法（Random）**
- **原理**：随机选择一个服务实例
- **加权随机**：根据实例权重设置选择概率
- **优点**：实现简单，请求分布均匀
- **缺点**：不考虑实例当前负载
- **适用场景**：实例性能相近的场景
- **实现示例**：
```java
public class RandomLoadBalancer {
private List<ServiceInstance> instances;
...
服务端 · 2月21日 21:02