实习W2——入口文件设置、扩展运算符、浅复制与深复制、伪类webpack、自定义checkbox、受控/非受控组件

入口文件css(less)设置

先在入口文件设置p、ul等等。

body {
    height:100%;
    color:white;
    font: 16px "Century Gothic", Futura, sans-serif;
}
ol, ul {
    padding-left: 20px;
    li {
        list-style: none;
    }
}

扩展运算符

• 扩展运算符允许一个表达式在期望多个参数（用于函数调用）或多个元素（用于数组字面量）或多个变量（用于解构赋值）的位置扩展。
• {…item,done:done}

浅复制与深复制

• javascript存储对象都是存地址的，所以浅复制会导致a和b指向同一块内存地址。
• 数组的赋值其实相当于给了索引，改变其中一个变量其他引用都会改变。【如果把一个对象（js中，数组也是对象）传递给函数，如果在函数里改变了这个对象，那么在外部这个变化是可见的】

var a=[1,2,3];
var b=a;
b[0]=4
// a为[4,2,3]，b为[4,2,3]

• 深拷贝：slice()函数，concat()函数，assign()函数。这三个函数都是返回一个数组的副本，不会改变数组本身。

伪类after与before的用途

<