摘要： 本文會(huì)將地圖顯示的技術(shù)用到炸彈人顯示中，并且讓我們的炸彈人動(dòng)起來。注：為了提升博文質(zhì)量和把重點(diǎn)放在記錄開發(fā)和迭代的思想實(shí)踐，本文及后續(xù)博文將不再記錄測(cè)試過程。 閱讀全文

摘要： 現(xiàn)在我們將實(shí)現(xiàn)圖片預(yù)加載和顯示地圖的功能需求。我采用TDD開發(fā)，大家可以看到在實(shí)現(xiàn)的過程中我們會(huì)修改設(shè)計(jì)，修改設(shè)計(jì)后又會(huì)修改對(duì)應(yīng)的實(shí)現(xiàn)代碼，這是一個(gè)不斷迭代的過程。在有測(cè)試套件的保護(hù)下，我們可以放心地重構(gòu)。 閱讀全文

摘要： 本系列博文記錄了炸彈人游戲迭代開發(fā)的過程。在開發(fā)的過程中，代碼會(huì)不斷重構(gòu)，領(lǐng)域模型會(huì)不斷演變，高層劃分也會(huì)不斷變化。博文重點(diǎn)在于記錄面向?qū)ο笏枷脒\(yùn)用、重構(gòu)、迭代開發(fā)的過程，對(duì)于游戲的實(shí)現(xiàn)細(xì)節(jié)和原理不會(huì)深入討論。關(guān)鍵詞：面向?qū)ο蟆y(cè)試驅(qū)動(dòng)開發(fā)、重構(gòu)、迭代、領(lǐng)域模型、炸彈人游戲 閱讀全文

摘要： 本文進(jìn)入初步設(shè)計(jì)階段，得到初步的領(lǐng)域模型，并對(duì)層和模塊進(jìn)行初步的劃分。 閱讀全文

摘要： 大家好！很高興向大家介紹我的圖片預(yù)加載控件YPreLoadImg。它可以幫助您預(yù)加載圖片，并且能顯示加載的進(jìn)度，在預(yù)加載完成后調(diào)用指定的方法。 YPreLoadImg控件由一個(gè)名為PreLoadImg的類組成。該類的構(gòu)造函數(shù)為：PreLoadImg(images, onstep, onload) 閱讀全文

摘要： 大家好！本文介紹狀態(tài)模式及其在Javascript中的應(yīng)用。模式介紹定義當(dāng)一個(gè)對(duì)象的內(nèi)在狀態(tài)改變時(shí)允許改變其行為，這個(gè)對(duì)象看起來像是改變了其類。狀態(tài)模式主要解決的是控制一個(gè)對(duì)象狀態(tài)的條件表達(dá)式過于復(fù)雜時(shí)的情況。把狀態(tài)的判斷邏輯轉(zhuǎn)移到表示不同狀態(tài)的一系列類中，可以把復(fù)雜的判斷邏輯簡(jiǎn)化。類圖及說明State：抽象狀態(tài)接口或抽象類，負(fù)責(zé)對(duì)象狀態(tài)定義，并且封裝環(huán)境角色以實(shí)現(xiàn)狀態(tài)切換ConcreState：具體狀態(tài)每一個(gè)具體狀態(tài)必須完成兩個(gè)職責(zé)：本狀態(tài)的行為管理以及趨向狀態(tài)處理。通俗地說，就是本狀態(tài)下要做的事情，以及本狀態(tài)如何過渡到其他狀態(tài)。Context：環(huán)境　定義客戶端需要的接口，并且負(fù)責(zé)具體狀態(tài)的 閱讀全文

摘要： 大家好！本文介紹迭代器模式及其在Javascript中的應(yīng)用。模式介紹定義提供一種方法順序一個(gè)聚合對(duì)象中各個(gè)元素，而又不暴露該對(duì)象內(nèi)部表示。類圖及說明Iterator抽象迭代器抽象迭代器負(fù)責(zé)定義訪問和遍歷元素的接口，而且基本上是有固定的3個(gè)方法：first()獲得第一個(gè)元素，next()訪問下一個(gè)元素，isDone()（或者為hasNext()）是否已經(jīng)訪問到底部ConcreIterator具體迭代器具體迭代器角色要實(shí)現(xiàn)迭代器接口，完成容器元素的遍歷。Aggregate抽象容器容器角色負(fù)重提供創(chuàng)建具體迭代器角色的接口，必然提供一個(gè)類似createIterator()（或者為iterator() 閱讀全文

摘要： 大家好！本文介紹觀察者模式及其在Javascript中的應(yīng)用。模式介紹定義定義對(duì)象間一種一對(duì)多的依賴關(guān)系，使得每當(dāng)一個(gè)對(duì)象改變狀態(tài)，則所有依賴于它的對(duì)象都會(huì)得到通知并被自動(dòng)更新。類圖及說明Subject：主題\發(fā)布者能夠動(dòng)態(tài)地增加、取消觀察者。它負(fù)責(zé)管理觀察者并通知觀察者。Observer：觀察者\(yùn)... 閱讀全文

摘要： 繼續(xù)重構(gòu)提取基類Structure增加測(cè)試describe("測(cè)試AClass", function () { it("子類全部實(shí)現(xiàn)抽象父類的抽象成員時(shí)，不拋出異常", function () { var A = YYC.AClass({ Init: fun... 閱讀全文

摘要： 大家好！今天跟大家一起分享我的OOP框架YOOP重構(gòu)實(shí)踐，希望能與大家一起共同學(xué)習(xí)、共同進(jìn)步。本文展示了我對(duì)沒有編寫測(cè)試的YOOP原始版本的重構(gòu)過程。通過該重構(gòu)，力圖將一個(gè)雜亂無章的遺留代碼重構(gòu)為有良好測(cè)試的、結(jié)構(gòu)良好、可讀性較強(qiáng)的高質(zhì)量代碼。在本次重構(gòu)中，我不但會(huì)對(duì)代碼結(jié)構(gòu)進(jìn)行重構(gòu)，還會(huì)改變部分行為（如將“抽象類要檢查是否實(shí)現(xiàn)了接口成員和父類的抽象方法”修改為“抽象類不檢查是否實(shí)現(xiàn)了接口成員和父類的抽象方法”；將“抽象類、類只能繼承1個(gè)接口”修改為“可以繼承多個(gè)接口”等等）。改變行為時(shí)，必須先添加或者修改測(cè)試，然后才能小步地改變行為。原始版本(function () { /******... 閱讀全文