安装

安装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容器中的元素；

cookie

Cookie 是一些数据, 存储于你电脑上的文本文件中。

当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。

Cookie 的作用就是用于解决 『如何记录客户端的用户信息』:

1. 当用户访问 web 页面时，他的名字可以记录在 cookie 中。
2. 在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。

一个cookie是以键值对的形式存储的，如：

1

name = xxf

个人感悟

1. 构造器函数的constructor等于其本身

1

console.log(Function.constructor === Function); // true

Jsonp(JSON with Padding) 是 json 的一种"使用模式"，常用来进行跨域请求json数据。

原理

利用script标签可以跨域的特点，返回一段js代码对服务器获取的json数据进行处理。