docs: create 面试/布局题目

面试/布局题目.html

@@ -0,0 +1,27 @@
+<!--
+title: 布局题目
+description: 
+published: true
+date: 2024-03-28T08:23:41.704Z
+tags: 
+editor: ckeditor
+dateCreated: 2024-03-28T08:23:41.704Z
+-->
+
+<figure class="image"><img src="/微信图片_20240328160342.jpg"></figure>
+<ol>
+  <li>按照站队进行排列，列表、图片与文本的前后位置共有N3=6种情况。</li>
+</ol>
+<p>而排列方式，有纵向和横向并排共2种；类第一张图，但长条块于上下左右共4种。</p>
+<p>所以在瀑布流排列下一共有6x(2+4)=36种。</p>
+<p>2. 数据结构表示：</p>
+<p>我们读取后端的json文件，采用瀑布流方向进行渲染。</p>
+<p>数组结构，第一层为纵向，第二层为横向，第三层为纵向以此类推，示例：</p>
+<figure class="image"><img src="/qq截图20240328162120.png"></figure>
+<pre><code class="language-plaintext">[
+'图片',
+'文本',
+'列表'
+]</code></pre>
+<figure class="image"><img src="/qq截图20240328162259.png"></figure>
+<p>&nbsp;</p>