标签: mixins

我尝试为CSS动画关键帧设置这个LESS mixin:

.keyframes(@name, @from, @to) {;
  @-webkit-keyframes "@name" {
    from {
      @from;  
    }
    to {
      @to;
    }
  }
}

但是名称解析存在一些问题,是否有任何选择可以做到这一点？

Decorator模式是类的动态扩展.它动态地形成一种is-a关系.

在我得到关于mixin和抽象类之间差异的答案之后,我开始怀疑我是否通过使用Decorator模式过度复杂化我的API .

我在控制器中有一些行为,我将其拉出到一个模块中,以便更好地测试并在一些地方重复使用它.关于这个的两个问题:

1. 放置模块的好地方在哪里？他们需要运行才能供控制器使用,所以我在想这个config/initializers/目录.这对我来说似乎有点怀疑.lib/？
2. 如何确保代码运行,以便include我的控制器中可以使用模块？

谢谢你,先生.

在Ruby中,有模块,您可以通过"混入"模块来扩展类.

module MyModule
  def printone
    print "one" 
  end
end

class MyClass
  include MyModule
end

theOne = MyClass.new
theOne.printone 
>> one

在Objective-C中,我发现我有一组常用的方法,我想要一些Class来"继承".如果不创建一个公共类并从该公共类派生所有其他方法,我可以通过什么方式实现这一目标？

我有一个ruby模块,应该包含很多类

module A
  class First
    #somemethods
  end

  class Second
    #somemethods
  end

  class Third
    #somemethods
  end
end

我想在rails中做的是将这些类拆分成几个文件,将这个庞大的模块拆分成几个相关文件的最佳做法是什么？

斯威夫特是否有一种混合特征的方式,斯卡拉？关于使用扩展来向现有类添加协议的Swift小册子的部分非常接近.但是,由于协议不能包含实现,因此不能将其用于将代码混合到类中.还有另外一种方法吗？

我正在使用LESS CSS.

我目前正在使用带有变量的Mixins.

这样的东西可以正常工作:

.border-radius (@radius) { border-radius: @radius; }

#header { .border-radius(4px);  }

这不是:

.bg-img(@img) { background-image:url(@img); }

#logo { .bg-img("../images/logo.jpg"); }

我已尝试在background-image中使用'&'的组合:url ('')&("")然后它尝试获取图像images/@img而不是图像名称.否则它会给我一个错误
Cannot call method 'charAt' of undefined

我觉得写作background-image:url()总是太乏味了,这有可能......？

我只想加载登录页面所需的css以提高性能.在我的其他页面上,我想要一个分组的css文件,它将缓存在包含我所有css的每个页面上.

我有以下文件:

minifiedcssforloginpage.scss
grouped-pages.scss

在minifiedcssforloginpage.scss中,我声明$ load-complete-css:false.然后我导入myproject.scss,其中包含我的模块,布局,核心的所有导入...在myproject.scss中我想做类似的事情

@if $load-complete-css {
     @import module1;
     @import module2;
     @import module3;
}

因此minifiedcssforloginpage.scss将使用较少的css生成minifiedcssforloginpage.css,然后使用grouped-pages.css(将var $ load-complete-css设置为true)生成.

但是我得到一个错误,这是不可能的"导入指令可能不会在控制指令或mixins中使用".

我有一个Lessmixin定义为:

.fontStyle(@family, @size, @weight: normal, @style: normal, @color: #ffffff, @letter-spacing: normal) {
  font-family: @family;
  font-size: @size;
  color: @color;
  font-weight: @weight;
  font-style: @style;
 letter-spacing: @letter-spacing;
}

我该如何定义用法:

.fontStyle('NimbusSansNovCon-Reg', 12px, , , , 0.1em);

IE使用的默认值@weight,@style,@color

我已经使用Bootstrap 3了一段时间,现在我需要为水平移动设备制作一组新的额外小柱(例如384px屏幕宽度),然后使用它如下:

col-xxs-1,col-xxs-2,col-xxs-offset-5,hidden-xxs,等.

是否有一些Bootstrap Lessmixins用于此目的？我不确定如何使用它们

编辑:

有一个Bootstrap混合调用.make-grid(),但我不能使它工作.