隐式类型转换

2018-06-24

+号转为字符串

a = [1,2], b=[3,4];
1
a+b // "1,23,4"

阅读全文

宽松相等和严格相等

2018-06-24

==与===的区别

== 允许在相等比较中进行强制类型转换,而 === 不允许

字符串和数字

先将字符串转为数字后比较

阅读全文

flex基础用法

2017-11-07

阮一峰flex教程 笔记

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
.parent {
    display: flex;
    display: inline-flex;
    
    /* 子元素排列的方向 */
    flex-directon: row | column | row-reverse | column-reverse;
    
    /* 换行的方式 
        默认不换行
    */
    flex-wrap: nowrap | wrap | wrap-reverse;
    
    /* 前两个的简写 */
    flex-flow: row nowrap;
    
    /* 主轴上的对齐方式 */
    justify-content: flex-start | flex-end | center | space-between | space-around;
    /* space-around 项目之间的间隔比项目与边框的间隔大一倍*/
    
    /* 交叉轴上的对齐方式 */
    align-items: flex-start | flex-end | center | baseline | stretch;
    
    /*baseline: 项目的第一行文字的基线对齐。
    stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。*/
    
    /*子元素排列多行时，交叉轴上的对齐方式*/
    align-content:flex-start | flex-end | center | space-between | space-around | stretch(默认) ;
}
.child {
    /* 子元素的顺序，越小越靠前 */
    order: 0(默认);
    
    /* 子元素放大比例，0表示不放大*/
    flex-grow: 0(默认);
    /* 如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。 */
    
    /* 子元素缩小比例，0表示不缩小 */
    flex-shrink: 1（默认）;
    /* 如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。 */
    
    /* 分配多余空间前，定义子元素占的main size，可以设置为width或height，元素将占据固定空间。不放大？*/
    flex-basis:<length> | auto;
    
    /* 缩写grow shrink basis*/
    flex: 0 1 auto | auto | none;
    /* auto等价于 1 1 auto;
        none等有价与 0 0 auto;
    */
    
    /* 在交叉轴上的对齐方式*/
    align-self:auto | flex-start | flex-end | center | stretch | baseline;
}

阅读全文