cqh963852
65df0ef1d7
- 组件参数化适配双端：MemphisCard href/morph，EntryGuide 数据注入+linkChapter - RouteLine hover 跟随（站点 translateY(-3)、连线 CSS d 平滑插值、直线变斜线）随包回到 design-lab，shelf 场景接线演示 - tokens.css 显式 @source 包内源码——经 node_modules 解析时自动扫描漏类（text-mute 等静默丢失致 4% 画面偏差，已修复并验证） - E2E 新增 hover 跟随契约（静置 L 水平、hover 变斜线、双站点 -3px、卡片同步），28/28 全绿
教程访问地址
路线图
- 调整结构，更改 顶部导航栏
- 入门教程补充一些视频，便于跟随操作
- 在线教程增加在线预览能力（如 stackblitz 沙盒）
- 升级框架
顶部导航栏
- 全栈教程（在线教程）
- 工具使用（本地工具）
- 博客
在线教程
即导航栏中的 全栈教程（含入门教程、专业教程）。
未来会增加在线预览能力，读者可以直接在浏览器中运行、查看示例结果。
本地工具
即导航栏中的 工具使用。
这部分内容需要读者 自己在本地安装、配置并实践操作（如 nodejs、vscode、git、nvm、docker、prisma 等），无法仅通过阅读掌握。
入门教程
入门教程主要用于 零 基础入门。
针对稍有一些计算机知识，但是完全无软件工程经验人群。（典型人群：大学新生）
学习入门教程的目的是
- 找到合适的工具
- 找到正确的 反馈方式
专业教程
专业教程主要用于已经有相关经验，但细节不足的人群。
如：
-
css
- 知道一种编写 css 的方式，但是仍然想学习其他编写方式。
- 能写有一点 css 但是对复杂样式没有实现思路，或者实现的慢，没有一套指导思路。
-
js
- 能够掌握一种运行 js 脚本的方式，但是还想知道是否有其他运行脚本的方式。
- 能够完成一些程序的编写，但是经常被数据结构弄得很头疼，不知道如何将问题分解为合适的数据结构。
等等
专业教程的目的是提供工具的更多可能性。以及阐述相关的原理。
相比于入门教程，专业教程不再重视结果的反馈，而是原理性的解释。
相关的结果，仅提供一些沙盒程序进行展示。（stackblitz）
反馈方式
每种工具都会有反馈方式，工具不同，反馈方式也不同。
比如：
- 前端 H5 CSS 依靠浏览器展示内容。
- 后端依靠控制台输出。（日志，字符串）