一、引言

最近在写微信小程序项目的时候，第一次接触到了 JavaScript。

于是乎，在一个场景中，我写了如下的代码：

var a = {'name': 'wangying'};
var b = a;
b.name = 'yingwang';
console.log(a.name);

结果我惊喜的发现，a 对象里面的 name 居然 也变成了 yingwang。

这是为什么呢？

二、探索

经过我的探索，发现原来 JavaScript 中对象的赋值是默认引用赋值的，如果你想要复制赋值，则必须要重新分配对象，使用如下代码即可避免此问题：

var a = {'name': 'wangying'};
var b = Object.assign({}, a);
b.name = 'yingwang';
console.log(a.name);

此时即可看到 a.name 的值并没有发生变化了。

继续阅读 →

1，flex 布局是个什么东西？

官方说法：Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 

民间说法：flex 就是一种布局方式，类似于 block，inline-block 等。

2，flex 涉及的概念

Flex 的基本作用就是让布局变的更简单，比如“垂直居中”等，当然不止这个，要说清楚 flex 有什么作用首先要了解一些概念。 

采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称”项目”。 

容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做 main start，结束位置叫做 main end；交叉轴的开始位置叫做 cross start，结束位置叫做 cross end。 

项目默认沿主轴排列。单个项目占据的主轴空间叫做 main size，占据的交叉轴空间叫做 cross size。 

主要记住 “容器”、“项目”、“主轴（横轴）”和“交叉轴（纵轴）”的意思和指向就行。

继续阅读 →