于一的博客
搜索文章
首页
分类
文章
前端开发
情绪
关于我
心路
= 768 && isOpen) { isOpen = false; setTimeout(() => enableScroll(document.body), 200); }" >
enableScroll(document.body), 200);" x-transition:enter="transition ease duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style=" position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1001; overscroll-behavior: none; " >
enableScroll(document.body), 200)" >
首页
分类
文章
前端开发
情绪
关于我
心路
全部
默认分类 (182)
前端开发 (184)
HTML+CSS (23)
JavaScript (15)
ES6 (19)
TypeScript (28)
Canvas 2D (21)
图表+ECharts (7)
WebSocket+MQTT (7)
阶段1收官 (7)
Vue3 (14)
Canvas × Vue (7)
阶段2收官 (7)
Three.js (28)
情绪 (0)
【阶段1收官】day70-boss-dashboard-demo
Day 70 · BOSS 战 — 交付日:验收、演示视频、简历条目与第 2 个月毕业 昨天整机联调完毕,今天一行新代码都不写(写了一律回滚——交付日的代码改动是风险,不是产出)。今天做四件事:按验收清单做最终验收、录一支 ≤2 分钟的演示视频、写 README 与简历条目、做第 2 个月的毕业总结
作者:mario
发布时间:2026-09-03
分类:
默认分类
,
阶段1收官
标签:
#
前端开发
【阶段1收官】day69-monitor-integration
Day 69 · 监控页整合与全屏联调 — 最后一块拼图与第一次整机测试 屏 B 的迁移本身不难——第 9 周面板本来就是"订阅 DataSource 渲染"的结构,改成"订阅 Store"只是换数据入口。今天真正的主题是联调:三屏齐活后的整机测试——路由切换与图表 resize 的时序、数据流在轮
作者:mario
发布时间:2026-09-03
分类:
默认分类
,
阶段1收官
标签:
#
前端开发
【阶段1收官】day68-topology-screen
Day 68 · 拓扑图页整合 — 让第 7 周的编辑器在实时数据里活过来 今天是本周最有意思的一次迁移:第 7 周的流程图编辑器是"用户拖节点建图",大屏拓扑页要的是"配置定义图 + 数据驱动状态"。同一个渲染内核,两种工作模式——这正好验证当初分层设计(model/render/interact
作者:mario
发布时间:2026-09-03
分类:
默认分类
,
阶段1收官
标签:
#
前端开发
【阶段1收官】day67-visual-motion
Day 67 · 大屏视觉工程(下)— 入场动效、数字滚动与氛围渲染:克制的生命感 昨天的大屏"能看"了,但像一张静态海报。今天注入生命感——入场动效编排、KPI 数字滚动、卡片扫描线氛围。但工业大屏的动效哲学和营销页完全相反:营销页动效越炫越好,大屏动效的第一美德是
作者:mario
发布时间:2026-09-03
分类:
默认分类
,
阶段1收官
标签:
#
前端开发
【阶段1收官】day66-visual-layout-theme
Day 66 · 大屏视觉工程(上)— 布局系统与工业风主题 Token:从"能跑"到"能看" 同样的数据、同样的图表,好看的大屏和难看的大屏之间隔着一层系统性的视觉工程。今天建两层地基:布局系统(栅格、间距节奏、卡片容器)和主题 Token(把颜色
作者:mario
发布时间:2026-09-03
分类:
默认分类
,
阶段1收官
标签:
#
前端开发
【阶段1收官】day65-store
Day 65 · 数据层整合 — ScreenStore:唯一的数据警察 昨天定下铁律"数据只有 Store 一条路",今天把这位警察请出来。它要管的事比昨天图纸上画的多:快照的存(最新值 + 滚动窗口)、连接状态的广播、告警的累积列表、按屏幕需求的分频分发。另外还有两个整合期特有的问题:轮播切屏时
作者:mario
发布时间:2026-09-03
分类:
默认分类
,
阶段1收官
标签:
#
前端开发
【阶段1收官】day64-architecture
Day 64 · 项目架构设计 — 大屏不是页面,是一个有边界的小系统 三个作品整合成一个系统,第一件事不是写代码,是画边界:目录怎么摆、屏幕怎么路由、数据怎么流、模块之间谁认识谁。今天全程"图纸作业"——上午产出架构文档(依赖图 + 数据流图),下午把项目骨架搭出来(目录、路由框架、空屏占位)。地
作者:mario
发布时间:2026-09-03
分类:
默认分类
,
阶段1收官
标签:
#
前端开发
共 7 篇文章
1
页