表单label

  1. <!-- 这种形式点击文字选择 -->
  2. <label>点这里
  3.     <input type="checkbox" name="a" value="ab">
  4. </label>

radio实现(name)

<label>
    男
    <input type="radio" name="sex" value="男">
</label>
<label>
    女
    <input type="radio" name="sex" value="女">
</label>

src & href

<!-- src -->
<img src="" alt="">
<script src=""></script>
<!-- href -->
<a href=""></a>
<link rel="stylesheet" type="text/css" href="css/style.css" />

JS表达式 & JS代码（语句）

1.表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方
下面这些都是表达式：
(1). a
(2). a+b
(3). demo(1)
(4). arr.map()
(5). function test () {}
(6).x === y ? ‘a’ : ‘b’
2.语句(代码)：
下面这些都是语句(代码)：
(1).if(){}
(2).for(){}
(3).switch(){case:xxxx}

箭头函数

没有this，如果找不到this就往外层找。（vue中methods箭头函数 this指向组vm，所有可以用data中数据 this。xx）

对象

结构赋值 & 重命名

let obj = {a:{b:123}}
let {a:{b:data}} = obj //相当于obj.a.b , 并且重命名为data

动态对象key值

let myJson = {};
const key = 'Dan';
myJson[key] = 'win'; //{Dan:'win'}

表单跳转

表单默认会跳转，即使不配置onsubmit(在提交表单之前调用) ，阻止表单跳转就是阻止默认事件。event.preventDefault()