📐 大屏项目管理实战
📚 30章 · 从原型到交付
v2.0
01
项目启动与需求分析
大屏项目特点
需求调研方法论
需求文档规范
02
原型设计基础
Figma/Axure
页面布局原则
组件库搭建
03
设计规范制定
色彩体系
字体规范
图表风格
动效规范
04
数据源对接
API接口设计
WebSocket
静态数据模拟
05
前端框架选型
Vue vs React
ECharts vs AntV
决策树
06
项目架构搭建
目录结构
状态管理
路由配置
环境变量
07
大屏适配方案
rem/vw/vh
scale缩放
多屏兼容
08
图表组件封装
ECharts基础
响应式图表
主题定制
09
地图可视化
GeoJSON
地图下钻
散点图/热力图
10
数据更新机制
定时轮询
长连接
增量更新
缓存策略
11
动效与过渡
CSS动画
JS动画库
入场动效
数据更新动效
12
交互设计
Tooltip优化
图例交互
钻取交互
筛选器
13
性能优化
虚拟滚动
Canvas渲染
Web Worker
代码分割
14
网络请求优化
请求合并
防抖节流
CDN加速
HTTP/2
15
数据预处理
数据清洗
聚合计算
前端排序
格式化工具
16
状态管理
Vuex/Pinia
Redux Toolkit
多组件通信
17
错误边界与容错
全局异常捕获
降级方案
空状态设计
18
主题切换
暗黑模式
多主题配置
CSS变量
19
国际化方案
i18n配置
多语言数据
日期本地化
20
测试策略
单元测试
组件测试
E2E测试
性能测试
21
构建与部署
Webpack/Vite
CI/CD流水线
Docker部署
22
监控与日志
前端埋点
错误监控
性能监控
用户行为
23
安全防护
XSS防御
CSRF防御
数据脱敏
接口鉴权
24
文档与规范
API文档
组件文档
开发规范
Code Review
25
团队协作
Git分支策略
任务拆分
代码评审
知识沉淀
26
项目复盘
常见坑点
技术选型反思
流程优化
27
案例实战一：智慧城市交通
需求到交付全流程
28
案例实战二：电商实时销售
高并发数据流处理
29
案例实战三：工厂设备监控
工业物联网数据展示
30
课程总结与展望
大屏技术趋势
职业发展
学习路径