snowdream

注意：sass有两种文件格式，同时也是两种不同的语法体系，默认使用.scss的语法！

基本操作

变量声明

形式为：$ + 变量名: value;，值可以是css的任意属性值（包括各种颜色）；如：

1
2
3
4
5

$blue: #3399ff;

body{
    backgrond-color: $blue;
}

需要注意的是属性值不必加引号！值还可以定义为列表（list）或映射（map）的形式，形成多值，可以按照索引进行取用，如：

1
2
3
4
5
6
7
8
9

$color: #ff3366 #66ff99 #6699ff;

.div1{
    color: nth($color, 1);
}

.div2{
    color: nth($color, 3);
}

利用nth函数对变量进行指定索引的取值，索引从1开始；（当一些css属性值本身就是多个值用空格断开的时候，是否也可以把其当做列表？）

问题由来

由于微信小程序的网络请求不能通过XMLHTTPRequest对象或是通常的一些封装好的网络请求库（如axios，fetch，jquery等等），只能使用微信小程序运行环境提供的wx.request()方法进行网络请求；然而该方法只能接受https协议的域名作为合法请求域名，所以首先必须要有SSL证书以及可以配置SSL证书的主机。

所以问题来了，阿里云所有的虚拟主机都不能对服务器端配置进行修改，所以即便申请到了SSL密钥也没法进行配置，因此只能间接配置；

继承是面向对象编程中很重要的一个概念，通过继承可以把父类中的属性和方法传递到子类中，就像是『财产继承』；

安装

安装Ruby

由于Sass和Compass都是依赖于ruby的，所以首先得安装ruby；windows直接去官网下载或者使用rubyinstaller，推荐使用后者，下载一键配置，关键是下载速度快！

在ruby中安装各种包都是基于gem命令（类似于node.js中的npm），由于服务器在国外，安装包的速度当然慢的要死，所以要更换一下镜像，推荐使用ruby-China的镜像（淘宝的镜像今后不会维护了）：

更换前最好把自带的镜像删除（可以用gem source --remove命令移除），查看镜像列表可以使用命令行gem source -l；

1

gem source -a https://gems.ruby-china.org

基本概念

flexbox模型又称伸缩布局盒模型，是css3新引入的一种布局机制，可以很方便的进行多列布局；可以从两个角度来看待flex属性：一个就是flex容器，另一个就是flex项目。

flex容器：顾名思义就是用来承载flex布局的容器盒子，即其内部的元素遵循flex布局机制；

flex项目：即装在flex容器中的元素；