关于性能问题
来源：4-3 sass案例（3）
平地一声雷d
2020-03-10 16:46:15
像视频中这样写，最后编译出来的css代码，选择器在层级上会不会过于重复，并且太多了，之前的视频还讲，一个元素上不要叠上太多的选择器。还是说，这一点其实没什么？
我还有三个问题：
第一，这个@mixin如果在不传递参数情况下的用法会不会有些鸡肋。如果重复使用@include来在不同元素下引入，代码又重复又冗余，还不如给一个公共的class类名，丢到不同的元素上。如果不重复使用@include，只使用一次，那为什么还要去定义@mixin？还是说为了后期的维护？
第二，关于@extend，为了继承一个公共样式，而写了一个没有的元素的选择器，（专门供继承用而写的选择器，没有元素，在这个选择器上写着公共样式），会不会不太好？
第三，为了后期的维护，岂不是scss文件在项目上线后不能删的？
以上问题都是在这几个案例视频中所产生的疑惑。
主要还是在@extend和@mixin在什么情况下使用的问题。
写回答
1回答
-
同学你好，问题解答如下：
1、选择器叠层还是不要太多，在布局的时候注意一下，样式上的选择器上也会相对避免一些
2、同学的想法是合理的，这里知道@mixin怎么使用就好，一般情况下还是有参数的使用情况较多。
3、是可以的 ，不与项目中相同的类名冲突就好
4、项目上线的时候是没有scss文件的，只有css。本地项目中scss文件是需要留着的，修改之后会再次打包上线进行替换。
祝学习愉快！
0
相似问题