ccg-ros2-workflow 2.2.2 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +211 -96
- package/README.zh-CN.md +256 -0
- package/dist/cli.mjs +15 -15
- package/dist/index.d.mts +59 -36
- package/dist/index.d.ts +59 -36
- package/dist/index.mjs +4 -4
- package/dist/shared/ccg-ros2-workflow.Bhm8c7P1.mjs +5154 -0
- package/package.json +31 -12
- package/templates/codex/AGENTS.md +348 -0
- package/templates/codex/agents/ccg-implement.toml +73 -0
- package/templates/codex/agents/ccg-research.toml +73 -0
- package/templates/codex/agents/ccg-review.toml +82 -0
- package/templates/codex/config.toml +21 -0
- package/templates/codex/hooks/ccg-workflow.py +253 -0
- package/templates/codex/hooks.json +15 -0
- package/templates/commands/agents/planner.md +97 -122
- package/templates/commands/agents/system-integrator.md +2 -2
- package/templates/commands/agents/team-architect.md +97 -0
- package/templates/commands/agents/team-qa.md +121 -0
- package/templates/commands/agents/team-reviewer.md +112 -0
- package/templates/commands/commit.md +30 -1
- package/templates/commands/context.md +332 -0
- package/templates/commands/go.md +206 -0
- package/templates/commands/init.md +1 -1
- package/templates/commands/spec-impl.md +41 -21
- package/templates/commands/spec-init.md +21 -27
- package/templates/commands/spec-plan.md +54 -21
- package/templates/commands/spec-research.md +78 -26
- package/templates/commands/spec-review.md +20 -16
- package/templates/{commands → commands-legacy}/analyze.md +1 -1
- package/templates/commands-legacy/backend.md +224 -0
- package/templates/commands-legacy/codex-exec.md +411 -0
- package/templates/{commands → commands-legacy}/debug.md +1 -1
- package/templates/commands-legacy/enhance.md +55 -0
- package/templates/{commands → commands-legacy}/feat.md +2 -2
- package/templates/commands-legacy/frontend.md +213 -0
- package/templates/{commands → commands-legacy}/optimize.md +1 -1
- package/templates/{commands → commands-legacy}/plan.md +1 -15
- package/templates/{commands → commands-legacy}/team-plan.md +1 -1
- package/templates/commands-legacy/team.md +475 -0
- package/templates/{commands → commands-legacy}/test.md +1 -1
- package/templates/commands-legacy/workflow.md +283 -0
- package/templates/engine/model-router.md +123 -0
- package/templates/engine/phase-guide.md +207 -0
- package/templates/engine/strategies/debug-investigate.md +169 -0
- package/templates/engine/strategies/deep-research.md +141 -0
- package/templates/engine/strategies/direct-fix.md +108 -0
- package/templates/engine/strategies/full-collaborate.md +389 -0
- package/templates/engine/strategies/git-action.md +43 -0
- package/templates/engine/strategies/guided-develop.md +282 -0
- package/templates/engine/strategies/optimize-measure.md +103 -0
- package/templates/engine/strategies/quick-implement.md +96 -0
- package/templates/engine/strategies/refactor-safely.md +180 -0
- package/templates/engine/strategies/review-audit.md +123 -0
- package/templates/hooks/session-start.js +100 -0
- package/templates/hooks/skill-router.js +144 -0
- package/templates/hooks/subagent-context.js +161 -0
- package/templates/hooks/task-utils.js +190 -0
- package/templates/hooks/workflow-state.js +55 -0
- package/templates/output-styles/abyss-command.md +56 -0
- package/templates/output-styles/abyss-concise.md +89 -0
- package/templates/output-styles/abyss-ritual.md +70 -0
- package/templates/output-styles/engineer-professional.md +20 -3
- package/templates/output-styles/laowang-engineer.md +2 -2
- package/templates/prompts/antigravity/analyzer.md +59 -0
- package/templates/prompts/antigravity/architect.md +55 -0
- package/templates/prompts/antigravity/builder.md +52 -0
- package/templates/prompts/antigravity/debugger.md +48 -0
- package/templates/prompts/antigravity/frontend.md +50 -0
- package/templates/prompts/antigravity/optimizer.md +40 -0
- package/templates/prompts/antigravity/reviewer.md +67 -0
- package/templates/prompts/antigravity/tester.md +39 -0
- package/templates/prompts/claude/debugger.md +1 -1
- package/templates/prompts/claude/reviewer.md +1 -1
- package/templates/prompts/codex/analyzer.md +8 -0
- package/templates/prompts/codex/architect.md +9 -1
- package/templates/prompts/codex/builder.md +61 -0
- package/templates/prompts/codex/debugger.md +9 -1
- package/templates/prompts/codex/optimizer.md +7 -0
- package/templates/prompts/codex/reviewer.md +7 -0
- package/templates/prompts/codex/tester.md +8 -1
- package/templates/prompts/gemini/analyzer.md +11 -3
- package/templates/prompts/gemini/architect.md +10 -2
- package/templates/prompts/gemini/debugger.md +8 -0
- package/templates/prompts/gemini/frontend.md +10 -2
- package/templates/prompts/gemini/optimizer.md +9 -2
- package/templates/prompts/gemini/reviewer.md +7 -0
- package/templates/prompts/gemini/tester.md +8 -1
- package/templates/rules/ccg-skill-routing.md +91 -0
- package/templates/rules/ccg-skills.md +65 -0
- package/templates/skills/SKILL.md +92 -0
- package/templates/skills/domains/ai/SKILL.md +34 -0
- package/templates/skills/domains/ai/agent-dev.md +242 -0
- package/templates/skills/domains/ai/llm-security.md +288 -0
- package/templates/skills/domains/ai/prompt-and-eval.md +279 -0
- package/templates/skills/domains/ai/rag-system.md +542 -0
- package/templates/skills/domains/architecture/SKILL.md +42 -0
- package/templates/skills/domains/architecture/api-design.md +225 -0
- package/templates/skills/domains/architecture/caching.md +299 -0
- package/templates/skills/domains/architecture/cloud-native.md +285 -0
- package/templates/skills/domains/architecture/message-queue.md +329 -0
- package/templates/skills/domains/architecture/security-arch.md +297 -0
- package/templates/skills/domains/data-engineering/SKILL.md +207 -0
- package/templates/skills/domains/development/SKILL.md +46 -0
- package/templates/skills/domains/development/cpp.md +369 -0
- package/templates/skills/domains/development/go.md +323 -0
- package/templates/skills/domains/development/java.md +277 -0
- package/templates/skills/domains/development/python.md +487 -0
- package/templates/skills/domains/development/rust.md +313 -0
- package/templates/skills/domains/development/shell.md +313 -0
- package/templates/skills/domains/development/typescript.md +277 -0
- package/templates/skills/domains/devops/SKILL.md +39 -0
- package/templates/skills/domains/devops/cost-optimization.md +272 -0
- package/templates/skills/domains/devops/database.md +217 -0
- package/templates/skills/domains/devops/devsecops.md +198 -0
- package/templates/skills/domains/devops/git-workflow.md +181 -0
- package/templates/skills/domains/devops/observability.md +280 -0
- package/templates/skills/domains/devops/performance.md +336 -0
- package/templates/skills/domains/devops/testing.md +283 -0
- package/templates/skills/domains/infrastructure/SKILL.md +200 -0
- package/templates/skills/domains/mobile/SKILL.md +224 -0
- package/templates/skills/domains/orchestration/SKILL.md +29 -0
- package/templates/skills/domains/orchestration/multi-agent.md +263 -0
- package/templates/skills/domains/ros2-control/SKILL.md +206 -0
- package/templates/skills/domains/ros2-hardware/SKILL.md +277 -0
- package/templates/skills/domains/ros2-manipulation/SKILL.md +237 -0
- package/templates/skills/domains/ros2-navigation/SKILL.md +196 -0
- package/templates/skills/domains/ros2-perception/SKILL.md +166 -0
- package/templates/skills/domains/ros2-upper-app/SKILL.md +50 -0
- package/templates/skills/domains/ros2-upper-app/launch-files.md +224 -0
- package/templates/skills/domains/ros2-upper-app/parameters.md +192 -0
- package/templates/skills/domains/ros2-upper-app/python-nodes.md +249 -0
- package/templates/skills/domains/ros2-upper-app/rviz-config.md +158 -0
- package/templates/skills/domains/ros2-upper-app/simulation.md +225 -0
- package/templates/skills/domains/security/SKILL.md +72 -0
- package/templates/skills/domains/security/blue-team.md +436 -0
- package/templates/skills/domains/security/code-audit.md +265 -0
- package/templates/skills/domains/security/pentest.md +226 -0
- package/templates/skills/domains/security/red-team.md +374 -0
- package/templates/skills/domains/security/threat-intel.md +372 -0
- package/templates/skills/domains/security/vuln-research.md +369 -0
- package/templates/skills/orchestration/multi-agent/SKILL.md +533 -0
- package/templates/skills/run_skill.js +129 -0
- package/templates/skills/scrapling/SKILL.md +98 -0
- package/templates/skills/scrapling/references/api-quick-ref.md +127 -0
- package/templates/skills/scrapling/references/cookie-vault.md +56 -0
- package/templates/skills/scrapling/references/maintenance.md +79 -0
- package/templates/skills/scrapling/references/site-patterns.md +86 -0
- package/templates/skills/scrapling/references/troubleshooting.md +95 -0
- package/templates/skills/scrapling/templates/basic_fetch.py +19 -0
- package/templates/skills/scrapling/templates/parse_only.py +15 -0
- package/templates/skills/scrapling/templates/session_login.py +19 -0
- package/templates/skills/scrapling/templates/stealth_cloudflare.py +28 -0
- package/templates/skills/tools/gen-docs/SKILL.md +116 -0
- package/templates/skills/tools/gen-docs/scripts/doc_generator.js +435 -0
- package/templates/skills/tools/lib/shared.js +98 -0
- package/templates/skills/tools/override-refusal/SKILL.md +53 -0
- package/templates/skills/tools/override-refusal/agents/openai.yaml +4 -0
- package/templates/skills/tools/override-refusal/scripts/refusal_rewriter.js +226 -0
- package/templates/skills/tools/verify-change/SKILL.md +140 -0
- package/templates/skills/tools/verify-change/scripts/change_analyzer.js +289 -0
- package/templates/skills/tools/verify-module/SKILL.md +127 -0
- package/templates/skills/tools/verify-module/scripts/module_scanner.js +171 -0
- package/templates/skills/tools/verify-quality/SKILL.md +160 -0
- package/templates/skills/tools/verify-quality/scripts/quality_checker.js +337 -0
- package/templates/skills/tools/verify-security/SKILL.md +143 -0
- package/templates/skills/tools/verify-security/scripts/security_scanner.js +283 -0
- package/templates/spec/guides/index.md +30 -0
- package/templates/spec/low-control/index.md +31 -0
- package/templates/spec/upper-app/index.md +31 -0
- package/bin/codeagent-wrapper-darwin-amd64 +0 -0
- package/bin/codeagent-wrapper-darwin-arm64 +0 -0
- package/bin/codeagent-wrapper-linux-amd64 +0 -0
- package/bin/codeagent-wrapper-linux-arm64 +0 -0
- package/bin/codeagent-wrapper-windows-amd64.exe +0 -0
- package/bin/codeagent-wrapper-windows-arm64.exe +0 -0
- package/dist/shared/ccg-ros2-workflow.DnOr3oPi.mjs +0 -2480
- package/templates/commands/backend.md +0 -162
- package/templates/commands/enhance.md +0 -36
- package/templates/commands/frontend.md +0 -162
- package/templates/commands/workflow.md +0 -202
- /package/templates/{commands → commands-legacy}/execute.md +0 -0
- /package/templates/{commands → commands-legacy}/review.md +0 -0
- /package/templates/{commands → commands-legacy}/team-exec.md +0 -0
- /package/templates/{commands → commands-legacy}/team-research.md +0 -0
- /package/templates/{commands → commands-legacy}/team-review.md +0 -0
|
@@ -0,0 +1,283 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: testing
|
|
3
|
+
description: 软件测试。单元测试、集成测试、TDD、测试框架。当用户提到测试、单元测试、pytest、Jest、mock、TDD时使用。
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# 🔧 炼器秘典 · 软件测试
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
## 测试金字塔
|
|
10
|
+
|
|
11
|
+
```
|
|
12
|
+
/\
|
|
13
|
+
/ \ E2E 测试 (少)
|
|
14
|
+
/----\
|
|
15
|
+
/ \ 集成测试 (中)
|
|
16
|
+
/--------\
|
|
17
|
+
/ \ 单元测试 (多)
|
|
18
|
+
--------------
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Python (pytest)
|
|
22
|
+
|
|
23
|
+
```python
|
|
24
|
+
import pytest
|
|
25
|
+
from myapp import calculate, UserService
|
|
26
|
+
|
|
27
|
+
# 基础测试
|
|
28
|
+
def test_add():
|
|
29
|
+
assert calculate.add(1, 2) == 3
|
|
30
|
+
|
|
31
|
+
# 参数化
|
|
32
|
+
@pytest.mark.parametrize("a,b,expected", [
|
|
33
|
+
(1, 2, 3),
|
|
34
|
+
(0, 0, 0),
|
|
35
|
+
(-1, 1, 0),
|
|
36
|
+
])
|
|
37
|
+
def test_add_params(a, b, expected):
|
|
38
|
+
assert calculate.add(a, b) == expected
|
|
39
|
+
|
|
40
|
+
# Fixture
|
|
41
|
+
@pytest.fixture
|
|
42
|
+
def user_service():
|
|
43
|
+
service = UserService()
|
|
44
|
+
yield service
|
|
45
|
+
service.cleanup()
|
|
46
|
+
|
|
47
|
+
def test_create_user(user_service):
|
|
48
|
+
user = user_service.create("test")
|
|
49
|
+
assert user.name == "test"
|
|
50
|
+
|
|
51
|
+
# Mock
|
|
52
|
+
from unittest.mock import Mock, patch
|
|
53
|
+
|
|
54
|
+
@patch('myapp.requests.get')
|
|
55
|
+
def test_fetch(mock_get):
|
|
56
|
+
mock_get.return_value.json.return_value = {"id": 1}
|
|
57
|
+
result = fetch_user(1)
|
|
58
|
+
assert result["id"] == 1
|
|
59
|
+
|
|
60
|
+
# 异步测试
|
|
61
|
+
@pytest.mark.asyncio
|
|
62
|
+
async def test_async_fetch():
|
|
63
|
+
result = await async_fetch()
|
|
64
|
+
assert result is not None
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
### 运行命令
|
|
68
|
+
```bash
|
|
69
|
+
pytest # 运行所有
|
|
70
|
+
pytest test_file.py # 指定文件
|
|
71
|
+
pytest -k "test_add" # 匹配名称
|
|
72
|
+
pytest -v # 详细输出
|
|
73
|
+
pytest --cov=myapp # 覆盖率
|
|
74
|
+
pytest -x # 失败即停
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
## JavaScript (Jest/Vitest)
|
|
78
|
+
|
|
79
|
+
```javascript
|
|
80
|
+
import { describe, it, expect, vi } from 'vitest';
|
|
81
|
+
|
|
82
|
+
// 基础测试
|
|
83
|
+
describe('add', () => {
|
|
84
|
+
it('should add two numbers', () => {
|
|
85
|
+
expect(add(1, 2)).toBe(3);
|
|
86
|
+
});
|
|
87
|
+
|
|
88
|
+
it.each([
|
|
89
|
+
[1, 2, 3],
|
|
90
|
+
[0, 0, 0],
|
|
91
|
+
[-1, 1, 0],
|
|
92
|
+
])('add(%i, %i) = %i', (a, b, expected) => {
|
|
93
|
+
expect(add(a, b)).toBe(expected);
|
|
94
|
+
});
|
|
95
|
+
});
|
|
96
|
+
|
|
97
|
+
// Mock
|
|
98
|
+
vi.mock('./api', () => ({
|
|
99
|
+
getUser: vi.fn().mockResolvedValue({ id: 1, name: 'test' })
|
|
100
|
+
}));
|
|
101
|
+
|
|
102
|
+
it('should fetch user', async () => {
|
|
103
|
+
const user = await fetchUser(1);
|
|
104
|
+
expect(user.name).toBe('test');
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
// Spy
|
|
108
|
+
const spy = vi.spyOn(console, 'log');
|
|
109
|
+
doSomething();
|
|
110
|
+
expect(spy).toHaveBeenCalledWith('message');
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
## Go (testing)
|
|
114
|
+
|
|
115
|
+
```go
|
|
116
|
+
package main
|
|
117
|
+
|
|
118
|
+
import (
|
|
119
|
+
"testing"
|
|
120
|
+
"github.com/stretchr/testify/assert"
|
|
121
|
+
)
|
|
122
|
+
|
|
123
|
+
func TestAdd(t *testing.T) {
|
|
124
|
+
result := Add(1, 2)
|
|
125
|
+
assert.Equal(t, 3, result)
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
// 表驱动测试
|
|
129
|
+
func TestAddTable(t *testing.T) {
|
|
130
|
+
tests := []struct {
|
|
131
|
+
name string
|
|
132
|
+
a, b int
|
|
133
|
+
expected int
|
|
134
|
+
}{
|
|
135
|
+
{"positive", 1, 2, 3},
|
|
136
|
+
{"zero", 0, 0, 0},
|
|
137
|
+
{"negative", -1, 1, 0},
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
for _, tt := range tests {
|
|
141
|
+
t.Run(tt.name, func(t *testing.T) {
|
|
142
|
+
assert.Equal(t, tt.expected, Add(tt.a, tt.b))
|
|
143
|
+
})
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
// Benchmark
|
|
148
|
+
func BenchmarkAdd(b *testing.B) {
|
|
149
|
+
for i := 0; i < b.N; i++ {
|
|
150
|
+
Add(1, 2)
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
```
|
|
154
|
+
|
|
155
|
+
## 测试原则
|
|
156
|
+
|
|
157
|
+
```yaml
|
|
158
|
+
FIRST:
|
|
159
|
+
- Fast: 快速执行
|
|
160
|
+
- Independent: 相互独立
|
|
161
|
+
- Repeatable: 可重复
|
|
162
|
+
- Self-validating: 自验证
|
|
163
|
+
- Timely: 及时编写
|
|
164
|
+
|
|
165
|
+
AAA:
|
|
166
|
+
- Arrange: 准备数据
|
|
167
|
+
- Act: 执行操作
|
|
168
|
+
- Assert: 验证结果
|
|
169
|
+
|
|
170
|
+
原则:
|
|
171
|
+
- 每个测试只验证一件事
|
|
172
|
+
- 测试边界条件
|
|
173
|
+
- 测试异常情况
|
|
174
|
+
- 避免测试实现细节
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
## TDD 流程
|
|
178
|
+
|
|
179
|
+
```
|
|
180
|
+
红 → 绿 → 重构
|
|
181
|
+
|
|
182
|
+
1. 红: 写一个失败的测试
|
|
183
|
+
2. 绿: 写最少代码让测试通过
|
|
184
|
+
3. 重构: 优化代码,保持测试通过
|
|
185
|
+
```
|
|
186
|
+
|
|
187
|
+
---
|
|
188
|
+
|
|
189
|
+
## 测试策略(源自 testing-strategy)
|
|
190
|
+
|
|
191
|
+
### 测试金字塔比例
|
|
192
|
+
|
|
193
|
+
| 层级 | 占比 | 执行时间 | 成本 |
|
|
194
|
+
|------|------|----------|------|
|
|
195
|
+
| 单元测试 | 70% | <1s | 低 |
|
|
196
|
+
| 集成测试 | 20% | 1-10s | 中 |
|
|
197
|
+
| E2E测试 | 10% | 10s-5m | 高 |
|
|
198
|
+
|
|
199
|
+
### 测试左移 Checklist
|
|
200
|
+
|
|
201
|
+
```yaml
|
|
202
|
+
需求阶段: 可测试性评审、验收标准定义、测试用例设计
|
|
203
|
+
开发阶段: TDD、单元测试同步编写、代码审查包含测试
|
|
204
|
+
提交阶段: Pre-commit Hook、本地测试必过、静态分析
|
|
205
|
+
CI阶段: 自动化测试、覆盖率门禁、性能基准测试
|
|
206
|
+
```
|
|
207
|
+
|
|
208
|
+
### 契约测试要点
|
|
209
|
+
|
|
210
|
+
- 消费者驱动契约 (CDC):Consumer 定义期望 → Provider 验证契约
|
|
211
|
+
- 工具:Pact(多语言)、Spring Cloud Contract(Java)
|
|
212
|
+
- 核心:Provider API <-> Contract <-> Consumer,双方独立验证
|
|
213
|
+
|
|
214
|
+
### 覆盖率策略
|
|
215
|
+
|
|
216
|
+
```yaml
|
|
217
|
+
类型: 行覆盖率、分支覆盖率、函数覆盖率、语句覆盖率
|
|
218
|
+
门禁: 全局 ≥80%,核心模块 ≥90%
|
|
219
|
+
排除: tests/、migrations/、__init__.py、config 文件
|
|
220
|
+
```
|
|
221
|
+
|
|
222
|
+
### 变异测试
|
|
223
|
+
|
|
224
|
+
- 修改源码(变异体)验证测试是否能捕获
|
|
225
|
+
- 工具:Stryker (JS)、Pitest (Java)
|
|
226
|
+
- 阈值:high 80% / low 60% / break 50%
|
|
227
|
+
|
|
228
|
+
### 测试最佳实践
|
|
229
|
+
|
|
230
|
+
- AAA 模式:Arrange → Act → Assert
|
|
231
|
+
- 命名:`should [预期行为] when [条件]`
|
|
232
|
+
- 单一职责:每个测试只验证一件事
|
|
233
|
+
- 数据隔离:Fixture/Factory 模式,每测试独立实例
|
|
234
|
+
- 并行执行:Jest `maxWorkers: '50%'`、pytest `-n auto`
|
|
235
|
+
|
|
236
|
+
---
|
|
237
|
+
|
|
238
|
+
## E2E 测试(源自 e2e-testing)
|
|
239
|
+
|
|
240
|
+
### Playwright vs Cypress
|
|
241
|
+
|
|
242
|
+
| 特性 | Playwright | Cypress |
|
|
243
|
+
|------|-----------|---------|
|
|
244
|
+
| 多浏览器 | Chromium/Firefox/WebKit | Chromium/Firefox/Edge |
|
|
245
|
+
| 多标签页/iframe | 原生支持 | 有限 |
|
|
246
|
+
| 并行执行 | 原生支持 | 需付费 |
|
|
247
|
+
| 调试体验 | 一般 | 优秀 |
|
|
248
|
+
|
|
249
|
+
### 选择器优先级
|
|
250
|
+
|
|
251
|
+
```
|
|
252
|
+
1. data-testid (推荐)
|
|
253
|
+
2. role + accessible name
|
|
254
|
+
3. 稳定的 class/id
|
|
255
|
+
4. 文本内容 (谨慎)
|
|
256
|
+
5. CSS/XPath (避免)
|
|
257
|
+
```
|
|
258
|
+
|
|
259
|
+
### E2E Checklist
|
|
260
|
+
|
|
261
|
+
```yaml
|
|
262
|
+
架构:
|
|
263
|
+
- 页面对象模式 (POM) 封装页面操作
|
|
264
|
+
- 测试独立性:通过 API 准备数据,不依赖其他测试
|
|
265
|
+
- 智能等待:waitForSelector/waitForResponse,禁止 waitForTimeout
|
|
266
|
+
|
|
267
|
+
网络:
|
|
268
|
+
- Mock API:page.route() / cy.intercept() 隔离底层控制
|
|
269
|
+
- 等待响应:waitForResponse 确认数据加载
|
|
270
|
+
|
|
271
|
+
可视化回归:
|
|
272
|
+
- Playwright: toHaveScreenshot() + mask 动态内容
|
|
273
|
+
- Percy/Chromatic: 云端截图对比
|
|
274
|
+
|
|
275
|
+
认证:
|
|
276
|
+
- Playwright: storageState 复用登录态
|
|
277
|
+
- Cypress: cy.session() 缓存会话
|
|
278
|
+
|
|
279
|
+
CI集成:
|
|
280
|
+
- retries: CI 环境 2 次重试
|
|
281
|
+
- artifacts: 失败时保存截图/视频/trace
|
|
282
|
+
```
|
|
283
|
+
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: infrastructure
|
|
3
|
+
description: 云原生基础设施。Kubernetes、Helm、Kustomize、Operator、CRD、GitOps、ArgoCD、Flux、IaC、Terraform、Pulumi、CDK。当用户提到 K8s、Helm、GitOps、IaC 时路由到此。
|
|
4
|
+
license: MIT
|
|
5
|
+
user-invocable: false
|
|
6
|
+
disable-model-invocation: false
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# 云原生基础设施 · Infrastructure
|
|
10
|
+
|
|
11
|
+
## 域概览
|
|
12
|
+
|
|
13
|
+
```
|
|
14
|
+
GitOps 控制平面
|
|
15
|
+
|
|
|
16
|
+
+-----------------+-----------------+
|
|
17
|
+
| | |
|
|
18
|
+
ArgoCD/Flux Kubernetes IaC 层
|
|
19
|
+
| | |
|
|
20
|
+
Git Repo ------> Helm/Kustomize --> Terraform/Pulumi
|
|
21
|
+
| | |
|
|
22
|
+
声明式配置 容器编排 云资源管理
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
## Kubernetes 容器编排
|
|
28
|
+
|
|
29
|
+
### Helm Chart 开发
|
|
30
|
+
|
|
31
|
+
标准结构:`Chart.yaml` + `values.yaml` + `templates/` + `charts/`
|
|
32
|
+
|
|
33
|
+
核心要点:
|
|
34
|
+
- Chart.yaml:`apiVersion: v2`, dependencies 声明子 Chart(condition 控制启用)
|
|
35
|
+
- values.yaml 设计:image / replicaCount / resources / autoscaling / service / ingress / probes / env / persistence
|
|
36
|
+
- Deployment 模板:使用 `_helpers.tpl` 定义 `fullname` / `labels` / `selectorLabels`
|
|
37
|
+
- 配置校验:`checksum/config: {{ include ... | sha256sum }}` 触发滚动更新
|
|
38
|
+
- 安全上下文:`runAsNonRoot: true, runAsUser: 1000`
|
|
39
|
+
|
|
40
|
+
关键命令:
|
|
41
|
+
- `helm lint` / `helm template --debug` 验证
|
|
42
|
+
- `helm install -f values-prod.yaml` 部署
|
|
43
|
+
- `helm upgrade --reuse-values` 升级
|
|
44
|
+
- `helm rollback <release> <revision>` 回滚
|
|
45
|
+
- `helm push <chart>.tgz oci://registry` 推送 OCI
|
|
46
|
+
|
|
47
|
+
### Kustomize 配置管理
|
|
48
|
+
|
|
49
|
+
目录结构:`base/` + `overlays/{dev,staging,production}/`
|
|
50
|
+
|
|
51
|
+
核心能力:
|
|
52
|
+
- base/kustomization.yaml:resources / commonLabels / images / configMapGenerator / secretGenerator
|
|
53
|
+
- overlay:namespace / patchesStrategicMerge / patchesJson6902 / replicas / images / configMapGenerator(behavior: merge)
|
|
54
|
+
- 命令:`kubectl apply -k overlays/production` / `kubectl diff -k`
|
|
55
|
+
|
|
56
|
+
### Operator 模式
|
|
57
|
+
|
|
58
|
+
- CRD 定义:openAPIV3Schema 声明 spec/status,subresources(status/scale)
|
|
59
|
+
- Controller 核心循环:Get CR → 构建期望状态 → Create/Update 子资源 → 更新 Status
|
|
60
|
+
- OwnerReferences:子资源关联 CR,级联删除
|
|
61
|
+
- 初始化:`operator-sdk init` → `create api` → `make manifests` → `make install`
|
|
62
|
+
|
|
63
|
+
### 部署策略
|
|
64
|
+
|
|
65
|
+
| 策略 | 实现方式 | 适用场景 |
|
|
66
|
+
|------|----------|----------|
|
|
67
|
+
| 滚动更新 | `strategy.rollingUpdate` maxSurge/maxUnavailable | 默认策略 |
|
|
68
|
+
| 蓝绿部署 | 两个 Deployment + Service selector 切换 | 零停机切换 |
|
|
69
|
+
| 金丝雀 | stable(9) + canary(1) 共享 Service | 渐进式验证 |
|
|
70
|
+
| Flagger | `Canary` CRD + 自动分析指标 | 自动化金丝雀 |
|
|
71
|
+
|
|
72
|
+
### K8s Checklist
|
|
73
|
+
|
|
74
|
+
- [ ] 健康检查:livenessProbe + readinessProbe 必配
|
|
75
|
+
- [ ] 资源限制:requests + limits 防止资源耗尽
|
|
76
|
+
- [ ] HPA:CPU/Memory/自定义指标自动扩缩容
|
|
77
|
+
- [ ] PDB:`minAvailable` 防止滚动更新中断
|
|
78
|
+
- [ ] ResourceQuota + LimitRange:命名空间资源配额
|
|
79
|
+
- [ ] 镜像使用 Digest 确保一致性
|
|
80
|
+
- [ ] Pod 反亲和性分散到不同节点
|
|
81
|
+
- [ ] 密钥外部化:External Secrets Operator
|
|
82
|
+
|
|
83
|
+
---
|
|
84
|
+
|
|
85
|
+
## GitOps 持续部署
|
|
86
|
+
|
|
87
|
+
### ArgoCD vs Flux
|
|
88
|
+
|
|
89
|
+
| 特性 | ArgoCD | Flux |
|
|
90
|
+
|------|--------|------|
|
|
91
|
+
| Web UI | 功能强大 | 无(可用 Weave GitOps) |
|
|
92
|
+
| 多租户 | Projects + RBAC | 需额外配置 |
|
|
93
|
+
| 多集群 | 原生支持 | 原生支持 |
|
|
94
|
+
| 镜像自动更新 | 需 Image Updater | 原生支持 |
|
|
95
|
+
| 渐进式交付 | Argo Rollouts | Flagger |
|
|
96
|
+
| CNCF | Graduated | Graduated |
|
|
97
|
+
|
|
98
|
+
### ArgoCD 核心模式
|
|
99
|
+
|
|
100
|
+
- Application:source(repoURL/path/targetRevision) + destination(server/namespace)
|
|
101
|
+
- syncPolicy:`automated(prune: true, selfHeal: true)` + retry
|
|
102
|
+
- ignoreDifferences:忽略 HPA 修改的 `/spec/replicas`
|
|
103
|
+
- ApplicationSet:Git 目录生成器,一套模板管理多环境
|
|
104
|
+
- 多集群:`argocd cluster add` 注册集群
|
|
105
|
+
- Notifications:ConfigMap 配置 Slack/Email 通知模板
|
|
106
|
+
- Rollouts:`Canary` CRD + steps(setWeight/pause) + AnalysisTemplate(Prometheus 查询)
|
|
107
|
+
|
|
108
|
+
### Flux 核心模式
|
|
109
|
+
|
|
110
|
+
- GitRepository:`interval: 1m`, ref branch, secretRef
|
|
111
|
+
- Kustomization:path + prune + healthChecks + postBuild substitute
|
|
112
|
+
- HelmRepository + HelmRelease:chart + values + install/upgrade remediation
|
|
113
|
+
- ImageRepository + ImagePolicy + ImageUpdateAutomation:自动检测新镜像并提交 Git
|
|
114
|
+
|
|
115
|
+
### 多环境管理
|
|
116
|
+
|
|
117
|
+
```
|
|
118
|
+
fleet-infra/
|
|
119
|
+
├── clusters/{dev,staging,production}/ # 每集群入口
|
|
120
|
+
├── infrastructure/base + overlays/ # 基础组件
|
|
121
|
+
└── apps/base + overlays/ # 应用配置
|
|
122
|
+
```
|
|
123
|
+
|
|
124
|
+
### 密钥管理
|
|
125
|
+
|
|
126
|
+
- Sealed Secrets:`kubeseal` 加密 → 提交 Git → Controller 解密
|
|
127
|
+
- External Secrets Operator:SecretStore(AWS SM) + ExternalSecret → 自动同步
|
|
128
|
+
|
|
129
|
+
### GitOps Checklist
|
|
130
|
+
|
|
131
|
+
- [ ] Git 为唯一真相源,所有变更通过 PR
|
|
132
|
+
- [ ] 自动同步 + 自愈(selfHeal)
|
|
133
|
+
- [ ] 密钥加密存储(Sealed Secrets / External Secrets)
|
|
134
|
+
- [ ] 渐进式交付(Rollouts / Flagger)
|
|
135
|
+
- [ ] 多环境目录隔离
|
|
136
|
+
- [ ] 回滚策略:保留历史版本
|
|
137
|
+
|
|
138
|
+
---
|
|
139
|
+
|
|
140
|
+
## 基础设施即代码 (IaC)
|
|
141
|
+
|
|
142
|
+
### 工具对比
|
|
143
|
+
|
|
144
|
+
| 工具 | 语言 | 状态管理 | 云支持 | 学习曲线 |
|
|
145
|
+
|------|------|----------|--------|----------|
|
|
146
|
+
| Terraform | HCL | 显式(S3/TF Cloud) | 全平台 | 中等 |
|
|
147
|
+
| Pulumi | Python/TS/Go | 自动(Pulumi Cloud) | 全平台 | 较低 |
|
|
148
|
+
| AWS CDK | Python/TS | CloudFormation | AWS | 中等 |
|
|
149
|
+
|
|
150
|
+
### Terraform 核心模式
|
|
151
|
+
|
|
152
|
+
项目结构:`modules/{vpc,eks,rds}/` + `environments/{dev,staging,prod}/`
|
|
153
|
+
|
|
154
|
+
- Provider:版本锁定 `required_providers` + `default_tags`
|
|
155
|
+
- Backend:S3 + DynamoDB 锁 + KMS 加密
|
|
156
|
+
- 模块化:`variable` → `resource` → `output`,环境通过 `module` 引用
|
|
157
|
+
- 远程状态:`data "terraform_remote_state"` 跨模块引用
|
|
158
|
+
- 命令流:`init` → `validate` → `fmt` → `plan -out=tfplan` → `apply tfplan`
|
|
159
|
+
- 状态管理:`state list/show/mv/rm` / `import` 导入现有资源
|
|
160
|
+
- Workspace:`workspace new/select` 多环境隔离
|
|
161
|
+
|
|
162
|
+
### Pulumi 核心模式
|
|
163
|
+
|
|
164
|
+
- ComponentResource:自定义资源组(VPC/EKS 封装为类)
|
|
165
|
+
- Config:`pulumi.Config()` 读取 stack 配置
|
|
166
|
+
- Outputs:`pulumi.export()` 导出值
|
|
167
|
+
- 命令:`preview` → `up` → `stack output` / `destroy`
|
|
168
|
+
|
|
169
|
+
### AWS CDK 核心模式
|
|
170
|
+
|
|
171
|
+
- Stack:继承 `Stack`,使用 L2 Constructs(`ec2.Vpc` / `eks.Cluster`)
|
|
172
|
+
- 跨 Stack 引用:通过构造函数参数传递
|
|
173
|
+
- 命令:`synth` → `diff` → `deploy --all` / `bootstrap`
|
|
174
|
+
|
|
175
|
+
### IaC Checklist
|
|
176
|
+
|
|
177
|
+
- [ ] 模块化:可复用组件抽象为模块
|
|
178
|
+
- [ ] 环境隔离:不同环境不同 State
|
|
179
|
+
- [ ] 远程状态 + 状态锁定
|
|
180
|
+
- [ ] Provider 版本锁定
|
|
181
|
+
- [ ] 密钥管理:Secrets Manager / SSM
|
|
182
|
+
- [ ] 统一资源标签
|
|
183
|
+
- [ ] Plan 后人工审查再 Apply
|
|
184
|
+
- [ ] CI/CD 集成自动化
|
|
185
|
+
|
|
186
|
+
---
|
|
187
|
+
|
|
188
|
+
## 最佳实践
|
|
189
|
+
|
|
190
|
+
| 层级 | 工具选择 | 原则 |
|
|
191
|
+
|------|----------|------|
|
|
192
|
+
| 应用部署 | Helm + Kustomize | 模板化 + 环境差异 |
|
|
193
|
+
| 持续交付 | ArgoCD / Flux | Git 为唯一真相源 |
|
|
194
|
+
| 基础设施 | Terraform / Pulumi | 声明式 + 状态管理 |
|
|
195
|
+
| 配置管理 | External Secrets | 密钥外部化 |
|
|
196
|
+
| 可观测性 | Prometheus + Grafana | 指标 + 可视化 |
|
|
197
|
+
|
|
198
|
+
## 触发词
|
|
199
|
+
|
|
200
|
+
Kubernetes、K8s、Helm、Kustomize、Operator、CRD、GitOps、ArgoCD、Flux、IaC、Terraform、Pulumi、CDK、基础设施即代码
|
|
@@ -0,0 +1,224 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: mobile
|
|
3
|
+
description: 移动开发。iOS、Android、SwiftUI、Jetpack Compose、React Native、Flutter、跨平台。当用户提到移动开发、iOS、Android、跨平台时路由到此。
|
|
4
|
+
license: MIT
|
|
5
|
+
user-invocable: false
|
|
6
|
+
disable-model-invocation: false
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# 移动开发域 · Mobile Development
|
|
10
|
+
|
|
11
|
+
## 域概览
|
|
12
|
+
|
|
13
|
+
```
|
|
14
|
+
原生开发 跨平台开发
|
|
15
|
+
├── iOS (SwiftUI/UIKit) ├── React Native (JS/TS)
|
|
16
|
+
├── Android (Compose/Kotlin) └── Flutter (Dart)
|
|
17
|
+
└── 共通:MVVM / 网络层 / 持久化 / 测试
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
---
|
|
21
|
+
|
|
22
|
+
## iOS 开发
|
|
23
|
+
|
|
24
|
+
### SwiftUI 核心模式
|
|
25
|
+
|
|
26
|
+
- View 组件:`struct MyView: View { var body: some View { ... } }`
|
|
27
|
+
- State 管理:
|
|
28
|
+
- `@State` — 本地状态
|
|
29
|
+
- `@Binding` — 父子双向绑定
|
|
30
|
+
- `@StateObject` — 拥有 ObservableObject
|
|
31
|
+
- `@ObservedObject` — 引用 ObservableObject
|
|
32
|
+
- `@EnvironmentObject` / `@Environment` — 全局注入
|
|
33
|
+
- ObservableObject:`@Published` 属性自动触发 UI 更新
|
|
34
|
+
- Custom ViewModifier:`struct CardModifier: ViewModifier` + `extension View { func cardStyle() }`
|
|
35
|
+
- 生命周期:`.task { await ... }` / `.onAppear` / `.onDisappear`
|
|
36
|
+
|
|
37
|
+
### UIKit 集成
|
|
38
|
+
|
|
39
|
+
- UIViewControllerRepresentable:包装 UIViewController 到 SwiftUI
|
|
40
|
+
- UIViewRepresentable:包装 UIView 到 SwiftUI
|
|
41
|
+
- Coordinator 模式:处理 delegate 回调
|
|
42
|
+
- Auto Layout:`NSLayoutConstraint.activate([...])` + `translatesAutoresizingMaskIntoConstraints = false`
|
|
43
|
+
|
|
44
|
+
### Combine 响应式
|
|
45
|
+
|
|
46
|
+
- Publisher:`URLSession.shared.dataTaskPublisher` → `map` → `decode` → `eraseToAnyPublisher`
|
|
47
|
+
- 订阅:`.sink(receiveCompletion:receiveValue:)` + `.store(in: &cancellables)`
|
|
48
|
+
- 常用 Operators:`debounce` / `removeDuplicates` / `combineLatest` / `flatMap`
|
|
49
|
+
- Subject:`PassthroughSubject`(无初始值)/ `CurrentValueSubject`(有初始值)
|
|
50
|
+
|
|
51
|
+
### iOS 架构
|
|
52
|
+
|
|
53
|
+
MVVM(推荐):
|
|
54
|
+
- Model:`Codable` 数据结构
|
|
55
|
+
- Repository:`protocol` + `async throws` 方法
|
|
56
|
+
- ViewModel:`@MainActor class VM: ObservableObject` + `@Published` 属性
|
|
57
|
+
- View:`@StateObject private var viewModel = VM()`
|
|
58
|
+
|
|
59
|
+
VIPER(复杂场景):
|
|
60
|
+
- View ←→ Presenter ←→ Interactor → Entity
|
|
61
|
+
- Router 处理导航
|
|
62
|
+
|
|
63
|
+
### 网络层
|
|
64
|
+
|
|
65
|
+
- APIClient:泛型 `func get<T: Decodable>(_ path:) async throws -> T`
|
|
66
|
+
- Token 管理:`request.setValue("Bearer \(token)", forHTTPHeaderField: "Authorization")`
|
|
67
|
+
- 错误处理:`enum APIError: Error { case invalidURL, invalidResponse, httpError(Int) }`
|
|
68
|
+
|
|
69
|
+
### 数据持久化
|
|
70
|
+
|
|
71
|
+
- UserDefaults:`@propertyWrapper struct UserDefault<T>` 简化访问
|
|
72
|
+
- Keychain:`SecItemAdd` / `SecItemCopyMatching` 存储敏感数据
|
|
73
|
+
- Core Data:`NSPersistentContainer` + `NSManagedObjectContext`
|
|
74
|
+
- SwiftData(iOS 17+):`@Model` 宏简化持久化
|
|
75
|
+
|
|
76
|
+
### iOS Checklist
|
|
77
|
+
|
|
78
|
+
- [ ] SwiftUI 优先,UIKit 按需集成
|
|
79
|
+
- [ ] `@MainActor` 确保 UI 线程安全
|
|
80
|
+
- [ ] async/await 替代回调
|
|
81
|
+
- [ ] 依赖注入提升可测试性
|
|
82
|
+
- [ ] LazyVStack/LazyHStack 优化大列表
|
|
83
|
+
- [ ] 图片缓存(NSCache)减少内存压力
|
|
84
|
+
- [ ] Keychain 存储敏感数据(非 UserDefaults)
|
|
85
|
+
- [ ] 单元测试覆盖 ViewModel + Mock Repository
|
|
86
|
+
|
|
87
|
+
---
|
|
88
|
+
|
|
89
|
+
## Android 开发
|
|
90
|
+
|
|
91
|
+
### Jetpack Compose 核心模式
|
|
92
|
+
|
|
93
|
+
- Composable:`@Composable fun MyScreen() { ... }`
|
|
94
|
+
- State 管理:
|
|
95
|
+
- `remember { mutableStateOf(value) }` — 本地状态
|
|
96
|
+
- `rememberSaveable` — 跨配置变更保存
|
|
97
|
+
- `derivedStateOf` — 派生状态避免重组
|
|
98
|
+
- LazyColumn:`items(list, key = { it.id })` 提供稳定 key
|
|
99
|
+
- Side Effects:
|
|
100
|
+
- `LaunchedEffect(key)` — 启动协程
|
|
101
|
+
- `DisposableEffect(key)` — 清理资源(onDispose)
|
|
102
|
+
- `SideEffect` — 同步状态到外部
|
|
103
|
+
- `snapshotFlow { state }` — 监听状态变化转 Flow
|
|
104
|
+
- Navigation:`NavHost` + `composable(route)` + `navController.navigate()`
|
|
105
|
+
- Custom Modifier:`fun Modifier.myModifier(): Modifier = composed { ... }`
|
|
106
|
+
|
|
107
|
+
### ViewModel + StateFlow
|
|
108
|
+
|
|
109
|
+
- StateFlow(推荐替代 LiveData):
|
|
110
|
+
- `MutableStateFlow(UiState())` + `.asStateFlow()`
|
|
111
|
+
- `_uiState.update { it.copy(isLoading = true) }`
|
|
112
|
+
- Compose 中:`val uiState by viewModel.uiState.collectAsState()`
|
|
113
|
+
- UiState data class:封装 loading / error / data
|
|
114
|
+
|
|
115
|
+
### Kotlin Coroutines & Flow
|
|
116
|
+
|
|
117
|
+
- 协程:`viewModelScope.launch { withContext(Dispatchers.IO) { ... } }`
|
|
118
|
+
- 并发:`coroutineScope { val a = async { ... }; val b = async { ... } }`
|
|
119
|
+
- Flow:`flow { emit(value) }` + `.flowOn(Dispatchers.IO)`
|
|
120
|
+
- StateFlow:`.stateIn(scope, SharingStarted.WhileSubscribed(5000), initial)`
|
|
121
|
+
- 搜索防抖:`searchQuery.debounce(300).filter { it.isNotEmpty() }.flatMapLatest { ... }`
|
|
122
|
+
- Channel:`Channel<Event>(BUFFERED)` + `.receiveAsFlow()` 一次性事件
|
|
123
|
+
|
|
124
|
+
### 依赖注入 (Hilt)
|
|
125
|
+
|
|
126
|
+
- `@HiltAndroidApp` Application + `@AndroidEntryPoint` Activity
|
|
127
|
+
- `@Module @InstallIn(SingletonComponent::class)` 提供依赖
|
|
128
|
+
- `@Provides @Singleton` 提供实例 / `@Binds` 绑定接口
|
|
129
|
+
- ViewModel:`@HiltViewModel class VM @Inject constructor(repo)` + `hiltViewModel()`
|
|
130
|
+
|
|
131
|
+
### Room 数据库
|
|
132
|
+
|
|
133
|
+
- Entity:`@Entity(tableName)` + `@PrimaryKey` + `@ColumnInfo`
|
|
134
|
+
- DAO:`@Query` / `@Insert(onConflict = REPLACE)` / `@Delete` + 返回 `Flow<List<T>>`
|
|
135
|
+
- Database:`@Database(entities, version)` + `Room.databaseBuilder`
|
|
136
|
+
|
|
137
|
+
### 网络层 (Retrofit)
|
|
138
|
+
|
|
139
|
+
- ApiService:`@GET` / `@POST` / `@Path` / `@Query` / `@Body` / `@Multipart`
|
|
140
|
+
- Interceptor:AuthInterceptor 注入 Bearer Token
|
|
141
|
+
- OkHttpClient:`addInterceptor` + `connectTimeout`
|
|
142
|
+
|
|
143
|
+
### Android Checklist
|
|
144
|
+
|
|
145
|
+
- [ ] Compose 优先,View 系统按需使用
|
|
146
|
+
- [ ] StateFlow 替代 LiveData
|
|
147
|
+
- [ ] Hilt 依赖注入
|
|
148
|
+
- [ ] Room 本地持久化
|
|
149
|
+
- [ ] `key` 参数优化 LazyColumn
|
|
150
|
+
- [ ] `remember` / `derivedStateOf` 避免过度重组
|
|
151
|
+
- [ ] Coil 图片加载 + 缓存策略
|
|
152
|
+
- [ ] 单元测试覆盖 ViewModel(runTest + advanceUntilIdle)
|
|
153
|
+
|
|
154
|
+
---
|
|
155
|
+
|
|
156
|
+
## 跨平台开发
|
|
157
|
+
|
|
158
|
+
### React Native vs Flutter
|
|
159
|
+
|
|
160
|
+
| 维度 | React Native | Flutter |
|
|
161
|
+
|------|--------------|---------|
|
|
162
|
+
| 语言 | TypeScript | Dart |
|
|
163
|
+
| 渲染 | 原生组件(桥接) | 自绘引擎(Skia) |
|
|
164
|
+
| 性能 | 接近原生 | 接近原生 |
|
|
165
|
+
| 热重载 | Fast Refresh | Hot Reload |
|
|
166
|
+
| 生态 | npm(成熟) | pub.dev(快速增长) |
|
|
167
|
+
| UI 一致性 | 跟随系统 | 完全一致 |
|
|
168
|
+
| 包体积 | ~7MB | ~15MB |
|
|
169
|
+
|
|
170
|
+
### React Native 核心模式
|
|
171
|
+
|
|
172
|
+
- 组件:函数组件 + Hooks(useState / useEffect / useCallback / useMemo)
|
|
173
|
+
- 列表:`FlatList` + `keyExtractor` + `initialNumToRender` + `windowSize`
|
|
174
|
+
- Navigation:`@react-navigation/native` + `createNativeStackNavigator`
|
|
175
|
+
- 状态管理:Redux Toolkit(`createSlice` + `createAsyncThunk`)/ Zustand
|
|
176
|
+
- 原生桥接:`NativeModules` 调用 iOS(Swift) / Android(Kotlin) 原生代码
|
|
177
|
+
- 性能:`React.memo` / Hermes 引擎 / 新架构 JSI(无桥接序列化)
|
|
178
|
+
|
|
179
|
+
### Flutter 核心模式
|
|
180
|
+
|
|
181
|
+
- Widget:StatelessWidget / StatefulWidget + `setState`
|
|
182
|
+
- 状态管理:
|
|
183
|
+
- Provider:`ChangeNotifier` + `Consumer` / `context.watch`
|
|
184
|
+
- Riverpod(推荐):`FutureProvider` / `StateNotifierProvider` + `ref.watch`
|
|
185
|
+
- Navigation:go_router(`GoRoute` + `context.go/push/pop`)
|
|
186
|
+
- 原生桥接:`MethodChannel` + Platform Channels(iOS Swift / Android Kotlin)
|
|
187
|
+
- 性能:`const` 构造函数 / `ListView.builder` / `RepaintBoundary` / `ValueKey`
|
|
188
|
+
|
|
189
|
+
### 选型建议
|
|
190
|
+
|
|
191
|
+
| 场景 | 推荐 | 理由 |
|
|
192
|
+
|------|------|------|
|
|
193
|
+
| 团队有 Web 背景 | React Native | 学习成本低 |
|
|
194
|
+
| 追求极致性能/动画 | Flutter | 自绘引擎 60fps |
|
|
195
|
+
| UI 高度定制 | Flutter | 完全控制渲染 |
|
|
196
|
+
| 大量原生交互 | React Native | 桥接生态成熟 |
|
|
197
|
+
| 需要原生极致体验 | 原生开发 | 无桥接开销 |
|
|
198
|
+
|
|
199
|
+
### 跨平台 Checklist
|
|
200
|
+
|
|
201
|
+
- [ ] 选型匹配团队技术栈和业务需求
|
|
202
|
+
- [ ] 列表优化:FlatList(RN) / ListView.builder(Flutter) + key
|
|
203
|
+
- [ ] 状态管理:Redux Toolkit(RN) / Riverpod(Flutter)
|
|
204
|
+
- [ ] 原生模块桥接方案验证
|
|
205
|
+
- [ ] 包体积优化:ProGuard(Android) / tree-shake-icons(Flutter)
|
|
206
|
+
- [ ] 性能基线:冷启动 < 1.5s / 渲染 > 55fps
|
|
207
|
+
|
|
208
|
+
---
|
|
209
|
+
|
|
210
|
+
## 通用最佳实践
|
|
211
|
+
|
|
212
|
+
| 实践 | 说明 |
|
|
213
|
+
|------|------|
|
|
214
|
+
| MVVM 架构 | 分离 UI / 业务逻辑 / 数据层 |
|
|
215
|
+
| 依赖注入 | Hilt(Android) / Protocol(iOS) / Context(RN) |
|
|
216
|
+
| 响应式状态 | StateFlow / Combine / Hooks / Riverpod |
|
|
217
|
+
| 网络层封装 | 统一错误处理 + Token 管理 + 重试 |
|
|
218
|
+
| 本地持久化 | Room / Core Data / AsyncStorage / Hive |
|
|
219
|
+
| 列表优化 | 懒加载 + 稳定 key + 缓存 |
|
|
220
|
+
| 测试覆盖 | ViewModel 单元测试 + UI 测试关键流程 |
|
|
221
|
+
|
|
222
|
+
## 触发词
|
|
223
|
+
|
|
224
|
+
iOS、SwiftUI、UIKit、Combine、Android、Jetpack Compose、Kotlin、React Native、Flutter、跨平台、移动开发、MVVM
|