2021/9/24

长沙，周五，晴

长沙这个天，还是晴，一直是晴，就不能多来电阴天吗？太热了，中午出门吃个饭回来都像是洗了个澡一般，太阳爷爷太敬业了，但也要劳逸结合呀，偶尔给自己放个假不挺好吗？

css写多了，我发现，css分类去写会更好，更容易管理，更好的复用、维护，对于.vue文件来说，公用css更是比.vue文件下的style+scoped编写的css渲染更快，每个.vue文件下都会一大堆css，增加了项目kb，维护起来也特别麻烦，渲染css时，查找的css更多，scoped在编译后会给生成的样式加上唯一的字符串，对于浏览器来说，渲染遍历查询的css规则增加了很多。那么全局公用的css怎么解决这些问题？

我目前的做法是使用分类，config.css、init.css、color.css、size.css、layut.css、animation.css等等。建好这些css,每个css文件下的代码只做和文件名相应的css规则，html节点使用的时候，就去组合使用，得到最后想要的效果。维护这些css也变得简单，因为他们都不会互相影响，也没有权重问题，代码量上也会减少，样式树渲染速度也会得到提升，还有一点就是编写css规则的时候，最好不要用脱离文档样式规则，position:absolute;float:left;等等这些，会加重浏览器计算样式的复杂度。