今天完成的事情：

1.写法官界面。

2.看老大的知乎live直播，前端狗永不为奴！！

明天的事情：

1.推进任务。把玩家的死活状态搞清楚。

收获和问题：

1.昨日代码的问题

$(".box-people").eq(0).clone(false).appendTo("header");或者
var boxPeople =
   "<div class='box-people'>\n" +
   "<div class='word'>\n" + killerWaterNum[i] +
   "</div>\n" +
   "<p class='number'>\n" + (i + 1) + "号" +
   "</p>\n" +
   "</div>";
$("header").append(boxPeople);

复制出错。应该为这样。模板字符串。

然后尝试把clone方法也写出来

for (var i = 0; i < (killerWaterNum.length - 1); i++) {
   $(".box-people").first().clone(true).appendTo("header");

}
for (var j = 0; j < (killerWaterNum.length); j++) {
   $(".word")[j].append(killerWaterNum[j]);
   $(".number")[j].append((j + 1)+"号");
}

先把盒子克隆出来，然后再一一赋予不同的属性。把

append(content)方法

方法作用：向每个匹配的元素内部追加内容。

$("header").append(boxPeople);

意思是把boxPeople放到header里。

2.写法官日记界面和杀手界面。下载桌游精灵app，了解游戏逻辑。

3.jquery中append与appendTo方法区别。使用时看到有这两种区别，写一下。

· append(content)

方法作用：向每个匹配的元素内部追加内容。

参数介绍：content (<Content>): 要追加到目标中的内容。

用法示例：

HTML代码为<p>I come from </p><p>I love  </p>

向所有p标签中追加一个单词china，则写法为 $("p").append("china");

结果为：<p>I come from china</p><p>I love china </p>

·appendTo(expr)

方法作用：把所有匹配的元素追加到指定的元素元素集合中。

参数介绍：expr (String): 用于匹配元素的jQuery表达式。

用法示例：

HTML代码为<b>I love china </b><p></p>

把标签b追加到p元素中，写法为$("b").appendTo("p");

结果为：<p><b>I love china </b></p>

即append的意思是“添加，附加”；而后者appendTo意思是“添加至，附加至”。

4.界面挺多的。写写写。