new -

cordova mismatch of cpu architecture问题的解决安卓应用开发

cordova mismatch of cpu architecture问题的解决

在项目目录下的config.xml下添加

new 发布于 2018-11-1 06:49

评论(0) 浏览(427)

scss Mixins 各种技巧

转载自：https://www.w3cplus.com/preprocessor/sass-the-mixin-directive.html

为了有效的维护和开发项目，代码的重复利用就显得尤为重要。在Sass中，除了@import和@extend可以使你的代码更加具有重复利用性，@mixin指令也同样能提高你代码的重复使用率并简化你的代码。

@extend指令通过继承从而简化了代码，但是它也有缺陷之处，首先是不够灵活，其次它还会将你不需要的其他地方具有相同类名的样式都继承过来。

@mixin指令是另一种简化代码的方法。Mixins可以包含任意内容且可以传递参数，因此比'@extend'更加灵活和强大。

定义Mixins

通过@mixin加名称的方式就可以定义一个Mixins模块，在模块内你可以添加任何你想重复使用的样式。

@mixin button {  
    font-size: 1em; padding: 0.5em 1.0em;  
    text-decoration: none; color: #fff;  }

由于历史原因，连字符和下划线被认为是相同的，也就是说 @mixin button-large { } 和 @mixin button_large { } 是一样的。

Mixins能够包含任何在 CSS 和 Sass 中有效的内容。

@mixin link {  
    a { color: blue;

        &:visited { color: purple;
        }  
        &:hover { color: white;
        }  
        &:active { color: red;
        }  
    }
}

使用`@mixin`指令

你可以通过@include来调用具有相同名称的mixin模块。

.button-green { @include button;  
    background-color: green;  
}

比如通过@include调用我之前创建名为button的mixin模块，那么解析后的CSS就如下所示：

.button-green { font-size: 1em; padding: 0.5em 1.0em; text-decoration: none; color: #fff; background-color: green; }

正如你所预期的那样，@include被名为button的混合模块内的样式所取代。同时我在.button-green中添加的background-color样式依然保留着。

在mixin模块的定义中还可以包含其他的mixin。比如：

@mixin button-blue { @include button; @include link;  
}

所以你可以通过以包含多种简单mixin模块的方式创建较为复杂的mixin模块。

当Mixins模块包含选择器和规则集，也就是mixins包含的内容本身就是有效的CSS样式时，他们就可以在其他规则集外被调用。比如本文之前创建的名为link的mixin模块：

@mixin link {  
    a { color: blue;

        &:visited { color: purple;
        }  
        &:hover { color: white;
        }  
        &:active { color: red;
        }  
    }
}

之后我们可以直接调用这个模块，即使不在一个选择器内。

@include link;

这段代码将会被解析为：

a { color: blue;

    &:visited { color: purple;
    }  
    &:hover { color: white;
    }  
    &:active { color: red;
    }  
}

之所以能这样调用是因为这个mixin模块内既包含了选择器也包含了样式，如果没有选择器，那么编译后将不会有内容显示。比如我们在选择器外直接调用button这个mixin模块，那么将不会有东西被编译。

@mixin button {  
    font-size: 1em; padding: 0.5em 1.0em;  
    text-decoration: none; color: #fff;  } @include button;

不会被编译是因为你的样式没有被应用到任何元素上。

参数的使用

Mixins可以接收和使用参数，这使得它比@extend更加强大和灵活。我更新了之前的button模块，增加了名为background的参数并将其传递给模块。

@mixin button($background) {  
    font-size: 1em; padding: 0.5em 1.0em;  
    text-decoration: none; color: #fff;  background: $background;  
}

注意到参数被设置为一个变量并成为backround属性的值。如果我们想创建一个绿色的按钮，那么就可以使用以下代码：

.button-green { @include button(green);  
}

当Sass被编译时，值green就被传递给@mixin并成为变量$backround的值。编译后的代码如下：

.button-green { font-size: 1em; padding: 0.5em 1.0em; text-decoration: none; color: #fff; background: green; }

你还可以在@mixin和@include中传递多个参数，参数间用逗号隔开。比如：

@mixin button($background, $color) {  
    font-size: 1em; padding: 0.5em 1.0em;  
    text-decoration: none; color: $color; background: $background;  
}

.button-green { @include button(green, #fff);  }

给参数设置默认值

你可能会好奇如果在定义mixin时定义了参数，但是在@include调用时没有传递参数会发生什么。这种情况下你会收到一个编译错误的提示。同时我相信这种情况一定不是你想看到的。你可以通过在mixin中定义参数的时候给它设置一个默认值，从而来避免这种错误。

@mixin button($background: green) {  
    font-size: 1em; padding: 0.5em 1.0em;  
    text-decoration: none; color: #fff;  background: $background;  
}

现在如果你在调用的时候忘记传递参数值

.button-green { @include button;  
}

你的代码将会使用你设置的参数默认值来解析，在这个例子中也就是green这个值。

.button-green { font-size: 1em; padding: 0.5em 1.0em; text-decoration: none; color: #fff; background: green; }

当然，你也可以通过提供一个参数值来覆盖这个默认值。

.button-blue { @include button(blue);  
}

这时将会使用你提供的值来编译代码

.button-blue { font-size: 1em; padding: 0.5em 1.0em; text-decoration: none; color: #fff; background: blue; }

关键字参数

为了帮助你的代码更加容易理解，你可以在传递值给mixin时将参数名称和参数值一并传递过去。

.button-green { @include button($background: green, $color: #fff);  }

关键字参数会额外增加一些代码，但是这会使得你的@include更加容易理解。比如，上面那段代码就比下面这段代码更加容易理解，因为上面的代码明确指出了green和#fff分别是什么。

.button-green { @include button(green, #fff);  }

虽然选择器的名称给了我们一些线索，可以大概推断出第一个参数代表什么，但是对于第二个参数却没有任何提示作用，而且一年后你很可能不会再记得这个参数的含义。

一起传递关键字名称和值也被称为命名参数，你也可以以任意顺序传递命名参数。下面两种传递方式解析后会得到相同的结果。

.button-green { @include button($background: green, $color: #fff);  }

.button-green { @include button($color: #fff, $background: green);  }

因为命名参数是变量名，由于历史原因，下划线和破折号可以互换使用。

数量可变的参数

Mixins可以接收未知数量的参数。比如你可以给同一个元素增加多种box-shadows。这里，我增加了暗灰和浅灰两种阴影。

.container { box-shadow: 0px 1px 2px #333, 2px 3px 4px #ccc; }

在另一个元素上你可能只想使用一种阴影或者在其他元素上你又想使用三种或者四种阴影。这个时候你就可以创建一个接收数量可变的参数的mixin模块，并且在使用@include指令的时候决定传递参数的数量。

@mixin box-shadows($shadow...) {  
    box-shadow: $shadow;  
}

.container { @include box-shadows(0px 1px 2px #333, 2px 3px 4px #ccc);  }

通过在变量名后增加三个点（...）来使mixin模块接收数量可变的参数。需要注意的是这些是三个周期的字符，而不是单一的省略号。当你使用@include传递参数的时候，使用逗号将参数分开。

之前的代码将被编译为：

.container { box-shadow: 0px 1px 2px #333, 2px 3px 4px #ccc; }

Sass将所有参数打包为一个列表，但是在此我没有列出这个列表，相关内容之后我会再做补充。

你同样可以给mixin传递可变的参数

@mixin box-shadows($shadow...) {  
    box-shadow: $shadow;  
} $shadows: 0px 1px 2px #333, 2px 3px 4px #ccc; .container { @include box-shadows($shadows...);  
}

这里我将变量'$shadows'设置为有两种阴影的list，并在@include中将其作为参数传递。同样，你也可以将参数设置为一个map，并且作为参数传递。你也可以同时传递list和map，只要list作为第一个传递。

@include box-shadows($list..., $map...)

我将在之后的系列具体谈论这一部分。

`@content`用在`mixin`里面的，当定义一个`mixin`后，并且设置了`@content`；
`@include`的时候可以传入相应的内容到`mixin`里面

官网给的例子：

$color: white;
@mixin colors($color: blue) { background-color: $color;
  @content; border-color: $color;
} .colors {
  @include colors { color: $color; }
}

编译后：

.colors { background-color: blue; color: white; border-color: blue;
}

http://sass-lang.com/documentation/file.SASS_REFERENCE.html

总结

Mixins是一个在提高代码重复使用率方面非常有用的指令。而且能够使用和传递参数这一点使得它非常的强大。

你可以在创建mixins时设置默认值来防止编译错误，同时也可以在调用时覆盖默认值。甚至你还可以更加灵活地传递数量可变的参数。

著作权归作者所有。

商业转载请联系作者获得授权,非商业转载请注明出处。

原文: https://www.w3cplus.com/preprocessor/sass-the-mixin-directive.html © w3cplus.com

new 发布于 2018-7-25 02:59

评论(0) 浏览(503)

refusing to merge unrelated histories 各种技巧

先pull，因为两个仓库不同，发现refusing to merge unrelated histories，无法pull

因为他们是两个不同的项目，要把两个不同的项目合并，git需要添加一句代码，在git pull，

这句代码是在git 2.9.2版本发生的，最新的版本需要添加--allow-unrelated-histories

git pull origin master --allow-unrelated-histories

new 发布于 2018-6-28 05:50

评论(0) 浏览(463)

js正则替换各种技巧

代码如下：

        var str = '纳兰雪'; return new Array(str.length).join('*') + str.substr(-1);

这种方法的原理是取最后一个字符，其他的根据字符串长度生成对应的*个数。通过new Array(str.length).join('*')获得元素的间隔，然后拼接这些间隔，拼出来的刚好是少一个字符，再加上截取的最后一个字符。

另一种方法：

        'wuhaidong很牛逼的'.replace(/.(?=.)/g, '*');

这里主要用的是正则的(?=pattern)，这东西还真没用过，平时看手册都不会去注意，原来这么有用的。可以理解为不占匹配位，不占匹配位就不会替换。

标签: js

new 发布于 2018-1-23 02:57

评论(0) 浏览(502)

Linux 网卡启动失败各种技巧

Bringing up interface eno16777736: Error: Connection activation failed: Device not managed by NetworkManager or unavailable

Just follow the below steps and everything will be ok...

1. Remove Network Manager from startup Services.

#chkconfig NetworkManager off

2. Add Default Net Manager

#chkconfig network on

3.Stop NetworkManager first

#service NetworkManager stop

4.and then start Default Manager

#service network start

5./etc/init.d/network restart

new 发布于 2017-10-18 03:35

评论(0) 浏览(483)

注册码各种技巧

webstorm

http://im.js.cn:8888

https://idea.qmanga.com/

http://idea.medeming.com

http://idea.congm.in

http://im.js.cn:8888

http://intellij.mandroid.cn/

http://idea.imsxm.com/

http://idea.iteblog.com/key.php

20180801可用

http://xdouble.cn:8888/

9MWZD5CC4E-eyJsaWNlbnNlSWQiOiI5TVdaRDVDQzRFIiwibGljZW5zZWVOYW1lIjoiMjAxNzY1MDYxQGNxdS5lZHUuY24gLiIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiJGb3IgZWR1Y2F0aW9uYWwgdXNlIG9ubHkiLCJjaGVja0NvbmN1cnJlbnRVc2UiOmZhbHNlLCJwcm9kdWN0cyI6W3siY29kZSI6IklJIiwicGFpZFVwVG8iOiIyMDIwLTAxLTI0In0seyJjb2RlIjoiQUMiLCJwYWlkVXBUbyI6IjIwMjAtMDEtMjQifSx7ImNvZGUiOiJEUE4iLCJwYWlkVXBUbyI6IjIwMjAtMDEtMjQifSx7ImNvZGUiOiJQUyIsInBhaWRVcFRvIjoiMjAyMC0wMS0yNCJ9LHsiY29kZSI6IkdPIiwicGFpZFVwVG8iOiIyMDIwLTAxLTI0In0seyJjb2RlIjoiRE0iLCJwYWlkVXBUbyI6IjIwMjAtMDEtMjQifSx7ImNvZGUiOiJDTCIsInBhaWRVcFRvIjoiMjAyMC0wMS0yNCJ9LHsiY29kZSI6IlJTMCIsInBhaWRVcFRvIjoiMjAyMC0wMS0yNCJ9LHsiY29kZSI6IlJDIiwicGFpZFVwVG8iOiIyMDIwLTAxLTI0In0seyJjb2RlIjoiUkQiLCJwYWlkVXBUbyI6IjIwMjAtMDEtMjQifSx7ImNvZGUiOiJQQyIsInBhaWRVcFRvIjoiMjAyMC0wMS0yNCJ9LHsiY29kZSI6IlJNIiwicGFpZFVwVG8iOiIyMDIwLTAxLTI0In0seyJjb2RlIjoiV1MiLCJwYWlkVXBUbyI6IjIwMjAtMDEtMjQifSx7ImNvZGUiOiJEQiIsInBhaWRVcFRvIjoiMjAyMC0wMS0yNCJ9LHsiY29kZSI6IkRDIiwicGFpZFVwVG8iOiIyMDIwLTAxLTI0In0seyJjb2RlIjoiUlNVIiwicGFpZFVwVG8iOiIyMDIwLTAxLTI0In1dLCJoYXNoIjoiMTE3Mzk0NjcvMCIsImdyYWNlUGVyaW9kRGF5cyI6MCwiYXV0b1Byb2xvbmdhdGVkIjpmYWxzZSwiaXNBdXRvUHJvbG9uZ2F0ZWQiOmZhbHNlfQ==-ocfH5r7aj6756M8f6f+7MXdp2K0RxPCG2Yp9/iIydFQxHCSjqjUopo2yAxH8+EtTGm+w4dKPe+6tLqa/HOExPt9g3yOf29PU7oIwmqnIcnvZYGNCgNsCK7fyfxc2CX1whLZTByQ0LKylRshlsYz+HXg002E7q7bY0y3vbwxWLyNR5qY4EPa4WzfWjdnopCZfijgsU0bTRB51jiqVlLHONKjFFUmzPopUDwEHwDTnmNMEUAsluTaiirWIJwkmuFbsgmir+KUAxHvStOUgo68Vyaas7BicAWI1QiCqd1EvFIN/sGaZkRE9hK6FwkDN/hscDX1DCPY62ttgP/k1GvFOVA==-MIIElTCCAn2gAwIBAgIBCTANBgkqhkiG9w0BAQsFADAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBMB4XDTE4MTEwMTEyMjk0NloXDTIwMTEwMjEyMjk0NlowaDELMAkGA1UEBhMCQ1oxDjAMBgNVBAgMBU51c2xlMQ8wDQYDVQQHDAZQcmFndWUxGTAXBgNVBAoMEEpldEJyYWlucyBzLnIuby4xHTAbBgNVBAMMFHByb2QzeS1mcm9tLTIwMTgxMTAxMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAxcQkq+zdxlR2mmRYBPzGbUNdMN6OaXiXzxIWtMEkrJMO/5oUfQJbLLuMSMK0QHFmaI37WShyxZcfRCidwXjot4zmNBKnlyHodDij/78TmVqFl8nOeD5+07B8VEaIu7c3E1N+e1doC6wht4I4+IEmtsPAdoaj5WCQVQbrI8KeT8M9VcBIWX7fD0fhexfg3ZRt0xqwMcXGNp3DdJHiO0rCdU+Itv7EmtnSVq9jBG1usMSFvMowR25mju2JcPFp1+I4ZI+FqgR8gyG8oiNDyNEoAbsR3lOpI7grUYSvkB/xVy/VoklPCK2h0f0GJxFjnye8NT1PAywoyl7RmiAVRE/EKwIDAQABo4GZMIGWMAkGA1UdEwQCMAAwHQYDVR0OBBYEFGEpG9oZGcfLMGNBkY7SgHiMGgTcMEgGA1UdIwRBMD+AFKOetkhnQhI2Qb1t4Lm0oFKLl/GzoRykGjAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBggkA0myxg7KDeeEwEwYDVR0lBAwwCgYIKwYBBQUHAwEwCwYDVR0PBAQDAgWgMA0GCSqGSIb3DQEBCwUAA4ICAQAF8uc+YJOHHwOFcPzmbjcxNDuGoOUIP+2h1R75Lecswb7ru2LWWSUMtXVKQzChLNPn/72W0k+oI056tgiwuG7M49LXp4zQVlQnFmWU1wwGvVhq5R63Rpjx1zjGUhcXgayu7+9zMUW596Lbomsg8qVve6euqsrFicYkIIuUu4zYPndJwfe0YkS5nY72SHnNdbPhEnN8wcB2Kz+OIG0lih3yz5EqFhld03bGp222ZQCIghCTVL6QBNadGsiN/lWLl4JdR3lJkZzlpFdiHijoVRdWeSWqM4y0t23c92HXKrgppoSV18XMxrWVdoSM3nuMHwxGhFyde05OdDtLpCv+jlWf5REAHHA201pAU6bJSZINyHDUTB+Beo28rRXSwSh3OUIvYwKNVeoBY+KwOJ7WnuTCUq1meE6GkKc4D/cXmgpOyW/1SmBz3XjVIi/zprZ0zf3qH5mkphtg6ksjKgKjmx1cXfZAAX6wcDBNaCL+Ortep1Dh8xDUbqbBVNBL4jbiL3i3xsfNiyJgaZ5sX7i8tmStEpLbPwvHcByuf59qJhV/bZOl8KqJBETCDJcY6O2aqhTUy+9x93ThKs1GKrRPePrWPluud7ttlgtRveit/pcBrnQcXOl1rHq7ByB8CFAxNotRUYL9IF5n3wJOgkPojMy6jetQA5Ogc8Sm7RG6vg1yow==

vmware

适用于 vmware fusion 10 和 vmware fusion pro 10序列号

FG3TU-DDX1M-084CY-MFYQX-QC0RD

new 发布于 2017-8-24 03:09

评论(0) 浏览(491)

socket.io 2 游戏服务器

socket.io 中文手册，socket.io 中文文档转载于：http://www.cnblogs.com/xiezhengcai/p/3956401.html

服务端

io.on(‘connection’,function(socket));//监听客户端连接,回调函数会传递本次连接的socket

io.sockets.emit(‘String’,data);//给所有客户端广播消息

io.sockets.socket(socketid).emit(‘String’, data);//给指定的客户端发送消息

socket.on(‘String’,function(data));//监听客户端发送的信息

socket.emit(‘String’, data);//给该socket的客户端发送消息

广播消息

//给除了自己以外的客户端广播消息
socket.broadcast.emit("msg",{data:"hello,everyone"}); 
//给所有客户端广播消息
io.sockets.emit("msg",{data:"hello,all"});

分组

socket.on('group1', function (data) {
        socket.join('group1');
});
socket.on('group2',function(data){
        socket.join('group2');
 });

客户端发送

socket.emit(‘group1’)，就可以加入group1分组；
socket.emit(‘group2’)，就可以加入group2分组；

一个客户端可以存在多个分组（订阅模式）

踢出分组

socket.leave(data.room);

对分组中的用户发送信息

//不包括自己
socket.broadcast.to('group1').emit('event_name', data);
//包括自己
io.sockets.in('group1').emit('event_name', data);

broadcast方法允许当前socket client不在该分组内

获取连接的客户端socket

io.sockets.clients().forEach(function (socket) {
    //.....
})

获取分组信息

//获取所有房间（分组）信息
io.sockets.manager.rooms
//来获取此socketid进入的房间信息
io.sockets.manager.roomClients[socket.id]
//获取particular room中的客户端，返回所有在此房间的socket实例
io.sockets.clients('particular room')

另一种分组方式

io.of('/some').on('connection', function (socket) {
    socket.on('test', function (data) {
        socket.broadcast.emit('event_name',{});
    });
});

客户端

var socket = io.connect('ws://103.31.201.154:5555/some')
socket.on('even_name',function(data){
   console.log(data);
})

客户端都链接到ws://103.31.201.154:5555 但是服务端可以通过io.of(‘/some’)将其过滤出来。

另外，Socket.IO提供了4个配置的API：io.configure, io.set, io.enable, io.disable。其中io.set对单项进行设置，io.enable和io.disable用于单项设置布尔型的配置。io.configure可以让你对不同的生产环境（如devlopment，test等等）配置不同的参数。

客户端

建立一个socket连接

var socket = io(“ws://103.31.201.154:5555”);

监听服务消息

socket.on('msg',function(data){
    socket.emit('msg', {rp:"fine,thank you"}); //向服务器发送消息
    console.log(data);
});

socket.on(“String”,function(data)) 监听服务端发送的消息 Sting参数与服务端emit第一个参数相同

监听socket断开与重连。

socket.on('disconnect', function() {
    console.log("与服务其断开");
});

socket.on('reconnect', function() {
    console.log("重新连接到服务器");
});

客户端socket.on()监听的事件：

connect：连接成功

connecting：正在连接

disconnect：断开连接

connect_failed：连接失败

error：错误发生，并且无法被其他事件类型所处理

message：同服务器端message事件

anything：同服务器端anything事件

reconnect_failed：重连失败

reconnect：成功重连

reconnecting：正在重连

当第一次连接时，事件触发顺序为：connecting->connect；当失去连接时，事件触发顺序为：disconnect->reconnecting（可能进行多次）->connecting->reconnect->connect。

new 发布于 2017-7-27 02:26

评论(0) 浏览(531)

socket.io 记游戏服务器

var express = require('express');
var path = require('path');
var app = express();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.use(express.static(path.join(__dirname,'/public')));

io.on('connection', function(socket){
    console.log('a user connected');
    socket.on('msg', function(data){
        console.log(data);
        socket.broadcast.emit('new msg', data);
    });
    socket.on('disconnect',function(){
        console.log('user disconnet');
    });
});

http.listen(3000, function(){
    console.log('listening on 3000');
});

前端

<!DOCTYPE html>
<html>
<head>
    <title>sk</title>
</head>
<script src="https://cdn.bootcss.com/socket.io/1.7.3/socket.io.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>

<body>
test<br/>
<div id="content"></div>
<input type="text" id="msg">
<input type="button" id="send_btn" value="Send" >
</body>
<script>
  window.onload=function(){
    var socket = io.connect('http://127.0.0.1:3000');

    socket.on('new msg', function(data){
      console.log('<<'+data);
      $('#content').html($('#content').html()+'<br/>'+ data);
    });
    console.log("-------------");

    $('#send_btn').click(function(){
      socket.emit('msg', $('#msg').val());
      $('#msg').val('');
      return false;
    });
  }
</script>
</html>

标签: socket.io

new 发布于 2017-7-26 03:04

评论(0) 浏览(444)

SVN DELETE 各种技巧

常用操作
1.使用svn从工作拷贝删除文件只是预定要删除，当你提交，文件才会从版本库删除。
$ svn delete myfile

2.然而直接删除一个URL，你需要提供一个日志信息：
$ svn delete -m “Deleting file ‘yourfile'” file:///tmp/repos/test/yourfile

3.强制删除本地已修改文件的例子：
$ svn delete –force file

new 发布于 2017-7-24 03:02

评论(0) 浏览(497)

unity shader 内置变量 Unity游戏研究

官网Manual：http://docs.unity3d.com/Manual/SL-UnityShaderVariables.html

unity提供大量的内置变量，来供我们使用，主要包括一些：矩阵运算/变形，光影，时间等等。用户可以在CGIncludes目录下的UnityShaderVariables.cginc进行查看。

_WorldSpaceCameraPos：float3——相机的世界坐标

_ProjectionParams：float4——投影参数（x=+-1，y=相机近裁剪面，z=相机远裁剪面，w=1/FarPlane）

_ScreenParams：float4——屏幕参数（x=相机渲染宽度，y=相机渲染高度，z=1+1/x，w=1+1/y）

new 发布于 2017-3-23 03:23

评论(3) 浏览(698)

cordova mismatch of cpu architecture问题的解决安卓应用开发

scss Mixins 各种技巧

定义Mixins

使用`@mixin`指令

参数的使用

给参数设置默认值

关键字参数

数量可变的参数

总结

refusing to merge unrelated histories 各种技巧

js正则替换各种技巧

代码如下：

另一种方法：

Linux 网卡启动失败各种技巧

注册码各种技巧

socket.io 2 游戏服务器

服务端

客户端

socket.io 记游戏服务器

SVN DELETE 各种技巧

unity shader 内置变量 Unity游戏研究

链接

日历

分类

搜索

热门文章

最新文章

最新评论

个人资料

定义Mixins

使用@mixin指令

参数的使用

给参数设置默认值

关键字参数

数量可变的参数

总结

代码如下：

另一种方法：

服务端

客户端

链接

日历

分类

搜索

热门文章

最新文章

最新评论

个人资料

使用`@mixin`指令