chore(ci): blog sync

coderInwind · coderInwind · commit 8f27d9312cf9 · 2023-12-23T13:37:24.000Z
diff --git a/data/blog/BFChegaodutaxian.mdx b/data/blog/BFChegaodutaxian.mdx
@@ -8,29 +8,30 @@
   ## 高度塌陷
 我们知道，如果一个块级元素没有设置固定的高度，那么它的高度会被高度最大的子元素撑起，如下：
 在容器中有 box1 和 box2 两个元素，容器的高度被 box1 撑起
-
+```
 <div style="background-color: aqua;display:flex">
   <div style="height:100px;width:100px;background-color: red;line-height:100px;text-align:center;color:white">box1</div>
 <div style="height:50px;width:150px;background-color: blue;line-height:50px;text-align:center;color:white">box2</div>
 </div>
-
+```
 如果给 box1 添加浮动、定位等，使其脱离了正常的文档流，即产生了高度塌陷
-
+```
 <div style="background-color: aqua;">
   <div style="height:100px;width:100px;background-color: red;line-height:100px;text-align:center;color:white;float: left;">box1</div>
 <div style="height:50px;width:150px;background-color: blue;line-height:50px;text-align:center;color:white">box2</div>
 </div><br>
-
+```
 ## 外边距塌陷
 外边距塌陷也称为外边距合并，是指两个在正常流中相邻（兄弟或父子关系）的块级元素的外边距，组合在一起变成单个外边距，不过只有上下外边距才会有塌陷，左右外边距不会出现这种问题。
 ### 兄弟元素
+```
 <div style="margin-bottom: 5px; background-color: rgb(255, 147, 147)">
   一寸光阴一寸金
 </div>
 <div style="margin-top: 30px; background-color: rgb(159, 159, 255)">
   寸金难买寸光阴
 </div>
-
+```
 ```
 <div style="margin-bottom: 5px; background-color: rgb(255, 147, 147)">
   一寸光阴一寸金
@@ -41,11 +42,13 @@
 ```
 可以看到在有相邻 `margin-bottom` 和 `margin-top` 时，他们只会保留边距大的一个，而不是将其累加
 ### 父子元素
+```
 <div style="background-color: rgb(224,224,224);height:300px;display:flow-root">
   <div style="background-color: rgb(122,122,222);width:200px;height:200px;">
     <div style="background-color: rgb(122,22,122);width:100px;height:100px;margin-top: 20px;"></div>
   </div>
 </div>
+```
 这种现象我们应该经常会遇到，无论是给父元素还是子元素边距，他们都会有边距。
 以上情形都可以通过 BFC 解决，那么什么是 BFC ？
 
diff --git a/data/blog/diedaiqiheshengchengqi.mdx b/data/blog/diedaiqiheshengchengqi.mdx
@@ -9,7 +9,7 @@
 迭代器（iterator）能让我们在某个数据结构上进行遍历的对象
 在 JavaScript 中，迭代器是一个对象，它定义一个序列，并在终止时可能返回一个返回值。 更具体地说，迭代器是通过使用 next() 方法实现迭代器协议（Iterator protocol）的任何一个对象，该方法为无参数或者一个参数的函数
 该方法返回具有两个属性的对象： value，这是序列中的 next 值；和 done ，如果已经迭代到序列中的最后一个值，则它为 true 。如果 value 和 done 一起存在，则它是迭代器的返回值。
-一旦创建，迭代器对象可以通过重复调用next（）显式地迭代。 迭代一个迭代器被称为消耗了这个迭代器，因为它通常只能执行一次。 在产生终止值之后，next（）返回{done：true}。
+一旦创建，迭代器对象可以通过重复调用next（）显式地迭代。 迭代一个迭代器被称为消耗了这个迭代器，因为它通常只能执行一次。 在产生终止值之后，next（）返回`{done：true}`。
 ```
 //实现一个迭代器
 const arr = ['aaa','bbb','ccc','ddd']
