feat(再看设计原则): add 设计基础/article.md

Author: yyc-git

doc/第三轮.org

@@ -126,4 +126,6 @@ ECS:heros ->heroes
 
 
 
-* TODO 补充“更多资料推荐”
+* TODO 补充“更多资料推荐”
+
+

doc/第四轮.org

@@ -1,3 +1,5 @@
+* TODO 删除注释文字
+
 * TODO 修改结构，改成正式成书的结构(use markdown)
 
 

packages/再看设计原则/设计基础/article.md

@@ -0,0 +1,87 @@
+# 为什么要设计
+
+- 这个世界处于不断的变化中，需求也在不断的变化
+- 为了应对需求的变化，减少变化影响的范围，我们需要进行设计
+
+# 如何进行设计
+
+- 基本方法是什么？
+以抽象、封装为基本方法
+
+- 评判标准是什么？
+以高内聚、低耦合为评判标准
+
+- 指导思想是什么？
+以设计原则为指导思想
+
+
+# 抽象
+
+抽象的定义：
+从众多的具体事物中，抽取共同的、本质的属性
+
+TODO tu
+如上图所示，展示了抽象的过程：
+左上的图片展示了一个具有最多细节的、具体的牛；
+然后从上往下，从左往右地不断进行抽象；
+最后抽象成了右下的图片中的牛，只剩下最基本的牛的框架
+
+
+更多的抽象案例：
+- “红色、黄色、紫色”抽象为“颜色”
+- “黑人、白人、黄人”抽象为“人”
+- “鸡、鸭、鹅”抽象为“鸟”，它们具有共同的外观：头、身体、爪子、翅膀，以及共同的行为：吃、飞
+TODO tu
+
+
+
+## 做项目的时候哪些地方用到了抽象？
+
+可以说抽象无处不在
+如在重构方面，消除重复代码时需要进行抽象，抽取它们共同的特性；
+在设计方面，设计架构时需要进行抽象，抽取各个视图（如数据视图、层次视图、服务视图等）下的本质属性（如数据视图只抽取数据相关的本质属性）；
+在测试方面，写测试用例时需要进行抽象，抽取在用户的视角下被测试的代码有哪些行为
+
+
+# 封装
+
+封装的定义：
+隐藏对象的属性和实现细节，仅对外公开接口；将抽象得到的数据和行为（或功能）相结合，形成一个有机的整体
+
+TODO tu
+如上图所示，展示了封装的一个例子：
+上方的图片展示了一只鸡的内部细节，包括各种器官等；
+下方的图片展示了封装后的结果，隐藏了内部细节，形成了“鸡”这个整体
+
+
+## 做项目的时候哪些地方用到了封装？
+
+封装跟抽象一样，可以说无处不在
+如在重构方面，重命名函数名时需要进行封装，使其不暴露内部的细节，而只显示这个函数的抽象行为，让用户只看函数名就知道它是做什么的，而不需要去看它的具体代码；
+在设计方面， 设计接口时需要进行封装，隐藏细节；
+在测试方面，写测试用例时需要进行封装，用例名不应该暴露内部的细节，而只显示该用例的抽象行为，让用户只看用例名就知道它是做什么的，而不需要去看它的具体测试代码
+
+
+
+
+
+# 高内聚、低耦合
+
+在软件设计中通常用内聚度和耦合度作为衡量模块独立程度的标准
+我们希望内聚度高，耦合度低
+
+内聚：每个模块尽可能独立完成自己的功能，不依赖于模块外部的代码。
+耦合：模块与模块之间接口的复杂程度，模块之间联系越复杂，耦合度越高，牵一发而动全身。
+目的：使得模块的“可重用性”、“移植性”大大增强
+
+
+<!-- TODO tu
+(TODO 需要去除水印) -->
+
+
+
+
+
+
+
+

packages/多线程模式/article.md

@@ -1690,6 +1690,8 @@ export let exec: execType<worldState> = (worldState, _) => {
 
 运行截图跟之前一样
 
+可以通打印的Job信息以及查看Chrome控制台的Performance的时间线，来验证确实是并行地运行了线程
+
 
 值得注意的是：
 因为使用了浏览器的SharedArrayBuffer API，所以需要启用浏览器的“跨域隔离”，打开Cross Origin

多线程模式抽象代码/worker_pipeline_abstract/src/main/Main.ts

@@ -104,6 +104,8 @@ export let getPipeline = (): pipeline<worldState, state> => {
 						{
 							"name": "get_finish_send_init_xWorker_data_main_worker",
 							"type_": "job",
+							//is_set_state为false的意思是该Job不更新state
+							//这通常用在merge的job，该job没有操作state
 							is_set_state: false
 						}
 					]