1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
| 场景化处理,每个场景进行模块化设计, (这是在之前用 react-native 写移动端的时候总结的一个开发思想,感觉代码的可维护性高了,逻辑更加清晰了) 现在在开发移动 web 端也经常会用到, 每个场景可以单独运行,多个系统间可以对场景进行复用, 统一的设计可以做到对场景的无缝切换
场景化处理讲究的是代码的解耦, 场景中有台词、有道具,台词一般都是根据场景定制化的,而道具可以共用,禁止制作道具的时候与场景进行强关联
前端架构上分成了三层一集合一拓展 三层:数据处理层(也叫业务层)、连接层、服务层 一集合&一拓展:全局处理函数集合、全局插件拓展 数据处理层: 由上到下,初始化数据、入口函数、交互处理、数据处理、数据请求 这样的编程可以增强代码的可读性、易维护性、而且更加容易定位错误 连接层: 这次做了一个统一的连接层,减少了以前一个业务层需要多个连接层的复杂 服务层: 数据请求的统一处理,只做和数据请求相关的事情,精简冗余代码 全局处理函数集合: 这里面不依赖于任何第三方的东西,可以做到代码的任意移植 这块的代码避免和业务强关联 之前也写过一个类似的统一的处理函数集合,不过个别函数依赖了另外模块的方法,所以这块的代码就很不灵活 全局插件拓展: 统一的插件拓展,每个拓展独立运行,增强代码复用和代码的可维护性
映射表的设计、过滤器。。。还是沿用的之前的
|