#wcdaren/architecture/frontend
2020年07月1日校招转正入职，至今日（2021-07-16）已满一年有余；做一年的记录
视觉管理
设计系统
一个持续迭代的应用，都会遵循其对应的设计原则；举个例子：Ant Design 设计。
对于开发者而言可以简化为：
- 统一的品牌色、字体等
- 统一的交互等
UI组件库
一个应用的实现，可以抽象为多个组件的组合。我们把这些复用性高的UI模块抽取出来就是一个UI组件；
多个UI组件组成一个组件库，进行抽取无非是供团队使用，所以组件库应该实现以下两个基本目标：
- 提供查找及下载入口
- npm
- 提供具体的使用文档
基于以上两点我们会使用 learn + stroybook 。
工程管理
项目架构
项目组织
Monolith
Monorepo
项目类型
Web
- CSR
- 多页面
- 单页面
- 老
- Vue2
- 新
- 老
- SSR
- nuxt
混合开发
JSBridge
weex（拒绝）、flutter
小程序
多端同构
基础架构
私有仓库
发布系统
CDN
离线包管理
- bundle
运维配置
- nginx
代码管理
文件结构
- 分层
- 配置文件
代码风格
异步处理
- swr
错误处理
- 函子
数据管理
配置系统
数据监控
- 性能分析
- 打点上报
- sentry
行为分析
A/B测试
测试管理
- 奖杯模式
项目开发
CLI工具
项目
模块
抓包、调试工具
- fiddler
mock系统
- yapi
