2024年Go最新如何使用 CSS flex box 和 Javascript 设计棋盘_css棋盘格(1)，2024年最新膜拜大牛

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上Go语言开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

<section class="containerEven" id='container3'></section>
<section class="containerOdd" id='container4'></section>
<section class="containerEven" id='container5'></section>
<section class="containerOdd" id='container6'></section>
<section class="containerEven" id='container7'></section>
<section class="containerOdd" id='container8'></section>

现在剩下的就是使用 javascript 在相应的 id 的帮助下在这些部分标签内动态附加元素。

var res1 = [], res2 = [], res3 = [], res4 = [], res5 = [], res6 = [], res7 = [], res8 = [];
for (i = 1; i <= 8; i++) {
res1 += <div class="item"></div>
res2 += <div class="item"></div>
res3 += <div class="item"></div>
res4 += <div class="item"></div>
res5 += <div class="item"></div>
res6 += <div class="item"></div>
res7 += <div class="item"></div>
res8 += <div class="item"></div>
}
document.getElementById(container1).innerHTML = res1;
document.getElementById(container2).innerHTML = res2;
document.getElementById(container3).innerHTML = res3;
document.getElementById(container4).innerHTML = res4;
document.getElementById(container5).innerHTML = res5;
document.getElementById(container6).innerHTML = res6;
document.getElementById(container7).innerHTML = res7;
document.getElementById(container8).innerHTML = res8;

在这里我们所做的是使用 8 个数组来存储每一行​​数据。当我们得到数据再将其附加到相应的容器 id，


这是带有输出的完整代码

 ![](https://img-blog.csdnimg.cn/cfb6bed431ee4fefb4f39dcc5c0274d1.png)



![img](https://img-blog.csdnimg.cn/img_convert/f630dfbd36b6e603f4eea94c8b3f82e6.png)
![img](https://img-blog.csdnimg.cn/img_convert/28ea3453a6b821e68000afe4dc129e2d.png)
![img](https://img-blog.csdnimg.cn/img_convert/aeac1a5779eb5d0ea4d0bc5a52eee191.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上Go语言开发知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618658159)**



**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618658159)**