在项目中,框架和内容的耦合带来了很多麻烦事儿。
1、由于PM的需求不断变化,耦合在框架js中的内容js越来越多。
2、由于并不是所有国家都需要的js也同样需要加载,浪费了性能。
3、所有框架css和内容css都写在一个css文件中。导致所有国家都需要下载一些不必要的css。
4、逻辑越来越复杂,维护成本不断提高。
解决方法:
1、框架只负责获取所需内容的数据,内容内部逻辑自行处理。
2、两个js之间的通信依赖全局对象中模块对应的属性进行。框架获取到内容依赖的数据后抛给该属性,内容则从该属性中取出对应的数据执行。