用代码点亮梦想，追梦前端

从像素到体验，从组件到系统——我们用可见的界面承载不可见的坚持。保持好奇、快速迭代、拥抱变化，向着更优雅的用户体验不断前行。

开始浏览作品 查看目标清单

愿景 · Vision

做用户看不见但能感受到的优化；用清晰的架构、可复用的组件与稳定的工程化，让界面不仅好看，更好用、更好维护。

技能地图 · Skills

核心基础

HTML5 语义化/可访问性 CSS3 Flex/Grid/动画 JavaScript ES6+ TypeScript 类型安全

框架与生态

Vue 3 Composition API React Hooks Vite 极速构建 Webpack 按需/拆包

工程与质量

ESLint 规范 Prettier 风格 Vitest/Playwright 测试 CI/CD 自动化

数据与可视化

ECharts 图表 Fabric.js 画布 性能分析 Lighthouse Web APIs Intersection/Canvas

里程碑 · Timeline

  • 入门与第一行代码

    从一个简单的 HTML 页面开始，学会让屏幕发光。

  • 组件化思维

    拆分 UI、复用逻辑，让复杂应用“松耦合、易维护”。

  • 工程化与性能

    打包优化、路由按需、资源懒加载，体验更丝滑。

  • 全链路视角

    联动后端、监控与埋点、质量保障，面向可持续迭代。

作品 · Projects

数据驾驶舱

实时图表 / 大屏适配

Vue 3 ECharts Vite

流程编辑器

拖拽连线 / 画布交互

React Fabric.js Canvas

后台管理系统

权限路由 / 主题切换

Vue 3 TypeScript Ant Design

目标清单 · Checklist

一句话 · One Line

「写给未来的自己：保持热爱，保持质疑，保持重构的勇气。」