随笔分类 - 前端常用预处理器介绍
sass、less、Stylus
发表于 2018-03-19 17:48阅读：520评论：0推荐：0
摘要：rem原理与简介： 依据html根元素大小定，px转rem动态调整根元素font-size大小； 1rem = 16px; html的字体大小就是可以默认为浏览器的字体大小； 移动端适配：方式一 媒体查询@media @media screen and （max-width:320px）{ html{ font-size:20px; } } @media screen an...
阅读全文 »
发表于 2018-01-11 23:37阅读：194评论：0推荐：0
摘要：保持sass条理性和可读性的最基本的三个方法：嵌套、导入和注释。 一般情况下，你反复声明一个变量，只有最后一处声明有效且它会覆盖前边的值。 $link-color: blue; $link-color: red; a { color: $link-color; } 最终编译成为红色 --------------------------------- & 在编译时将被替换为父选择符,如果你有一个...
阅读全文 »
发表于 2017-11-12 19:54阅读：267评论：0推荐：0
摘要：1em=16px(但不完全是) em会继承父元素的字体大小。ie 部分浏览器不支持em。 rem继承根元素的字体大小html。 px和rem vue里面用jq只能在mounted里面或者updata里面才可以原因是：dom已经挂载。 什么是web语义化有什么好处？ Web语义化是指使用语义恰当的标签
阅读全文 »
发表于 2017-09-04 14:40阅读：145评论：0推荐：0
摘要：[Sass]普通变量与默认变量普通变量定义之后可以在全局范围内使用。 默认变量sass 的默认变量仅需要在值后面加上 !default 即可。sass 的默认变量一般是用来设置默认值，然后根据需求来覆盖的，覆盖的方式也很简单，只需要在默认变量之前重新声明下变量即可默认变量的价值在进行组件化开发的时候
阅读全文 »
发表于 2017-09-04 14:07阅读：132评论：0推荐：0
摘要：1、嵌套输出方式 nested Sass 提供了一种嵌套显示 CSS 文件的方式。例如 nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; pa
阅读全文 »
发表于 2017-09-04 13:51阅读：149评论：0推荐：0
摘要：sass -v 检测是否安装 Sass 成功 gem update sass 更新 Sass gem uninstall sass 删除/卸载 Sass 的编译有多种方法： 1.命令编译2.GUI工具编译3.自动化编译 命令编译是指使用你电脑中的命令终端，通过输入 Sass 指令来编译 Sass。这
阅读全文 »
发表于 2017-09-04 13:30阅读：178评论：0推荐：0
摘要：Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言，它诞生于2007年，是最大的成熟的 CSS 预处理语言。 Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点： 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“
阅读全文 »
