Deploying to gh-pages from @ ZiuChen/ZiuChen.github.io@902ea55085 🚀

note/CSS.html

@@ -8,7 +8,7 @@
     <link rel="preload stylesheet" href="/assets/style.edafdec9.css" as="style">
     <link rel="modulepreload" href="/assets/chunks/VPAlgoliaSearchBox.107ab7ad.js">
     <link rel="modulepreload" href="/assets/app.ab8d0b9f.js">
-    <link rel="modulepreload" href="/assets/note_CSS.md.f4846972.lean.js">
+    <link rel="modulepreload" href="/assets/note_CSS.md.59153b8f.lean.js">
     
     <link rel="icon" href="/logo.png">
   <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
@@ -492,8 +492,8 @@
 <span class="line"></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> el </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> document</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">querySelector</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.item</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;">)</span></span>
 <span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(el</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">dataset</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">age) </span><span style="color:#676E95;font-style:italic;">// 18</span></span>
 <span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#A6ACCD;">(el</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">dataset</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">name) </span><span style="color:#676E95;font-style:italic;">// &#39;ziu&#39;</span></span>
-<span class="line"></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-30dabfe4 data-v-cc0f9778><div class="edit-info" data-v-cc0f9778><!----><div class="last-updated" data-v-cc0f9778><p class="VPLastUpdated" data-v-cc0f9778 data-v-de6a4e1f>Updated Date: <time datetime="2023-04-09T07:48:44.000Z" data-v-de6a4e1f></time></p></div></div><div class="prev-next" data-v-cc0f9778><div class="pager" data-v-cc0f9778><a class="pager-link prev" href="/note/JavaScript.html" data-v-cc0f9778><span class="desc" data-v-cc0f9778>Previous page</span><span class="title" data-v-cc0f9778>JavaScript基础</span></a></div><div class="has-prev pager" data-v-cc0f9778><a class="pager-link next" href="/note/JavaScriptEnhanced.html" data-v-cc0f9778><span class="desc" data-v-cc0f9778>Next page</span><span class="title" data-v-cc0f9778>JavaScript进阶</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-3af881ed data-v-8b655284><div class="container" data-v-8b655284><p class="message" data-v-8b655284>Released under the MIT License.</p><p class="copyright" data-v-8b655284>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"article_【字节跳动】前端面试题总结.md\":\"2df88164\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"03602515\",\"article_【快手】深入理解前端面试题.md\":\"5a8854db\",\"article_【用友金融】前端面试题总结.md\":\"2aea707c\",\"article_一文读懂事件冒泡与事件捕获.md\":\"d2701c58\",\"article_一文读懂伪类与伪元素.md\":\"07e76383\",\"article_一文读懂函数中this指向问题.md\":\"6d12f39d\",\"article_深入理解proxy与reflect.md\":\"26650ee8\",\"article_从0实现一个年度报告.md\":\"67f2404b\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"ccfab915\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"8adbcc47\",\"article_深入javascript数据类型.md\":\"c63d7255\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"dfa80d63\",\"article_深入理解浏览器缓存机制.md\":\"a66f87dd\",\"article_深入理解浏览器运行原理.md\":\"c1ec3824\",\"index.md\":\"8f9220c5\",\"project_clipboardmanager_guide_index.md\":\"6c265e1c\",\"project_clipboardmanager_index.md\":\"3ecdcd14\",\"self_index.md\":\"315572dd\",\"works_contribution.md\":\"a8c08090\",\"works_opensource.md\":\"2d986635\",\"note_css.md\":\"f4846972\",\"project_clipboardmanager_statement_index.md\":\"4c6b780b\",\"note_front-end engineering.md\":\"eed1c18c\",\"project_clipboardmanager_vip_index.md\":\"ab66ef5a\",\"note_javascript.md\":\"faa87fb8\",\"note_ssr.md\":\"1735736e\",\"project_markdown_index.md\":\"a9eea851\",\"project_markdown_log_index.md\":\"2519eebf\",\"project_smartwordbreak_index.md\":\"073d02e0\",\"project_smartwordbreak_log_index.md\":\"6474dfde\",\"project_smartwordbreak_statement_index.md\":\"8f6e3ff5\",\"project_clipboardmanager_log_index.md\":\"7bfdea12\",\"project_markdown_shortcut_index.md\":\"db963e7a\",\"note_javascriptenhanced.md\":\"8d8bb9ab\"}")</script>
+<span class="line"></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-30dabfe4 data-v-cc0f9778><div class="edit-info" data-v-cc0f9778><!----><div class="last-updated" data-v-cc0f9778><p class="VPLastUpdated" data-v-cc0f9778 data-v-de6a4e1f>Updated Date: <time datetime="2023-04-10T03:56:30.000Z" data-v-de6a4e1f></time></p></div></div><div class="prev-next" data-v-cc0f9778><div class="pager" data-v-cc0f9778><a class="pager-link prev" href="/note/JavaScript.html" data-v-cc0f9778><span class="desc" data-v-cc0f9778>Previous page</span><span class="title" data-v-cc0f9778>JavaScript基础</span></a></div><div class="has-prev pager" data-v-cc0f9778><a class="pager-link next" href="/note/JavaScriptEnhanced.html" data-v-cc0f9778><span class="desc" data-v-cc0f9778>Next page</span><span class="title" data-v-cc0f9778>JavaScript进阶</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-3af881ed data-v-8b655284><div class="container" data-v-8b655284><p class="message" data-v-8b655284>Released under the MIT License.</p><p class="copyright" data-v-8b655284>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"article_【用友金融】前端面试题总结.md\":\"e0d29045\",\"article_【快手】深入理解前端面试题.md\":\"8046ef7d\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"1578ca62\",\"article_【字节跳动】前端面试题总结.md\":\"43190517\",\"article_深入javascript数据类型.md\":\"38dc4212\",\"article_一文读懂事件冒泡与事件捕获.md\":\"fe1169b5\",\"article_一文读懂函数中this指向问题.md\":\"7daf1c2c\",\"article_从0实现一个年度报告.md\":\"669d6090\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"8dcbd06e\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"29921d41\",\"article_一文读懂伪类与伪元素.md\":\"21c09934\",\"article_深入理解proxy与reflect.md\":\"bf2ee51f\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"e8471f86\",\"index.md\":\"e5051aaf\",\"article_深入理解浏览器缓存机制.md\":\"3e63465b\",\"note_javascript.md\":\"4d381c29\",\"note_front-end engineering.md\":\"aeef7138\",\"article_深入理解浏览器运行原理.md\":\"1aff521c\",\"note_css.md\":\"59153b8f\",\"project_clipboardmanager_guide_index.md\":\"ab04688a\",\"project_clipboardmanager_index.md\":\"35b01af0\",\"project_clipboardmanager_log_index.md\":\"9969286e\",\"project_clipboardmanager_statement_index.md\":\"40104bd4\",\"project_clipboardmanager_vip_index.md\":\"1fa7dbf9\",\"project_markdown_index.md\":\"c4b57a91\",\"works_opensource.md\":\"490aa2ef\",\"works_contribution.md\":\"61ba57eb\",\"note_ssr.md\":\"639b8ecc\",\"project_markdown_shortcut_index.md\":\"9683b9fa\",\"project_markdown_log_index.md\":\"b2b946e7\",\"project_smartwordbreak_log_index.md\":\"22b8fbb4\",\"project_smartwordbreak_statement_index.md\":\"eb3de69f\",\"self_index.md\":\"ca70aa5a\",\"project_smartwordbreak_index.md\":\"2c4ac7f9\",\"note_javascriptenhanced.md\":\"22ea8715\"}")</script>
     <script type="module" async src="/assets/app.ab8d0b9f.js"></script>
     
   </body>

note/JavaScriptEnhanced.html

@@ -8,7 +8,7 @@
     <link rel="preload stylesheet" href="/assets/style.edafdec9.css" as="style">
     <link rel="modulepreload" href="/assets/chunks/VPAlgoliaSearchBox.107ab7ad.js">
     <link rel="modulepreload" href="/assets/app.ab8d0b9f.js">
-    <link rel="modulepreload" href="/assets/note_JavaScriptEnhanced.md.8d8bb9ab.lean.js">
+    <link rel="modulepreload" href="/assets/note_JavaScriptEnhanced.md.22ea8715.lean.js">
     
     <link rel="icon" href="/logo.png">
   <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
@@ -2021,8 +2021,8 @@
 <span class="line"><span style="color:#82AAFF;">setTimeout</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">()</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#F07178;">  </span><span style="color:#A6ACCD;">eventBus</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">off</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">navClick</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">callBack</span><span style="color:#F07178;">) </span><span style="color:#676E95;font-style:italic;">// 移除某个事件的某次回调</span></span>
 <span class="line"><span style="color:#89DDFF;">},</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">5000</span><span style="color:#A6ACCD;">)</span></span>
-<span class="line"></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-30dabfe4 data-v-cc0f9778><div class="edit-info" data-v-cc0f9778><!----><div class="last-updated" data-v-cc0f9778><p class="VPLastUpdated" data-v-cc0f9778 data-v-de6a4e1f>Updated Date: <time datetime="2023-04-09T07:48:44.000Z" data-v-de6a4e1f></time></p></div></div><div class="prev-next" data-v-cc0f9778><div class="pager" data-v-cc0f9778><a class="pager-link prev" href="/note/CSS.html" data-v-cc0f9778><span class="desc" data-v-cc0f9778>Previous page</span><span class="title" data-v-cc0f9778>CSS基础</span></a></div><div class="has-prev pager" data-v-cc0f9778><a class="pager-link next" href="/note/Front-end%20Engineering.html" data-v-cc0f9778><span class="desc" data-v-cc0f9778>Next page</span><span class="title" data-v-cc0f9778>前端工程化</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-3af881ed data-v-8b655284><div class="container" data-v-8b655284><p class="message" data-v-8b655284>Released under the MIT License.</p><p class="copyright" data-v-8b655284>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"article_【字节跳动】前端面试题总结.md\":\"2df88164\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"03602515\",\"article_【快手】深入理解前端面试题.md\":\"5a8854db\",\"article_【用友金融】前端面试题总结.md\":\"2aea707c\",\"article_一文读懂事件冒泡与事件捕获.md\":\"d2701c58\",\"article_一文读懂伪类与伪元素.md\":\"07e76383\",\"article_一文读懂函数中this指向问题.md\":\"6d12f39d\",\"article_深入理解proxy与reflect.md\":\"26650ee8\",\"article_从0实现一个年度报告.md\":\"67f2404b\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"ccfab915\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"8adbcc47\",\"article_深入javascript数据类型.md\":\"c63d7255\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"dfa80d63\",\"article_深入理解浏览器缓存机制.md\":\"a66f87dd\",\"article_深入理解浏览器运行原理.md\":\"c1ec3824\",\"index.md\":\"8f9220c5\",\"project_clipboardmanager_guide_index.md\":\"6c265e1c\",\"project_clipboardmanager_index.md\":\"3ecdcd14\",\"self_index.md\":\"315572dd\",\"works_contribution.md\":\"a8c08090\",\"works_opensource.md\":\"2d986635\",\"note_css.md\":\"f4846972\",\"project_clipboardmanager_statement_index.md\":\"4c6b780b\",\"note_front-end engineering.md\":\"eed1c18c\",\"project_clipboardmanager_vip_index.md\":\"ab66ef5a\",\"note_javascript.md\":\"faa87fb8\",\"note_ssr.md\":\"1735736e\",\"project_markdown_index.md\":\"a9eea851\",\"project_markdown_log_index.md\":\"2519eebf\",\"project_smartwordbreak_index.md\":\"073d02e0\",\"project_smartwordbreak_log_index.md\":\"6474dfde\",\"project_smartwordbreak_statement_index.md\":\"8f6e3ff5\",\"project_clipboardmanager_log_index.md\":\"7bfdea12\",\"project_markdown_shortcut_index.md\":\"db963e7a\",\"note_javascriptenhanced.md\":\"8d8bb9ab\"}")</script>
+<span class="line"></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-30dabfe4 data-v-cc0f9778><div class="edit-info" data-v-cc0f9778><!----><div class="last-updated" data-v-cc0f9778><p class="VPLastUpdated" data-v-cc0f9778 data-v-de6a4e1f>Updated Date: <time datetime="2023-04-10T03:56:30.000Z" data-v-de6a4e1f></time></p></div></div><div class="prev-next" data-v-cc0f9778><div class="pager" data-v-cc0f9778><a class="pager-link prev" href="/note/CSS.html" data-v-cc0f9778><span class="desc" data-v-cc0f9778>Previous page</span><span class="title" data-v-cc0f9778>CSS基础</span></a></div><div class="has-prev pager" data-v-cc0f9778><a class="pager-link next" href="/note/Front-end%20Engineering.html" data-v-cc0f9778><span class="desc" data-v-cc0f9778>Next page</span><span class="title" data-v-cc0f9778>前端工程化</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-3af881ed data-v-8b655284><div class="container" data-v-8b655284><p class="message" data-v-8b655284>Released under the MIT License.</p><p class="copyright" data-v-8b655284>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"article_【用友金融】前端面试题总结.md\":\"e0d29045\",\"article_【快手】深入理解前端面试题.md\":\"8046ef7d\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"1578ca62\",\"article_【字节跳动】前端面试题总结.md\":\"43190517\",\"article_深入javascript数据类型.md\":\"38dc4212\",\"article_一文读懂事件冒泡与事件捕获.md\":\"fe1169b5\",\"article_一文读懂函数中this指向问题.md\":\"7daf1c2c\",\"article_从0实现一个年度报告.md\":\"669d6090\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"8dcbd06e\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"29921d41\",\"article_一文读懂伪类与伪元素.md\":\"21c09934\",\"article_深入理解proxy与reflect.md\":\"bf2ee51f\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"e8471f86\",\"index.md\":\"e5051aaf\",\"article_深入理解浏览器缓存机制.md\":\"3e63465b\",\"note_javascript.md\":\"4d381c29\",\"note_front-end engineering.md\":\"aeef7138\",\"article_深入理解浏览器运行原理.md\":\"1aff521c\",\"note_css.md\":\"59153b8f\",\"project_clipboardmanager_guide_index.md\":\"ab04688a\",\"project_clipboardmanager_index.md\":\"35b01af0\",\"project_clipboardmanager_log_index.md\":\"9969286e\",\"project_clipboardmanager_statement_index.md\":\"40104bd4\",\"project_clipboardmanager_vip_index.md\":\"1fa7dbf9\",\"project_markdown_index.md\":\"c4b57a91\",\"works_opensource.md\":\"490aa2ef\",\"works_contribution.md\":\"61ba57eb\",\"note_ssr.md\":\"639b8ecc\",\"project_markdown_shortcut_index.md\":\"9683b9fa\",\"project_markdown_log_index.md\":\"b2b946e7\",\"project_smartwordbreak_log_index.md\":\"22b8fbb4\",\"project_smartwordbreak_statement_index.md\":\"eb3de69f\",\"self_index.md\":\"ca70aa5a\",\"project_smartwordbreak_index.md\":\"2c4ac7f9\",\"note_javascriptenhanced.md\":\"22ea8715\"}")</script>
     <script type="module" async src="/assets/app.ab8d0b9f.js"></script>
     
   </body>