摘要： 本文主要參考w3c資料，從底層實(shí)現(xiàn)原理的角度介紹了requestAnimationFrame、cancelAnimationFrame，給出了相關(guān)的示例代碼以及我對實(shí)現(xiàn)原理的理解和討論。 閱讀全文

摘要： 本文試圖弄清楚DOM到底是什么，不會討論具體DOM節(jié)點(diǎn)的操作。 閱讀全文

摘要： 本文介紹我在實(shí)際的前端項(xiàng)目中的架構(gòu)設(shè)計(jì)，展示因?yàn)樾枨笞兓鴮?dǎo)致架構(gòu)變化的過程。 全文分為三個階段，分別對應(yīng)三次需求的變化，給出了對應(yīng)的架構(gòu)設(shè)計(jì)。 在第一個階段中，我使用面向過程設(shè)計(jì)；在第二個階段和在第三個階段中，我使用面向?qū)ο笤O(shè)計(jì)。 閱讀全文

摘要： 使用測試驅(qū)動開發(fā)大半年了，我還是對Stub和Mock的認(rèn)識比較模糊，沒有進(jìn)行系統(tǒng)整理。今天查閱了相關(guān)資料，覺得寫得很不錯，所以我試圖在博文中對資料進(jìn)行整理一下，再加上一些自己的觀點(diǎn)。本文是目前我對Stub和Mock的認(rèn)識，難免有偏差，歡迎大家拍磚。 閱讀全文

摘要： 本文對炸彈人系列博文進(jìn)行總結(jié)。 閱讀全文

摘要： 本文會給我們的炸彈人增加放炸彈的能力。 閱讀全文

摘要： 本文會加入1個AI敵人，敵人使用A*算法追蹤炸彈人。 閱讀全文

摘要： 本文將實(shí)現(xiàn)碰撞檢測，讓炸彈人不能穿過墻。在實(shí)現(xiàn)的過程中會發(fā)現(xiàn)炸彈人移動的問題，然后會通過設(shè)置移動步長來解決。 閱讀全文

摘要： 本文開始監(jiān)聽鍵盤事件，使玩家能控制炸彈人移動。然后會在重構(gòu)的過程中會引入狀態(tài)模式。大家會看到我是如何在開發(fā)的過程中通過重構(gòu)來提出設(shè)計(jì)模式，而不是在初步設(shè)計(jì)階段提出設(shè)計(jì)模式的。 閱讀全文

摘要： 問題分析我們在調(diào)整畫布大小時，希望畫布中的圖形保持不變，只是改變畫布本身的大小。但是如果使用Css設(shè)置畫布大小，則會出現(xiàn)問題。問題描述如果使用Css設(shè)置Canvas畫布的大小，則導(dǎo)致畫布按比例縮放到你設(shè)置的值。原因在Canvas元素的內(nèi)部存在一個名為2d渲染環(huán)境（2d redering contex... 閱讀全文