From a85536ed4cc07365cf47260b54ce765bfa03c018 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=98=B4=E5=A4=A9?= <overcast404@163.com>
Date: Thu, 28 Mar 2024 08:23:48 +0000
Subject: [PATCH] =?UTF-8?q?docs:=20create=20=E9=9D=A2=E8=AF=95/=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E9=A2=98=E7=9B=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 面试/布局题目.html | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 面试/布局题目.html

diff --git a/面试/布局题目.html b/面试/布局题目.html
new file mode 100644
index 0000000..dccfde6
--- /dev/null
+++ b/面试/布局题目.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>