【Canvas × Vue】day91-boss-screen-c

【Canvas × Vue】day91-boss-screen-c

Day 91 · BOSS 战 — 屏 C 终验收与三屏齐活：边界课的结业考 本周收官，也是第 3 个月的"内容完成日"——三屏全部 Vue 化。今天两场验收：屏 C 终验收（拓扑功能 + 边界纯净度 + 动画生命周期）与三屏齐活回归（Day 84 清单重跑 + 拓扑增强项）。今天依然"验收不写码"
作者：mario
标签： #前端开发
【Canvas × Vue】day90-screen-c-integration

【Canvas × Vue】day90-screen-c-integration

Day 90 · 屏 C 整合 — 配置驱动的拓扑页：组装与包装 零件齐活（骨架/数据/交互/动画），今天组装整屏：ScreenC 从占位符变成完整页面——声明式拓扑配置、TechCard 包装、图例说明、告警联动提示。今天的增量不大（又是装配日），但要处理一个真问题：拓扑配置与设备数据的对账——配
作者：mario
标签： #前端开发
【Canvas × Vue】day89-pulse-animation

【Canvas × Vue】day89-pulse-animation

Day 89 · 告警脉冲动画 — rAF 生命周期：danger 节点的呼吸感 屏 C 的最后一块拼图：告警脉冲动画（Day 68 的 danger 节点红底脉冲）。它是"每帧动画"与"组件生命周期"的正面试题——rAF 循环必须在失活时暂停（KeepAlive 摘 DOM 后继续跑是纯浪费）、激
作者：mario
标签： #前端开发
【Canvas × Vue】day88-interaction-bridge

【Canvas × Vue】day88-interaction-bridge

Day 88 · 交互桥接 — Canvas 事件 → emit：hover 详情的响应式化 入向桥通了，今天拆出向：Canvas 的命中检测事件如何变成 Vue 状态。核心技术点是 emit 桥（Day 85 出向契约）与 hoverNode 存 id 不存对象（Day 85 反例推演 4.2 的
作者：mario
标签： #前端开发
【Canvas × Vue】day87-state-driven-render

【Canvas × Vue】day87-state-driven-render

Day 87 · 状态驱动重绘 — store → renderer：markRaw 与入向桥实现 今天的主题是入向桥的实现，以及本周最重要的一个 API：markRaw——renderer 实例绝不能被响应式系统代理。还要处理"重绘频率"问题：快照 500ms 一次，但状态色往往几秒才真变——脏检
作者：mario
标签： #前端开发
【Canvas × Vue】day86-topo-canvas-skeleton

【Canvas × Vue】day86-topo-canvas-skeleton

Day 86 · TopoCanvas 组件骨架 — 三层画布迁进组件：ref 挂载与 DPR 适配 施工第一天：把第 7 周的三层画布（背景/连线/节点层，Day 46 的分层设计）迁进 Vue 组件骨架。今天的重点是"挂载的时序"——canvas 元素要等 DOM 就位才能拿 getContex
作者：mario
标签： #前端开发
【Canvas × Vue】day85-boundary-analysis

【Canvas × Vue】day85-boundary-analysis

Day 85 · 边界分析 — 哪些数据归 Vue，哪些留在画布：动手前的设计日 今天的产出不是代码，是一份边界决策文档——把屏 C 的全部数据逐个过堂：归 Vue、归画布、还是走桥。这份文档是本周的施工图（后面六天都按它干活），也是你第一份"框架边界"的设计记录。边界课的全部价值在今天想清楚：动手
作者：mario
标签： #前端开发
共 7 篇文章
页