2018-07-05

1、设置用户是否能够选中文本属性:

        问题：移动端长按不能复制文本

        解决：user-select：none | text | all | element

2、获取元素子元素：

        1.  childNodes  |  firstChild  |  lastChild  存在兼容问题，可能选择到换行或者空格

        2.  children |  firstElementChild  |  lastElementChild  

3、获取元素兄弟节点：

        1.previousSibling  |  nextSibling  存在兼容问题，可能选择到换行或者空格

        2.previousElementSibling |  nextElementSibling  直接匹配节点

4、获取父元素：

        parentNode

5、Flex布局

        容器（父）：

                flex-direction:  row  |  row-reverse  |  column |  column-reverse     决定主轴的方向

                flex-wrap:  nowrap  |  wrap  |  wrap-reverse   如果一条轴线排不下，如何换行

                flex-flow :  row nowrap                                    flex-direction属性和flex-wrap属性的简写形式

                justify-content:  flex-start  |  flex-end  |  center  |  space-between  |  space-around     项目在主轴上的对齐方式

                align-items: flex-start  |  flex-end  |  stretch  |  baseline  |  center   项目在交叉轴上如何对齐

                align-content:  flex-start | flex-end | center | space-between | space-around | stretch   多根轴线的对齐方式。如果项目只有一根轴线，                                                                                                                                                           该属性不起作用

        项目(子)：

                order  属性定义项目的排列顺序。数值越小，排列越靠前，默认为0

                flex-grow  定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大

                flex-shrink   定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小

                flex-basis   定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的                                      默认值为auto，即项目的本来大小

                flex             flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选

                align-self:  flex-start  |  flex-end  |  auto  |  stretch  |  center  |  baseline       默认值为auto