sass/scss 和 less的区别 一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等), ...
分类:
Web程序 时间:
2017-06-10 21:28:38
阅读次数:
164
@mixin transform ($x) { transform: $x; -ms-transform: $x; -moz-transform: $x; -webkit-transform: $x; -o-transform: $x;} @include transform(translate(- ...
分类:
Web程序 时间:
2017-06-07 18:51:30
阅读次数:
305
TypeStyle’s style function allows you to give multiple objects as an argument. This provides a simple extensible reuse-ability model. We cover typesty ...
分类:
其他好文 时间:
2017-06-05 19:00:44
阅读次数:
188
//声明变量 $onewidth:100px; //声明混合宏 @mixin tow{ width: 100px; height: 100px; background-color:aqua; border: 1px solid orange; } //调用混合宏 .box2{ @include to... ...
分类:
其他好文 时间:
2017-06-03 17:26:19
阅读次数:
195
简介 CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。 作 为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需 ...
分类:
其他好文 时间:
2017-06-01 10:17:57
阅读次数:
201
less框架的应用 创建后缀为.less的文件 用@去声明一个变量 例@width:100px; 定义时用: .box{ width:@width } mixin混入:将一个类引用到另一个类 例:.box1{ width:500px}; .box2{ .box1} 带参数的混入 自定义类名(参数){ ...
分类:
其他好文 时间:
2017-05-30 00:11:40
阅读次数:
210
RGB颜色函数-RGB()颜色函数 在 Sass 的官方文档中,列出了 Sass 的颜色函数清单,从大的方面主要分为 RGB , HSL 和 Opacity 三大函数,当然其还包括一些其他的颜色函数,比如说 adjust-color 和 change-color 等。在这章节中,将主要和大家一起探讨 ...
分类:
其他好文 时间:
2017-05-25 22:02:34
阅读次数:
203
vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别? 组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,单本质上两 ...
分类:
其他好文 时间:
2017-05-22 15:11:05
阅读次数:
124
Mixins:用于组件间事件共享(公用的方法,比如弹窗,数值计算等组件函数) 要使用Mixins,首先要在项目文件夹根目录下安装Mixins包 react>npm install --save react-mixin@2 //指定安装版本 使用: step-1 建立公共mixins.js文件,将公共 ...
分类:
其他好文 时间:
2017-05-15 19:59:22
阅读次数:
253
参考链接:预处器的对比——Sass、LESS和Stylus http://www.w3cplus.com/css/sass-vs-less-vs-stylus-a-preprocessor-shootout.html 因为在vue.js项目(高仿饿了么app)中会用到stylus,所以本文重点关注s ...
分类:
其他好文 时间:
2017-05-07 13:09:32
阅读次数:
224