先看效果圖：
過程如下：
1.首先創建一張畫布地圖<div class="map"> </div>；
2.創建食物的自調用函數
(function (){
//定義好食物的屬性，在Food的原型上進行初始化 
在每次創建之前都先清除之前的食物，這樣，當小蛇在吃到食物的時候，可以直接調用該方法
}（））；
3.創建小蛇的自調用函數
初始化小蛇
想辦法讓小蛇動起來和小蛇的走向問題。
判斷小蛇有沒有吃到食物
每當小蛇吃到這個食物的時候，可以復制小蛇最后一個節點，並添加到最后
4.創建一個游戲對象，來初始化食物和小蛇
唔...有一些亂。。。，具體源碼已經上傳到碼雲。大家可以下載下來借鑒。地址：https://gitee.com/han_xiangzi/tanchishe
當然中間有很多不足的地方，也請大家指出，一起學習