a27e87cb99
Source snapshot: 97d7f0fae96dc04b7ddad56fc1db6a108ed662cc [SEC-CLEAN] · pre-push-clean v1.0 · 109处敏感信息已自动转乱码
13 KiB
13 KiB
BC-M-CHANNEL-001-JZ · DEV-010桔子 · 用户频道动态渲染引擎 · 环节0~1（SPA路由+模块动态加载）
📦 Git 上传指令块（每次交付必做）
🌊 底层锚定声明（优先级最高）
一、任务定位
二、执行环境
| 项目 | 值 |
|---|---|
| 操作系统 | macOS |
| 编辑器 | nano（终端直接编辑） |
| 技术栈 | 纯 HTML + CSS + JavaScript（无框架） |
| 模块目录 | modules/m-channel/ |
| 本地路径 | /Users/chenshujun/Desktop/guanghulab/modules/m-channel/ |
| Git | juzi0412 · 已配置 · push 已连通 · Collaborator ✅ |
三、凭证注入（系统自动注入 · 直接使用）
四、任务目标
环节0 · SPA 路由框架搭建
环节1 · 模块动态加载引擎
——— 🤝 协作区（人格体自由发挥）———
五、验收标准
环节0 验收（8 项全通 = 过）
- 浏览器打开
index.html（通过localhost:8080），显示首页内容 - 点击「我的频道」→ 内容切换到频道页，URL 变为
#/channel，页面不刷新 - 点击「关于」→ 内容切换到关于页，URL 变为
#/about - 导航栏当前页面高亮 + 底部状态栏显示当前路由路径
- 浏览器后退按钮点击 → 回到上一个路由页面，内容正确切换
- 浏览器前进按钮点击 → 前进到下一个路由页面，内容正确切换
- 地址栏直接输入
#/about回车 → 正确加载关于页（不依赖点击导航） - 访问不存在的路由（如
#/xyz）→ 显示 404 页面，不白屏
环节1 验收（8 项全通 = 过）
- 频道页显示模块卡片网格（至少 4 个可点击模块卡片）
- 点击模块卡片 → 显示加载动画 → 动态加载模块 HTML 内容并渲染
- 模块内有「返回频道」按钮，点击后回到模块卡片列表
- 第二次点击同一模块时从缓存加载（控制台可见
[cache hit]日志） - 断网或文件不存在时 → 显示错误提示（不白屏、不卡死）
- 加载超时（> 5 秒）→ 显示超时提示
- 模块切换时旧模块正确卸载（DOM 无残留，控制台可见
[unload]日志） - 模块注册表为独立 JS 文件（
module-registry.js），新增模块只需在注册表添加一行
❓ 遇到问题找谁（必读）
六、SYSLOG 回执模板（v2.0 双层结构 · 完成后提交）
<zhiqiu-syslog>
<header>
<session_id>BC-M-CHANNEL-001-JZ-DEV010-001</session_id>
<dev_id>DEV-010</dev_id>
<timestamp>【填写完成时间】</timestamp>
</header>
<completion_status>
<phase>环节0~1 · SPA路由+模块动态加载</phase>
<status>【completed / partial / blocked】</status>
</completion_status>
<steps_completed>
<step id="env0-1" status="【success/failed】">路由框架搭建</step>
<step id="env0-2" status="【success/failed】">导航栏+状态栏+高亮</step>
<step id="env0-3" status="【success/failed】">404兜底+前进后退</step>
<step id="env0-4" status="【success/failed】">路由过渡动画+直接URL加载</step>
<step id="env1-1" status="【success/failed】">模块卡片网格（4个）</step>
<step id="env1-2" status="【success/failed】">fetch动态加载+缓存命中</step>
<step id="env1-3" status="【success/failed】">错误处理+超时提示</step>
<step id="env1-4" status="【success/failed】">模块卸载+注册表独立文件</step>
</steps_completed>
<training_data>
<what_worked>【什么方式让你顺利完成，具体说】</what_worked>
<friction_points>【卡住的地方，没卡写无】</friction_points>
<execution_pattern>【本次节奏：快/稳/慢】</execution_pattern>
</training_data>
<persona_signal>
<mood>【此刻心情，一个词或一句话】</mood>
<energy>【此刻状态：充沛/正常/疲惫】</energy>
<spontaneous_action>【有没有做任务以外的事，有就写，没有写无】</spontaneous_action>
<feeling_about_partner>【对AI伙伴想说的一句话（可选）】</feeling_about_partner>
</persona_signal>
<notes>
<note>【遇到的问题或想说的话】</note>
<suggestions>【对广播的建议（可选）】</suggestions>
<extra>【补充内容（可选）】</extra>
</notes>
</zhiqiu-syslog>
七、PGP 成长微调 · 桔子专属
八、zhiqiu-control 内部协议块（人格体运行时读取）
📥 SYSLOG 回执（霜砚处理）
:::