mixins相关内容

在Javascript库中,mixin()和extend()有什么区别?

我正在看各种图书馆,并看到extend()弹出很多,但我也看到mixin()显示。 YUI有混合和扩展。 这两个概念有什么区别?我什么时候决定一个混合和扩展一个对象? 谢谢, Matt 解决方案 Mixins不能与instanceof一起工作,而是扩展。 Mixins允许多个继承,但是通过伪造它,而不是正确链接原型。 我将显示一个Ext-JS示例,但该概念适用于提供的任 ..
发布时间:2017-05-14 10:07:14 前端开发

使用模块模式时的Javascript mixins

我一直在使用模块模式,但最近开始想要将功能和属性混合到其中以增加代码重用。我已经阅读了一些关于这个问题的好的资源,但是对于最好的方法仍然有点不确定。这是一个模块: var myModule = function(){ var privateConfigVar =“Private! //“constructor” function module(){} module.pu ..
发布时间:2017-05-14 09:32:22 前端开发

Groovy中的@Delegate,@Mixin和Traits之间的区别?

有人会说什么时候我想使用 Groovy Traits vs. Mixins(@Mixin)vs. Delegates(@Delegate)?也许一些取舍和设计问题将有所帮助。 他们似乎都允许重用多个“类”的行为。谢谢。 : - ) 此SO线程也有帮助: 解决方案 我同意,他们都似乎允许重复使用多个“类”的行为。然而,有分歧,而且 理解这些可能有助于您的决定。 在提供每个 ..
发布时间:2017-04-22 19:34:53 开发方法

less.js保护和条件

我有以下较少的mixin: @myColor =#123456; .mixin(@a)when(@a = @myColor){ // do something } 但是会抛出此错误:无法执行比较 为什么? 解决方案 看起来(从lesscss 1.2.2开始),守卫只支持比较维度和关键字。 (搜索源代码“compare:”)所以,可悲的是,比较两种颜色或字符串不会 ..
发布时间:2017-02-13 09:10:23 前端开发

Lesscss混合与守卫。语法错误

我使用Lesscss在客户端编写我的CSS(使用编译器less.js)。 在文档中有很好的例子,为我工作。我不明白,为什么... 代码示例如下: @import“common-functions.less”; //变量 @minHeaderWidth:auto; @maxHeaderWidth:1200px; @minButtonsWidth:50px; ..
发布时间:2017-02-13 09:09:22 前端开发

具有多个参数的LESS混合

我有这个小混音设置: .linear-gradient(@direction:top,@ color1:#fff ,@ color2:#000) { background-image:-webkit-linear-gradient(@direction,@ color1,@ color2); } 然后,在 main.less 我正在尝试这样的: 一个{.li ..
发布时间:2017-02-09 11:52:47 前端开发

混合使用LESS

我正在阅读LESS官方文档(版本1.5),但我不明白如何导入一个引用到另一个CSS,以使用其内容在我自己的文件。例如: mystyle.less @import “bootstrap.min.css”; .mylabel { .label-success; } 显示此错误: NameError:.label-成功未定义 也许我误解了文档? ..
发布时间:2017-02-09 10:06:06 前端开发

LESS动态调用mixin

如何动态调用mixin? 一个用例可能是生成一个样式指南: //应该调用的mixin .typography-xs(){ font-family:Arial; font-size:16px; line-height:22px; } //尝试调用typography的mixin-xs .typography-demo(@typographyName,@mix ..
发布时间:2017-02-07 21:47:29 前端开发

Sass手表检测更改,但不编译到CSS

当我运行 sass --watch app.sass:app.css 终端显示已检测到更改为sass,但不会编译到css。我使用Bourbon,所有我的.scss和.sass文件通过mixin导入。 ex。 >>> Sass正在观察变化。按Ctrl-C停止。 >>>>检测到更改为:css / 2-modules / top-nav.scss 解决方案 确保您使用 _f ..
发布时间:2017-02-07 18:18:38 前端开发

LESS用mixin设置动态背景图像

我使用 LESS CSS 。 我目前正在使用Mixins和变量。 像这样的东西效果不错: .border-radius(@radius){border-radius :@radius; } #header {.border-radius(4px); } 这是不是: .bg-img(@img){background-image:url(@img ..
发布时间:2017-02-06 11:31:45 前端开发

少混合与可选参数

我有一个更少 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 ..
发布时间:2017-01-20 04:09:15 前端开发

CSS-Less类扩展类与伪类

我想知道如何使用较少的css来做类似下面的操作: .btn { color : 黑色; } .btn:hover { color:white; } .btn-foo { .btn; &:hover { .btn:hover; } } 当然这只是一个例子,指向是否有任何方法来扩展伪类,以避免重新键入:hover 伪类的所有地方我需要它们的属 ..
发布时间:2017-01-20 01:11:01 前端开发

LESS CSS:重用生成。@ {name}类作为混合

我使用LESS CSS 1.3.3。对不起,如果这个问题已经提出,我没有在网上找到任何相关的。 我有几个类生成器看起来像这样(例子极其简化,只是足以触发错误): #genMarginTop(@name,@size){ 。@ {name} {margin-top:@size; } } 然后我使用它们生成一些实际的类: #genMarginTop(mtSta ..
发布时间:2017-01-20 00:33:48 前端开发

语义网格与Bootstrap + LESS Mixins¿

Twitter的bootstrap文档谈到三个mixin生成网格系统: .container-fixed #grid> 。核心(); #grid> 。流体(); 我知道如何设置页面使用bootstrap和更少...但我不知道如何在语义上使用网格系统。文档说,什么mixins使用,但不是如何...¿有没有人可以使用它们为了创建语义网格?只要找出或看看它是如何工作: ..
发布时间:2017-01-19 22:03:58 前端开发