前端工程
组件设计、构建工具与可维护架构，让复杂界面保持清晰。
我的技术小站 / FRONTEND LAB 005
把灵感拼成
可运行的界面
这里记录关于前端工程、交互体验与 Web 图形的拆解和实验。每一篇文章，都是一块可以复用的技术积木。
- 03
- 核心方向
- 12+
- 技术主题
- ∞
- 持续构建
MODULE ASSEMBLYBUILD 2026.09
UICOMPONENT
60FPS
H5RUNTIME
assemble()
3 MODULES CONNECTEDSTATUS: STABLE
01 / FOCUS
正在研究的
技术方向
从浏览器底层能力到用户真正触达的体验，持续拆解、验证和沉淀。
FE / SYSTEM
Web 图形
Canvas、WebGL 与动效实验，在浏览器里构建更具表现力的内容。
性能实践
从加载链路到渲染帧率，用可量化的方法改善真实体验。
02 / NOTES
最新技术笔记
小步实验，持续记录。
把复杂问题拆成可以复用的答案。
从零建立一套可演进的组件边界
组件不是越小越好。用职责、数据流和变化频率找到真正稳定的拆分方式。
阅读摘要 ↗让 Canvas 动画稳定运行在 60 FPS
理解帧预算、对象复用与离屏渲染，用浏览器性能面板定位掉帧。
阅读摘要 ↗一次真实页面的加载性能拆解
从瀑布图开始，逐步缩短关键请求链并控制首屏资源体积。
阅读摘要 ↗03 / ABOUT
保持好奇，
保持构建。
H5 LEGO 是一个个人技术记录站。这里不追逐速成答案，只分享经过实践、可以复现的思考与方法。
THIS SITE IS BUILT WITHHTML / CSS / JAVASCRIPT无框架 · 无外部依赖 · 静态部署