scss function和mixin的区别

发布网友发布时间：2022-05-05 20:25

我来回答

共2个回答

热心网友时间：2022-04-21 15:44

function

函数是有计算逻辑，返回计算的结果，不输出css块

mixin

mixin主要是计算根据计算结果输出css块

使用场景可以以下面为原则：

extend 继承：管理样式

mixin ：管理属性

function ：管理(计算)值

热心网友时间：2022-04-21 17:02

作为一个Sass新手，我想要一个animation的@mixin时，必然是： /* animation.scss */@mixin animation($ration, $name, $count, $function) { -webkit-animation-ration: $ration; -webkit-animation-name: $name; -webkit-animation-iteration-count: $count; -webkit-animation-timing-function: $function; -moz-animation-ration: $ration; -moz-animation-name: $name; -moz-animation-iteration-count: $count; -moz-animation-timing-function: $function; -ms-animation-ration: $ration; -ms-animation-name: $name; -ms-animation-iteration-count: $count; -ms-animation-timing-function: $function; -o-animation-ration: $ration; -o-animation-name: $name; -o-animation-iteration-count: $count; -o-animation-timing-function: $function; animation-ration: $ration; animation-name: $name; animation-iteration-count: $count; animation-timing-function: $function;} 恩，这样貌似就达到了用Sass实现了animation的目的啦。然后我们再优化一下代码： /* animation.scss */@mixin animation($name, $ratio.