1. 需求分析
俄羅斯方塊的要素
介面展示
定時重新整理
鍵盤響應
方塊模型
遊戲規則
俄羅斯方塊 比 "電商購物車" 好在哪?
業務比較簡單, 人人都了解, 不需要過多前置知識
技術棧比較單純，不需要使用過多的工具
本身的複雜性高於"購物車"
可以在成品的基礎上進行技術演進， 過渡到前端框架
重點重點不在於寫出乙個俄羅斯方塊，而在於：
通過熟悉**學醫 es6 語法的使用
通過**掌握前端單頁面應用的設計套路(mvc)
2. 方案設計
架構圖
mvc 是什麼
m: model,負責儲存資料,以及實現資料之間的驅動關係(業務邏輯)的模組
v: view,負責展示資料,接收使用者互動事件的模組
c: controller,負責銜接m和v的模組——將model資料轉換成view可以辨認使用的資料,將使用者互動事件轉換成model可以理解的業務事件的模組
mvc的本質
分層設計 各司其職 將m驅動v 和 v 驅動 m 這兩條訊息通道隔離開， 簡化**實現
前端 mvc 的特點
controller經常分散或者隱藏在其他模組中(document-view模式、mvvm模式……)
3. 事件驅動 vs 資料驅動
事件驅動和資料驅動主要是指 黑色箭頭組成的通道的事件方式
事件驅動
優點 ：
靈活, 自由
減小 view 層的渲染負擔
缺點：**複雜、不易維護
事件** （點選之後 事件太多）
資料驅動
優點：不需要關注細節， 實現成本低，易維護（同樣的腦力可以寫出更複雜的應用）
缺點：對 view 層 的渲染效能要求比較高
資料對應狀態，事件對應過程，使用資料驅動實現動畫等過程比較不直觀
結論99.9%的情況下 都使用 資料驅動。
俄羅斯方塊高階 AI俄羅斯方塊
前文回顧 致青春 python實現俄羅斯方塊 人工智慧大火的今天，如果還是自己玩俄羅斯方塊未免顯得太low，為什麼不對遊戲公升級，讓機器自己去玩俄羅斯方塊呢？有了這個想法之後利用週六週日兩天的時間去蒐集了大量的資料，在電腦宕機好多次之後終於將ai俄羅斯方塊實現了。所謂讓機器自己去玩俄羅斯方塊，就是讓...
2 react 程式設計實踐 俄羅斯方塊 環境搭建
1.建立 demo 目錄 mkdir demo 2.初始化應用 npm init 工程資訊 package name tetris class demo version description tetris game entry point test command git repository k...
俄羅斯方塊
俄羅斯方塊 tetris,俄文 是一款風靡全球的電視遊戲機 和掌上遊戲機遊戲，它由俄羅斯人阿列克謝 帕基特諾夫 發明，故得此名。俄羅斯方塊的基本規則是移動 旋轉和擺放遊戲自動輸出的各種方塊，使之排列成完整的一行或多行並且消除得分。由於上手簡單 老少皆宜，從而家喻戶曉，風靡世界。俄羅斯方塊的開發者是阿...