cqh963852
47f1549a0b
- 白卡结构：图标+标题行 → 16:9 预期区（desc 常驻）→ 关系 chips → 状态行 - 翻转规则：定时 8s（flipInterval 可配）desc ⇄ GIF；hover/Tab 即时翻转并锁定；触屏/减动效不翻转 - 组件稿 P4 六变体重排（3×2，比例实测 1.78）、P5 播放态 512×288、目录口径更新 - 整页稿 P3 解剖同步（编号 1-4/5-7 与 pin 对齐）、P4 时序/触发矩阵改翻转口径
教程访问地址
路线图
- 调整结构，更改 顶部导航栏
- 入门教程补充一些视频，便于跟随操作
- 在线教程增加在线预览能力（如 stackblitz 沙盒）
- 升级框架
顶部导航栏
- 全栈教程（在线教程）
- 工具使用（本地工具）
- 博客
在线教程
即导航栏中的 全栈教程（含入门教程、专业教程）。
未来会增加在线预览能力，读者可以直接在浏览器中运行、查看示例结果。
本地工具
即导航栏中的 工具使用。
这部分内容需要读者 自己在本地安装、配置并实践操作（如 nodejs、vscode、git、nvm、docker、prisma 等），无法仅通过阅读掌握。
入门教程
入门教程主要用于 零 基础入门。
针对稍有一些计算机知识，但是完全无软件工程经验人群。（典型人群：大学新生）
学习入门教程的目的是
- 找到合适的工具
- 找到正确的 反馈方式
专业教程
专业教程主要用于已经有相关经验，但细节不足的人群。
如：
-
css
- 知道一种编写 css 的方式，但是仍然想学习其他编写方式。
- 能写有一点 css 但是对复杂样式没有实现思路，或者实现的慢，没有一套指导思路。
-
js
- 能够掌握一种运行 js 脚本的方式，但是还想知道是否有其他运行脚本的方式。
- 能够完成一些程序的编写，但是经常被数据结构弄得很头疼，不知道如何将问题分解为合适的数据结构。
等等
专业教程的目的是提供工具的更多可能性。以及阐述相关的原理。
相比于入门教程，专业教程不再重视结果的反馈，而是原理性的解释。
相关的结果，仅提供一些沙盒程序进行展示。（stackblitz）
反馈方式
每种工具都会有反馈方式，工具不同，反馈方式也不同。
比如：
- 前端 H5 CSS 依靠浏览器展示内容。
- 后端依靠控制台输出。（日志，字符串）