一 、巩固继承 、 混合器 、 占位符的用法 1 、混合宏(混合器)的用法 用 @mixin 声明,@include 调用 @mixin mt($var){ margin-top: $var; } .box{ @include mt(10px) } 编译后: .box { margin-top: 1 ...
分类:
其他好文 时间:
2017-08-14 21:13:32
阅读次数:
200
一、sass/scss 和 less的区别 一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等 ...
分类:
其他好文 时间:
2017-08-10 10:24:26
阅读次数:
158
一、sass/scss 和 less的区别 一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等 ...
分类:
Web程序 时间:
2017-08-10 10:06:00
阅读次数:
225
Scss与Less区别 一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等),更容易阅读。 S ...
分类:
Web程序 时间:
2017-08-10 01:32:21
阅读次数:
238
一、sass/scss 和 less的区别 一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等 ...
分类:
其他好文 时间:
2017-08-10 01:09:33
阅读次数:
219
本系列将会用vue.js2制作一个移动端的webapp单页面,页面不多,大概在7,8个左右,不过麻雀虽小,五脏俱全,常用的效果如轮播图,下拉刷新,上拉加载,图片懒加载都会用到。css方面也会有一些描述,像不同分辨率的适配,flex布局以及scss来编写mixin来处理2x,3x图等。 初始工作: 通 ...
分类:
移动开发 时间:
2017-08-06 15:07:15
阅读次数:
325
1.lodash http://lodashjs.com/docs/ 基础工具包 2.merge-descriptors mixin的设计模式。 3.escapeHtml 转义字符串 对一段html代码进行转码,避免xss漏洞。 4.query string 在get请求中,把一个对象转换成URL中 ...
分类:
其他好文 时间:
2017-08-01 17:52:07
阅读次数:
168
由于苹果电脑的普及,所以Retina 屏幕兼容越来越重要,在普通屏幕上正常的背景,在Retina 屏幕上都会发虚。 首先新建一个scss文件,起名为utils.scss ,在文件中写入下面代码: /* Retina 屏幕兼容 */@mixin ratio(){ @media only screen ...
分类:
其他好文 时间:
2017-08-01 17:48:53
阅读次数:
232
less是一门CSS预处理语言,增加了变量,Mixin,函数等特性,使得CSS更加方便维护,开发; less可以运行在Node或者浏览器,但最终都是将.less文件转换成.css文件,因为浏览器渲染时只能识别.css文件; 1.不同情况下使用less编译器编译less文件 1.1 使用less编译器 ...
分类:
其他好文 时间:
2017-07-22 18:18:01
阅读次数:
266