2018-01-05

如何定义公共组件的公共样式,

方法一:css modules,即提供出主题枚举,所有可枚举的主题一律由组件内封装,好处在于各主题可以被大量重用,并且在一处维护,不会散落在七七八八的项目内,维护时也只需要修改该公共组件即可,对于写组件的人来讲,并不会成为负担,因为他只需要关心该组件的功能和外观,而不关心具体复杂的繁琐的业务!就像我们去工厂买手机,各种型号外观都是配置好的,开箱即用。
metro-ui即采用这种方式,支持98/xp/win10三种主题,可通过application全局记忆切换样式

首推这种方式开发,缺陷,不支持ie8及以下浏览器。

方法二:全局样式,也称公共样式,也就是直接写静态样式名称,
缺陷,
警惕名称污染
警惕样式错误层叠
警惕各项目散落的不易于维护
警惕cdn加载,需要手动载入样式表,并注意链接性能。

方法三,通过属性传入样式,支持组件定义缺省样式,结合了方法一和二,缺点就是方法一的一部分缺陷和方法二的一部分缺陷,比如兼容,比如没有集中管理样式,

方法四,剥离UI层封装样式,如css bootstrap,缺陷很多,等等,就不细说了,

所有方法都可以结合一起交叉使用,各有缺陷,没有完美的方法...

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容