mixins相关内容
我正在看各种图书馆,并看到extend()弹出很多,但我也看到mixin()显示。 YUI有混合和扩展。 这两个概念有什么区别?我什么时候决定一个混合和扩展一个对象? 谢谢, Matt 解决方案 Mixins不能与instanceof一起工作,而是扩展。 Mixins允许多个继承,但是通过伪造它,而不是正确链接原型。 我将显示一个Ext-JS示例,但该概念适用于提供的任
..
我正在研究一个巨大的JavaScript项目,它有一个巨大的类层次结构,并大量使用mixins来扩展基类的功能。以下是mixin的一个例子,我们使用撰写图书馆来创建类似类的对象: // Base.js var Base = compose({ setX:function(x) { this.x = x; }, setY:function(y){ this.y = y;
..
我一直在使用模块模式,但最近开始想要将功能和属性混合到其中以增加代码重用。我已经阅读了一些关于这个问题的好的资源,但是对于最好的方法仍然有点不确定。这是一个模块: var myModule = function(){ var privateConfigVar =“Private! //“constructor” function module(){} module.pu
..
有人会说什么时候我想使用 Groovy Traits vs. Mixins(@Mixin)vs. Delegates(@Delegate)?也许一些取舍和设计问题将有所帮助。 他们似乎都允许重用多个“类”的行为。谢谢。 : - ) 此SO线程也有帮助: 解决方案 我同意,他们都似乎允许重复使用多个“类”的行为。然而,有分歧,而且 理解这些可能有助于您的决定。 在提供每个
..
简单来说,我想做的是在Bootstrap.CSS之上应用自定义ID选择器,以便我不会打破网站上的其他CSS。因此: .col-xs-1,.col-sm-1,.col-md-1,.col -gs-2,.col-sm-2,.col-md-2,.col-1g-2,.col-xs-3,.col-sm- md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.co
..
这里是我想要产生的标准CSS,但想要使用SASS Mixin来完成这项工作。 STANDARD CSS @ - webkit-keyframes crank-up { 100%{-webkit-transform:rotate(360deg);} } @ -moz-keyframes crank-up { 100%{-moz-transform:rotate(360de
..
对于奇怪的语言对这个问题很抱歉,但我不知道如何描述它更好。我希望此示例清楚地表明我想要什么: scss语法 .my-smug-selector { @include my-smug-mixin(30px); } 所需的css输出 b $ b .my-smug-selector { //某些样式 } 。 smug-selector-on-base-
..
我有以下较少的mixin: @myColor =#123456; .mixin(@a)when(@a = @myColor){ // do something } 但是会抛出此错误:无法执行比较 为什么? 解决方案 看起来(从lesscss 1.2.2开始),守卫只支持比较维度和关键字。 (搜索源代码“compare:”)所以,可悲的是,比较两种颜色或字符串不会
..
我使用Lesscss在客户端编写我的CSS(使用编译器less.js)。 在文档中有很好的例子,为我工作。我不明白,为什么... 代码示例如下: @import“common-functions.less”; //变量 @minHeaderWidth:auto; @maxHeaderWidth:1200px; @minButtonsWidth:50px;
..
我有这个小混音设置: .linear-gradient(@direction:top,@ color1:#fff ,@ color2:#000) { background-image:-webkit-linear-gradient(@direction,@ color1,@ color2); } 然后,在 main.less 我正在尝试这样的: 一个{.li
..
我正在阅读LESS官方文档(版本1.5),但我不明白如何导入一个引用到另一个CSS,以使用其内容在我自己的文件。例如: mystyle.less @import “bootstrap.min.css”; .mylabel { .label-success; } 显示此错误: NameError:.label-成功未定义 也许我误解了文档?
..
如何动态调用mixin? 一个用例可能是生成一个样式指南: //应该调用的mixin .typography-xs(){ font-family:Arial; font-size:16px; line-height:22px; } //尝试调用typography的mixin-xs .typography-demo(@typographyName,@mix
..
当我运行 sass --watch app.sass:app.css 终端显示已检测到更改为sass,但不会编译到css。我使用Bourbon,所有我的.scss和.sass文件通过mixin导入。 ex。 >>> Sass正在观察变化。按Ctrl-C停止。 >>>>检测到更改为:css / 2-modules / top-nav.scss 解决方案 确保您使用 _f
..
我使用 LESS CSS 。 我目前正在使用Mixins和变量。 像这样的东西效果不错: .border-radius(@radius){border-radius :@radius; } #header {.border-radius(4px); } 这是不是: .bg-img(@img){background-image:url(@img
..
我有以下Sass mixin,它是 RGBa示例的一半完整修改: @mixin background-opacity($ color,$ opacity:.3){ background:rgb(200,54,54); / * Fallback * / background:rgba(200,54,54,$ opacity); } 我已应用 $ opacity 确定
..
我想在SASS / Compass中添加性地构建背景,忽略现有的背景字符串。 伪: = mixin-add-icon //添加背景图标 = mixin-add-gradient-from-color($ color:blue! //添加背景渐变 = mixin-add-texture-bg //添加一个bg纹理 a 背景:blue + mixin- add-te
..
我有一个更少 mixin定义为: .fontStyle (@family,@size,@weight:normal,@style:normal,@color:#ffffff,@ letter-spacing:normal){ font-family:@family; font-size:@size; color:@color; font-weight:@weight; f
..
我想知道如何使用较少的css来做类似下面的操作: .btn { color : 黑色; } .btn:hover { color:white; } .btn-foo { .btn; &:hover { .btn:hover; } } 当然这只是一个例子,指向是否有任何方法来扩展伪类,以避免重新键入:hover 伪类的所有地方我需要它们的属
..
我使用LESS CSS 1.3.3。对不起,如果这个问题已经提出,我没有在网上找到任何相关的。 我有几个类生成器看起来像这样(例子极其简化,只是足以触发错误): #genMarginTop(@name,@size){ 。@ {name} {margin-top:@size; } } 然后我使用它们生成一些实际的类: #genMarginTop(mtSta
..
Twitter的bootstrap文档谈到三个mixin生成网格系统: .container-fixed #grid> 。核心(); #grid> 。流体(); 我知道如何设置页面使用bootstrap和更少...但我不知道如何在语义上使用网格系统。文档说,什么mixins使用,但不是如何...¿有没有人可以使用它们为了创建语义网格?只要找出或看看它是如何工作:
..