scss 入门 1. scss 引入其他文件 1. 引入其他 .scss 文件 这样的话,文件在编译后,会自动把引入的文件和当前文件合并为一个. scss 文件 2. 引入其他 .css 文件 和引入. scss 文件不同,这样引入的. css 文件在编译后不会和当前文件合并为一个. scss 文件 ...
分类:
Web程序 时间:
2018-08-12 21:50:41
阅读次数:
173
原文链接:https://bbs.huaweicloud.com/blogs/53c0c3509b7a11e89fc57ca23e93a89f 我坦白我是标题党,SB只是 的简写。 一. SASS/SCSS ,也称为 ,是CSS预编译语言的一种,常见的预编译语言还包括 ,`Stylus 变量定义 函 ...
分类:
其他好文 时间:
2018-08-12 15:40:58
阅读次数:
175
1、添加小程序对应的.wxml和.wxss后缀文件 配置:preferences-->Editor -->File Types 2、scss编译成wxss a、安装:sudo gem install sass b、设置scss文件编译为wxss 配置:preferences-->Tools-->Fi ...
分类:
Web程序 时间:
2018-08-11 20:04:57
阅读次数:
585
上图: module: ts: scss html 目前实现可传入label文案, label的x轴偏移,input类型,验证数据的validate方法,input的双向绑定value值,错误提示信息等 用<ng-content></ng-content>预留的编辑位置,可以添加更多的html,方便 ...
分类:
其他好文 时间:
2018-08-09 14:03:10
阅读次数:
243
less框架 sass框架 <!-- sass 和 scss 都是 sass , 只是 sass 是老版本的语法,缩进要求严格,没有{}和;,后缀以 .sass ; scss 是 sass 的新语法,后缀以 .scss 结尾 --> ...
分类:
其他好文 时间:
2018-08-05 16:50:59
阅读次数:
171
1. 变量 sass允许使用变量,所有变量以$开头 2.引用父元素 & 这里 "&" 就代表是 a 3.继承 这样 class2 就 拥有了class1的所有属性 4.可以重复使用的代码块 5.混入,调用可以重用的代码块 关键词都是要用@符号开头的 如果你用 @mixin定义了 那么调用需要使用 @ ...
分类:
其他好文 时间:
2018-08-04 14:36:23
阅读次数:
568
第一次写博, 不好之处请多多包含 工欲善其事必先利其器, 首先, 我们要先了解下什么是CSS预处理器 In my opinion, CSS预处理器中的"预", 我们可以理解为"将要", 一个将要去处理CSS的工具, 那么他这里面应该包含有变量, 嵌套, 混入, 继承, 逻辑运算, 导入, 函数, 运 ...
分类:
其他好文 时间:
2018-07-29 11:46:08
阅读次数:
182
vue 项目 使用sass以及注意事项 1,安装依赖: 注: 通常使用npm安装会出现以下报错,安装失败。(网路问题) 可以通过淘宝的npm镜像安装node-sass,解决以上问题。 $ npm install -g cnpm --registry=https://registry.npm.taob ...
分类:
其他好文 时间:
2018-07-27 13:16:15
阅读次数:
194
_当一个浏览器实现一个新的属性、值或者选择器,而这个特征还不是处于候选推荐标准状态的时候,这属性的前面会添加一个前缀以便于它的渲染引擎识别。_ 浏览器使用前缀来尝试一些新属性、值和选择器,即使他们还没有最终定稿——这是一个好的测试方法,在必要时也可以对他们进行修正或者重新定义。如果浏览器一上来就直接 ...
分类:
Web程序 时间:
2018-07-27 12:12:45
阅读次数:
326
webpack - 什么是webpack: WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 - webpack工作方式: 把你的 ...
分类:
Web程序 时间:
2018-07-24 19:14:37
阅读次数:
196