回到前端开发的设计上,我们希望在前端结构设计中能做到:
视图层尽可能干净: 获得的数据能够直接使用到视图层中,减少在视图层中对数据进行转换、筛选、计算等逻辑操作。
避免逻辑重复:遇到相同的逻辑尽可能复用而不是重写,逻辑函数尽可能写成可拓展可维护的组件。
不同业务的代码进行分层:将不同职责代码合理分层,每层尽可能纯净,互不影响。
前端插件的封装: 直观的写在组件内部或者项目文件的独立的api封装,在视图层使用时,能够更清晰地描述视图结构。
可纵观全局领域: 前端进行领域模块结构设计时,界面一套逻辑,业务一套逻辑,通过2套逻辑对比,减少API接口地低效重复使用。
带着以上五个目的,我们以第一步的业务领域为基础,进行前端结构的领域设计与结构分层。