项目一:生命游戏
强调
创建网格,缩放单元格并将其与画布相关联: *可以在没有画布的情况下创建网格,然后在计算单元格元素缩放比例的 set_up_canvas_and_colors 函数中将画布(pad)与网格关联。 因此,可以使用任意尺寸创建网格,并将其缩放以适合画布。 *此外,对于项目的第 2 阶段,可以轻松修改 set_up_canvas_and_colors 函数,因为网格对画布的依赖非常有限
生成下一代的逻辑:为了防止网格的并发修改,将要进行的更改分为两个单独的数组:cellsToKill 和 cellsToGiveBirthTo。 扫描整个网格后,将执行更改。 单独的逻辑管理活细胞和死细胞,从而使代码更加模块化。
网格被做成一个表格元素,它仅仅规定了单元格的显示方式。 由于在第 1 阶段实现了模块化,实现设计部分中描述的功能只需要很少的更改。
调整浏览器大小时,标题、按钮和