JavaScript实战-贪吃蛇 总结

1. 块元素垂直居中

left:50%;
top:50%;
margin-top= -50%* height
margin-left= -50%* left

2.行元素垂直居中

line-height = height
text-align : center

3.背景照片填充背景

background-size: cover

4.面向过程和面向对象

面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以

面向对象是把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为。

5.两个对象比较值

两个对象比较比较，不光比较值，还要比较对象在内存的地址
错:[0,1] == [0,1]
对: a[0] == b[0] && a[1] == b[1]

6.函数返回值

多个if 判断，每个函数最后利用return，从而阻止下面代码的执行
这种方法优于使用一个if else 判断
用于类似于 switch ，每个满足条件的执行语句后放 break ，阻止下面代码继续执行

//撞到围墙了，游戏结束
if(nextPos[0]<0 || nextPos[1] <0 || nextPos[0]>td -1 ||       nextPos[1]> tr -1){
        console.log("撞到墙了")
        this.strategies.die.call(this)
        return ;
}

7.unshift()

unshift():往数组最前面添加数据，返回新数组
splice(0,0,数据):往数组最前面添加数据，不改变原来数组