乐闻
MQTT 协议有哪些控制报文类型？各自的作用是什么？MQTT 协议定义了多种控制报文类型，每种报文都有特定的功能和格式。以下是 MQTT 协议的主要控制报文及其作用。
## MQTT 控制报文类型
### 1. CONNECT - 连接请求
- **方向**：客户端 → Broker
- **作用**：客户端向 Broker 请求建立连接
- **关键参数**：
- Client ID：客户端唯一标识符
- Clean Session：是否清除之前的会话状态
- Keep Alive：心跳间隔（秒）
- Username/Password：认证信息
- Will Message：遗嘱消息（客户端异常断开时发送）
...
服务端 · 2月19日 15:06
MQTT 协议的三种 QoS 级别有什么区别？MQTT 协议定义了三种服务质量（Quality of Service, QoS）级别，用于在不同网络条件下保证消息的可靠传输。
## QoS 0 - 最多一次（At most once）
- **特点**：消息最多传递一次，不保证送达
- **确认机制**：无需确认
- **适用场景**：网络稳定、可以容忍消息丢失的场景
- **优点**：开销最小，传输速度最快
- **缺点**：可能丢失消息，不保证可靠性
## QoS 1 - 至少一次（At least once）
- **特点**：保证消息至少送达一次，但可能重复
- **确认机制**：PUBACK 确认
- **流程**...
服务端 · 2月19日 15:03
Vite 和 Webpack 有什么区别？如何选择？Vite 与 Webpack 是两种不同的前端构建工具，它们在设计理念、工作原理和性能表现上都有显著差异：
**核心设计理念**：
**Vite**：
- 基于浏览器原生 ES 模块（ESM）
- 开发环境无需打包，直接按需加载
- 利用 esbuild 进行依赖预构建
- 生产环境使用 Rollup 打包
**Webpack**：
- 基于打包（bundling）理念
- 开发和生产环境都需要打包
- 使用 JavaScript 编写，速度相对较慢
- 自身的模块系统（webpack module system）
**启动速度对比**：
**Vite**：
- 冷启动时间：几...
服务端 · 2月18日 23:52
Scrapy 开发中有哪些最佳实践？Scrapy 开发中有许多最佳实践可以帮助开发者编写高效、稳定的爬虫。首先，应该遵守 robots.txt 协议，尊重网站的反爬策略。其次，应该合理设置下载延迟和并发数，避免对目标网站造成过大压力。应该使用 User-Agent 池和代理池来避免被封禁。对于大型项目，应该使用 Item 和 Item Loader 来管理数据结构，使用管道来处理数据存储。应该充分利用中间件来处理通用的逻辑，如请求头设置、错误处理等。应该使用 scrapy shell 来测试选择器和提取逻辑，减少调试时间。应该合理使用日志记录，方便问题排查。对于分布式爬虫，应该使用 scrapy-redis 来实现任务分发...
服务端 · 2月19日 14:28
Tauri 插件系统如何工作Tauri 插件系统允许扩展框架功能，创建可复用的模块：
## 插件架构
Tauri 插件由两部分组成：
- **前端部分**：JavaScript/TypeScript API
- **后端部分**：Rust 扩展
## 创建插件
### 1. 初始化插件项目
```bash
cargo create-tauri-plugin --name my-plugin
```
### 2. Rust 端实现
`src-tauri/plugins/my-plugin/src/lib.rs`:
```rust
use tauri::{plugin::Plugin, Runtime};
#...
服务端 · 2月19日 13:22
Vite 如何处理静态资源？图片、CSS 等资源是如何加载的？Vite 在开发环境中使用原生 ES 模块（ESM）加载资源，在生产环境中通过 Rollup 打包优化。以下是 Vite 处理静态资源的详细机制：
**开发环境**：
1. **直接加载**：静态资源通过 HTTP 请求直接加载，无需打包
2. **资源引用**：通过 `?url`、`?raw`、`?inline` 等后缀控制资源加载方式
3. **CSS 处理**：CSS 文件通过 `<style>` 标签注入，支持 CSS Modules 和预处理器
4. **图片处理**：图片等资源返回 URL，浏览器直接请求
**生产环境**：
1. **资源打包**：静态资源被打包到输...
服务端 · 2月18日 23:52
Vite 在开发环境和生产环境分别使用什么构建工具？Vite 在开发环境和生产环境使用不同的构建策略，这是为了在两个场景下都能提供最佳的性能和体验：
**开发环境**：
- 使用 esbuild 进行依赖预构建，esbuild 是用 Go 语言编写的，速度极快
- 直接利用浏览器原生 ES 模块（ESM）加载源代码，无需打包
- 通过 HTTP 服务器提供文件，浏览器按需请求模块
- 支持快速的热模块替换（HMR），只编译修改的文件
- 提供源码映射（Source Map）用于调试
**生产环境**：
- 使用 Rollup 进行打包和优化
- 执行代码分割（Code Splitting），将代码拆分成多个 chunk
- 进行 tr...
服务端 · 2月18日 23:50
什么是双重提交 Cookie 防护 CSRF 的原理和实现方式？双重提交 Cookie（Double Submit Cookie）是一种 CSRF 防护技术，它通过在 Cookie 和请求参数中同时存储相同的 Token 来验证请求的合法性。
## 双重提交 Cookie 的基本原理
1. **Token 生成**：服务器生成一个随机的 CSRF Token
2. **双重存储**：Token 同时存储在 Cookie 和请求参数中
3. **验证逻辑**：服务器验证 Cookie 中的 Token 和请求参数中的 Token 是否匹配
## 实现步骤
### 1. 生成 Token
```javascript
function gener...
服务端 · 2月19日 17:49
Jest 中的 describe、test 和 it 函数有什么区别？如何使用它们组织测试代码？在 Jest 中，`describe`、`test` 和 `it` 都是用于组织测试代码的函数：
**describe 函数：**
- 用于将相关的测试用例分组，形成测试套件（Test Suite）
- 接受两个参数：描述字符串和回调函数
- 可以嵌套使用，形成层级结构
- 示例：`describe('User module', () => { ... })`
**test 函数：**
- 定义一个单独的测试用例
- 是 `it` 函数的别名，两者功能完全相同
- 接受两个参数：描述字符串和测试函数
- 示例：`test('should return user name', () =...
服务端 · 2月19日 13:15
如何在 Jest 中测试 Redux 相关代码？如何测试 Actions、Reducers 和 Selectors？在 Jest 中测试 Redux 相关代码需要 Mock store 和 actions：
**1. 测试 Redux Actions：**
```javascript
// actions.js
export const increment = () => ({ type: 'INCREMENT' });
export const addValue = (value) => ({ type: 'ADD_VALUE', payload: value });
// actions.test.js
import { increment, addValue } from './action...
服务端 · 2月19日 13:20