1、什么是系统设计
系统设计是一个定义系统架构、模块、接口和数据满足特定需求的过程
2、前端架构设计涉及技术元素
(1)规范制定
规范可以让团队成员更容易理解代码，一套统一的代码规范能大大提高代码的可维护性和开发人员的开发效率，主要包含以下几点：
- 1)代码语法规范
2)项目目录规范
3)GIT使用发布规范
4)接口规范
5)部署规范
(2)模块化管理
以不同资源的功能性来组织代码结构，比如assets中存放 css和img等静态资源，service统一存放接口调用，page中存放业务代码，utils存放工具类等
(3)组件管理
根据具体的业务功能将需求进行合理拆分，化整为零，不同组件之间尽可能解藕
(4)组件仓库
业务开发过程中经常会封装很多工具组件，以达到代码的复用性，很多通用型强的组件，统一存放在组件库中
(5)性能
通过各种手段尽可能的优化系统性能，提高用户体验（如：缓存，代码图片压缩，CDN托管等）
(6)自动化打包测试
没有自动化流程的项目不是一个好项目，从代码编译打包，部署测试到上线，应该有一套规范化，自动化的流程，尽可能的减少人为干预，降低异常风险
3、前端需求梳理过程要点概要
- (1)对需求的整体设计要了解其设计目的
- (2)对大的需求进行细化拆分，判断其影响范围
- (3)对不合理的细节要提出不合理的原因并给出优化建议
- (4)明确自己的开发任务并知悉涉及到的后台人员
- (5)和对应的后台开发基于统一的接口设计标准下对需求接口进行设计，并文档留存
- (6)根据工作量规划开发周期
4、前端业务开发过程要点概要
- (1)代码编写要遵循统一规范
- (2)对于复杂逻辑要写清楚注释
- (3)对于老旧代码不能只依赖注释来判断其功能，需要剖析具体的代码逻辑
- (4)开发自测过程中不能只考虑常规场景，极限阈值才是重点
- (5)对于公共功能，进行抽离封装
- (6)代码清洗，尽可能避免冗余代码
- (7)做好冒烟自测