問題描述

代碼具體沒辦法打出來，有沒有大神提供寶貴的意見

問題解答

將以幀為單位的動畫改成以時(shí)間為單位的動畫

對于不需要經(jīng)常變動的圖片，如背景等，請使用離屏canvas來實(shí)現(xiàn)

對于一些細(xì)節(jié)的地方，如canvas.width 等，需要用width = canvas.width來保存值使用

使用函數(shù)節(jié)流

事件觸發(fā)動作不要以綁定的函數(shù)為主，需要將觸發(fā)的參數(shù)通過傳到程序內(nèi)部，通過游戲循環(huán)來實(shí)現(xiàn)。如：當(dāng)點(diǎn)擊右箭頭的時(shí)候，你只需要告訴游戲主體，往右移動已經(jīng)被觸發(fā)，至于怎么運(yùn)動由程序自己決定。

優(yōu)化循環(huán)，一般來說導(dǎo)致程序運(yùn)行緩慢最主要的原因都是這個，內(nèi)部邏輯太多，一個單位循環(huán)內(nèi)根本來不及處理，對于某些數(shù)據(jù)計(jì)算性的東西，比如說生成隨機(jī)數(shù)等可以通過worker來實(shí)現(xiàn)，對于一些不需要經(jīng)常使用的功能，請盡量避免調(diào)用，只有在某些情況觸發(fā)了以后，參數(shù)值變了，再進(jìn)行調(diào)用。 比如說if(go) dosomething(); 只有當(dāng)go為true時(shí)才進(jìn)行操作，這樣可以省下大量時(shí)間。

當(dāng)然具體的優(yōu)化細(xì)節(jié)需要根據(jù)你的代碼來決定，我只能講這么點(diǎn)通用的東西，其實(shí)大部分優(yōu)化的思路都一樣的

有可能是事件注冊的問題，可以先從事件委托，和 dom 結(jié)束后取消事件入手。

可以使用 chrome devtool 點(diǎn)開 profile 看看 cpu 和 內(nèi)存，看看是否是有哪些函數(shù)有泄漏或者其他問題。

使用canvas的局部刷新，不要每次移動就刷新整個畫面

你是用DOM 寫的小游戲？還是用CANVAS