mirror of
https://github.com/ZiuChen/ZiuChen.github.io.git
synced 2025-12-18 00:44:18 +08:00
Deploying to gh-pages from @ ZiuChen/ZiuChen.github.io@0bc9095bfa 🚀
This commit is contained in:
ZiuChen
@@ -7,7 +7,7 @@
|
||||
<meta name="description" content="Unlimited Progress.">
|
||||
<link rel="preload stylesheet" href="/assets/style.6d715206.css" as="style">
|
||||
<link rel="modulepreload" href="/assets/app.94d5b31a.js">
|
||||
<link rel="modulepreload" href="/assets/article_【2023】青训营 - 前端练习题汇总解析.md.9ce4282e.lean.js">
|
||||
<link rel="modulepreload" href="/assets/article_【2023】青训营 - 前端练习题汇总解析.md.157c1f15.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>
|
||||
@@ -306,8 +306,8 @@
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;font-style:italic;">return</span><span style="color:#F07178;"> </span><span style="color:#FF9CAC;">true</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</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></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/【2023】青训营 - 前端练习题汇总解析.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:10:24.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/works/contribution.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>社区贡献</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E4%B8%80%E6%96%87%E8%AF%BB%E6%87%82%E4%BA%8B%E4%BB%B6%E5%86%92%E6%B3%A1%E4%B8%8E%E4%BA%8B%E4%BB%B6%E6%8D%95%E8%8E%B7.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>一文读懂事件冒泡与事件捕获</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"9ce4282e\",\"article_一文读懂伪类与伪元素.md\":\"95b52fdc\",\"article_一文读懂函数中this指向问题.md\":\"f2a3ec56\",\"article_一文读懂事件冒泡与事件捕获.md\":\"a5b9e203\",\"article_深入理解proxy与reflect.md\":\"d1bedded\",\"article_深入理解浏览器缓存机制.md\":\"82398ca9\",\"index.md\":\"3db2973d\",\"article_深入理解浏览器运行原理.md\":\"4e8f056e\",\"article_从0实现一个年度报告.md\":\"b4f5b104\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"99f56f49\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"3441672f\",\"note_javascript.md\":\"5fe50ecd\",\"project_clipboardmanager_log_index.md\":\"7da5b9f7\",\"project_clipboardmanager_statement_index.md\":\"9fc2261a\",\"project_clipboardmanager_vip_index.md\":\"f62eae5f\",\"self_index.md\":\"14fbb7f0\",\"works_contribution.md\":\"0f41b166\",\"works_opensource.md\":\"b72a0c8f\",\"project_clipboardmanager_index.md\":\"46f2497e\",\"project_smartwordbreak_index.md\":\"f7a595a8\",\"project_smartwordbreak_log_index.md\":\"ccf1a9f3\",\"project_smartwordbreak_statement_index.md\":\"10a640fa\",\"note_css.md\":\"b9debaa3\",\"note_front-end engineering.md\":\"d746705a\",\"note_javascriptenhanced.md\":\"d712b1c2\",\"project_clipboardmanager_guide_index.md\":\"86be52bf\"}")</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></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/【2023】青训营 - 前端练习题汇总解析.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:51:22.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/works/contribution.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>社区贡献</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E4%B8%80%E6%96%87%E8%AF%BB%E6%87%82%E4%BA%8B%E4%BB%B6%E5%86%92%E6%B3%A1%E4%B8%8E%E4%BA%8B%E4%BB%B6%E6%8D%95%E8%8E%B7.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>一文读懂事件冒泡与事件捕获</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_深入理解浏览器缓存机制.md\":\"410c3c02\",\"article_一文读懂伪类与伪元素.md\":\"82b8d3c2\",\"note_javascript.md\":\"4d94e456\",\"note_front-end engineering.md\":\"71c81a43\",\"article_一文读懂事件冒泡与事件捕获.md\":\"cb0a3858\",\"index.md\":\"757c828f\",\"article_一文读懂函数中this指向问题.md\":\"e879994e\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"d686afc6\",\"article_深入理解浏览器运行原理.md\":\"212c05eb\",\"project_clipboardmanager_index.md\":\"c0fb1bf7\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"157c1f15\",\"project_smartwordbreak_statement_index.md\":\"9758b409\",\"project_clipboardmanager_log_index.md\":\"8ea45ab6\",\"article_从0实现一个年度报告.md\":\"d47ecc65\",\"project_smartwordbreak_log_index.md\":\"b2b3fae3\",\"self_index.md\":\"81cb1fc3\",\"works_contribution.md\":\"2e80244c\",\"project_clipboardmanager_guide_index.md\":\"e125072c\",\"note_css.md\":\"322178e6\",\"project_smartwordbreak_index.md\":\"7a47faee\",\"works_opensource.md\":\"adeb7609\",\"article_深入理解proxy与reflect.md\":\"25325fc1\",\"project_clipboardmanager_vip_index.md\":\"8489c036\",\"project_clipboardmanager_statement_index.md\":\"71e82cec\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"07a5bccd\",\"note_javascriptenhanced.md\":\"76e31f3a\"}")</script>
|
||||
<script type="module" async src="/assets/app.94d5b31a.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<meta name="description" content="Unlimited Progress.">
|
||||
<link rel="preload stylesheet" href="/assets/style.6d715206.css" as="style">
|
||||
<link rel="modulepreload" href="/assets/app.94d5b31a.js">
|
||||
<link rel="modulepreload" href="/assets/article_一文读懂事件冒泡与事件捕获.md.a5b9e203.lean.js">
|
||||
<link rel="modulepreload" href="/assets/article_一文读懂事件冒泡与事件捕获.md.cb0a3858.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>
|
||||
@@ -57,8 +57,8 @@
|
||||
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// some code ...</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">e</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">preventDefault</span><span style="color:#F07178;">()</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</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></div></div><h2 id="相关链接" tabindex="-1">相关链接 <a class="header-anchor" href="#相关链接" aria-hidden="true">#</a></h2><p><a href="https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Building_blocks/Events#%E4%BA%8B%E4%BB%B6%E5%86%92%E6%B3%A1%E5%8F%8A%E6%8D%95%E8%8E%B7" target="_blank" rel="noreferrer"><code>事件冒泡及捕获</code></a></p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/一文读懂事件冒泡与事件捕获.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:10:24.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E3%80%902023%E3%80%91%E9%9D%92%E8%AE%AD%E8%90%A5%20-%20%E5%89%8D%E7%AB%AF%E7%BB%83%E4%B9%A0%E9%A2%98%E6%B1%87%E6%80%BB%E8%A7%A3%E6%9E%90.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>【2023】青训营 - 前端练习题汇总解析</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E4%B8%80%E6%96%87%E8%AF%BB%E6%87%82%E4%BC%AA%E7%B1%BB%E4%B8%8E%E4%BC%AA%E5%85%83%E7%B4%A0.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>一文读懂伪类与伪元素</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"9ce4282e\",\"article_一文读懂伪类与伪元素.md\":\"95b52fdc\",\"article_一文读懂函数中this指向问题.md\":\"f2a3ec56\",\"article_一文读懂事件冒泡与事件捕获.md\":\"a5b9e203\",\"article_深入理解proxy与reflect.md\":\"d1bedded\",\"article_深入理解浏览器缓存机制.md\":\"82398ca9\",\"index.md\":\"3db2973d\",\"article_深入理解浏览器运行原理.md\":\"4e8f056e\",\"article_从0实现一个年度报告.md\":\"b4f5b104\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"99f56f49\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"3441672f\",\"note_javascript.md\":\"5fe50ecd\",\"project_clipboardmanager_log_index.md\":\"7da5b9f7\",\"project_clipboardmanager_statement_index.md\":\"9fc2261a\",\"project_clipboardmanager_vip_index.md\":\"f62eae5f\",\"self_index.md\":\"14fbb7f0\",\"works_contribution.md\":\"0f41b166\",\"works_opensource.md\":\"b72a0c8f\",\"project_clipboardmanager_index.md\":\"46f2497e\",\"project_smartwordbreak_index.md\":\"f7a595a8\",\"project_smartwordbreak_log_index.md\":\"ccf1a9f3\",\"project_smartwordbreak_statement_index.md\":\"10a640fa\",\"note_css.md\":\"b9debaa3\",\"note_front-end engineering.md\":\"d746705a\",\"note_javascriptenhanced.md\":\"d712b1c2\",\"project_clipboardmanager_guide_index.md\":\"86be52bf\"}")</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></div></div><h2 id="相关链接" tabindex="-1">相关链接 <a class="header-anchor" href="#相关链接" aria-hidden="true">#</a></h2><p><a href="https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Building_blocks/Events#%E4%BA%8B%E4%BB%B6%E5%86%92%E6%B3%A1%E5%8F%8A%E6%8D%95%E8%8E%B7" target="_blank" rel="noreferrer"><code>事件冒泡及捕获</code></a></p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/一文读懂事件冒泡与事件捕获.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:51:22.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E3%80%902023%E3%80%91%E9%9D%92%E8%AE%AD%E8%90%A5%20-%20%E5%89%8D%E7%AB%AF%E7%BB%83%E4%B9%A0%E9%A2%98%E6%B1%87%E6%80%BB%E8%A7%A3%E6%9E%90.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>【2023】青训营 - 前端练习题汇总解析</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E4%B8%80%E6%96%87%E8%AF%BB%E6%87%82%E4%BC%AA%E7%B1%BB%E4%B8%8E%E4%BC%AA%E5%85%83%E7%B4%A0.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>一文读懂伪类与伪元素</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_深入理解浏览器缓存机制.md\":\"410c3c02\",\"article_一文读懂伪类与伪元素.md\":\"82b8d3c2\",\"note_javascript.md\":\"4d94e456\",\"note_front-end engineering.md\":\"71c81a43\",\"article_一文读懂事件冒泡与事件捕获.md\":\"cb0a3858\",\"index.md\":\"757c828f\",\"article_一文读懂函数中this指向问题.md\":\"e879994e\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"d686afc6\",\"article_深入理解浏览器运行原理.md\":\"212c05eb\",\"project_clipboardmanager_index.md\":\"c0fb1bf7\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"157c1f15\",\"project_smartwordbreak_statement_index.md\":\"9758b409\",\"project_clipboardmanager_log_index.md\":\"8ea45ab6\",\"article_从0实现一个年度报告.md\":\"d47ecc65\",\"project_smartwordbreak_log_index.md\":\"b2b3fae3\",\"self_index.md\":\"81cb1fc3\",\"works_contribution.md\":\"2e80244c\",\"project_clipboardmanager_guide_index.md\":\"e125072c\",\"note_css.md\":\"322178e6\",\"project_smartwordbreak_index.md\":\"7a47faee\",\"works_opensource.md\":\"adeb7609\",\"article_深入理解proxy与reflect.md\":\"25325fc1\",\"project_clipboardmanager_vip_index.md\":\"8489c036\",\"project_clipboardmanager_statement_index.md\":\"71e82cec\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"07a5bccd\",\"note_javascriptenhanced.md\":\"76e31f3a\"}")</script>
|
||||
<script type="module" async src="/assets/app.94d5b31a.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<meta name="description" content="Unlimited Progress.">
|
||||
<link rel="preload stylesheet" href="/assets/style.6d715206.css" as="style">
|
||||
<link rel="modulepreload" href="/assets/app.94d5b31a.js">
|
||||
<link rel="modulepreload" href="/assets/article_一文读懂伪类与伪元素.md.95b52fdc.lean.js">
|
||||
<link rel="modulepreload" href="/assets/article_一文读懂伪类与伪元素.md.82b8d3c2.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>
|
||||
@@ -79,8 +79,8 @@
|
||||
<span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">father</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#B2CCD6;">width</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">100px</span><span style="color:#89DDFF;">;</span></span>
|
||||
<span class="line"><span style="color:#89DDFF;">}</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></div></div><h3 id="相关链接" tabindex="-1">相关链接 <a class="header-anchor" href="#相关链接" aria-hidden="true">#</a></h3><p><a href="https://code.juejin.cn/pen/7088328950488760334" target="_blank" rel="noreferrer">代码片段</a></p><p><a href="https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors" target="_blank" rel="noreferrer"><code>CSS选择器</code></a></p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/一文读懂伪类与伪元素.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:10:24.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E4%B8%80%E6%96%87%E8%AF%BB%E6%87%82%E4%BA%8B%E4%BB%B6%E5%86%92%E6%B3%A1%E4%B8%8E%E4%BA%8B%E4%BB%B6%E6%8D%95%E8%8E%B7.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>一文读懂事件冒泡与事件捕获</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E4%B8%80%E6%96%87%E8%AF%BB%E6%87%82%E5%87%BD%E6%95%B0%E4%B8%ADthis%E6%8C%87%E5%90%91%E9%97%AE%E9%A2%98.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>一文读懂函数中this指向问题</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"9ce4282e\",\"article_一文读懂伪类与伪元素.md\":\"95b52fdc\",\"article_一文读懂函数中this指向问题.md\":\"f2a3ec56\",\"article_一文读懂事件冒泡与事件捕获.md\":\"a5b9e203\",\"article_深入理解proxy与reflect.md\":\"d1bedded\",\"article_深入理解浏览器缓存机制.md\":\"82398ca9\",\"index.md\":\"3db2973d\",\"article_深入理解浏览器运行原理.md\":\"4e8f056e\",\"article_从0实现一个年度报告.md\":\"b4f5b104\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"99f56f49\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"3441672f\",\"note_javascript.md\":\"5fe50ecd\",\"project_clipboardmanager_log_index.md\":\"7da5b9f7\",\"project_clipboardmanager_statement_index.md\":\"9fc2261a\",\"project_clipboardmanager_vip_index.md\":\"f62eae5f\",\"self_index.md\":\"14fbb7f0\",\"works_contribution.md\":\"0f41b166\",\"works_opensource.md\":\"b72a0c8f\",\"project_clipboardmanager_index.md\":\"46f2497e\",\"project_smartwordbreak_index.md\":\"f7a595a8\",\"project_smartwordbreak_log_index.md\":\"ccf1a9f3\",\"project_smartwordbreak_statement_index.md\":\"10a640fa\",\"note_css.md\":\"b9debaa3\",\"note_front-end engineering.md\":\"d746705a\",\"note_javascriptenhanced.md\":\"d712b1c2\",\"project_clipboardmanager_guide_index.md\":\"86be52bf\"}")</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></div></div><h3 id="相关链接" tabindex="-1">相关链接 <a class="header-anchor" href="#相关链接" aria-hidden="true">#</a></h3><p><a href="https://code.juejin.cn/pen/7088328950488760334" target="_blank" rel="noreferrer">代码片段</a></p><p><a href="https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors" target="_blank" rel="noreferrer"><code>CSS选择器</code></a></p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/一文读懂伪类与伪元素.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:51:22.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E4%B8%80%E6%96%87%E8%AF%BB%E6%87%82%E4%BA%8B%E4%BB%B6%E5%86%92%E6%B3%A1%E4%B8%8E%E4%BA%8B%E4%BB%B6%E6%8D%95%E8%8E%B7.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>一文读懂事件冒泡与事件捕获</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E4%B8%80%E6%96%87%E8%AF%BB%E6%87%82%E5%87%BD%E6%95%B0%E4%B8%ADthis%E6%8C%87%E5%90%91%E9%97%AE%E9%A2%98.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>一文读懂函数中this指向问题</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_深入理解浏览器缓存机制.md\":\"410c3c02\",\"article_一文读懂伪类与伪元素.md\":\"82b8d3c2\",\"note_javascript.md\":\"4d94e456\",\"note_front-end engineering.md\":\"71c81a43\",\"article_一文读懂事件冒泡与事件捕获.md\":\"cb0a3858\",\"index.md\":\"757c828f\",\"article_一文读懂函数中this指向问题.md\":\"e879994e\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"d686afc6\",\"article_深入理解浏览器运行原理.md\":\"212c05eb\",\"project_clipboardmanager_index.md\":\"c0fb1bf7\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"157c1f15\",\"project_smartwordbreak_statement_index.md\":\"9758b409\",\"project_clipboardmanager_log_index.md\":\"8ea45ab6\",\"article_从0实现一个年度报告.md\":\"d47ecc65\",\"project_smartwordbreak_log_index.md\":\"b2b3fae3\",\"self_index.md\":\"81cb1fc3\",\"works_contribution.md\":\"2e80244c\",\"project_clipboardmanager_guide_index.md\":\"e125072c\",\"note_css.md\":\"322178e6\",\"project_smartwordbreak_index.md\":\"7a47faee\",\"works_opensource.md\":\"adeb7609\",\"article_深入理解proxy与reflect.md\":\"25325fc1\",\"project_clipboardmanager_vip_index.md\":\"8489c036\",\"project_clipboardmanager_statement_index.md\":\"71e82cec\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"07a5bccd\",\"note_javascriptenhanced.md\":\"76e31f3a\"}")</script>
|
||||
<script type="module" async src="/assets/app.94d5b31a.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<meta name="description" content="Unlimited Progress.">
|
||||
<link rel="preload stylesheet" href="/assets/style.6d715206.css" as="style">
|
||||
<link rel="modulepreload" href="/assets/app.94d5b31a.js">
|
||||
<link rel="modulepreload" href="/assets/article_一文读懂函数中this指向问题.md.f2a3ec56.lean.js">
|
||||
<link rel="modulepreload" href="/assets/article_一文读懂函数中this指向问题.md.e879994e.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>
|
||||
@@ -166,8 +166,8 @@
|
||||
<span class="line"><span style="color:#A6ACCD;">person1.foo4()() // 隐式绑定: person1</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">person1.foo4.call(person2)() // 显式绑定: person2</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">person1.foo4().call(person2) // 隐式绑定: person1</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"></span></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></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/一文读懂函数中this指向问题.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:10:24.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E4%B8%80%E6%96%87%E8%AF%BB%E6%87%82%E4%BC%AA%E7%B1%BB%E4%B8%8E%E4%BC%AA%E5%85%83%E7%B4%A0.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>一文读懂伪类与伪元素</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E4%BB%8E0%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E5%B9%B4%E5%BA%A6%E6%8A%A5%E5%91%8A.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>从0实现一个年度报告</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"9ce4282e\",\"article_一文读懂伪类与伪元素.md\":\"95b52fdc\",\"article_一文读懂函数中this指向问题.md\":\"f2a3ec56\",\"article_一文读懂事件冒泡与事件捕获.md\":\"a5b9e203\",\"article_深入理解proxy与reflect.md\":\"d1bedded\",\"article_深入理解浏览器缓存机制.md\":\"82398ca9\",\"index.md\":\"3db2973d\",\"article_深入理解浏览器运行原理.md\":\"4e8f056e\",\"article_从0实现一个年度报告.md\":\"b4f5b104\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"99f56f49\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"3441672f\",\"note_javascript.md\":\"5fe50ecd\",\"project_clipboardmanager_log_index.md\":\"7da5b9f7\",\"project_clipboardmanager_statement_index.md\":\"9fc2261a\",\"project_clipboardmanager_vip_index.md\":\"f62eae5f\",\"self_index.md\":\"14fbb7f0\",\"works_contribution.md\":\"0f41b166\",\"works_opensource.md\":\"b72a0c8f\",\"project_clipboardmanager_index.md\":\"46f2497e\",\"project_smartwordbreak_index.md\":\"f7a595a8\",\"project_smartwordbreak_log_index.md\":\"ccf1a9f3\",\"project_smartwordbreak_statement_index.md\":\"10a640fa\",\"note_css.md\":\"b9debaa3\",\"note_front-end engineering.md\":\"d746705a\",\"note_javascriptenhanced.md\":\"d712b1c2\",\"project_clipboardmanager_guide_index.md\":\"86be52bf\"}")</script>
|
||||
<span class="line"><span style="color:#A6ACCD;"></span></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></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/一文读懂函数中this指向问题.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:51:22.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E4%B8%80%E6%96%87%E8%AF%BB%E6%87%82%E4%BC%AA%E7%B1%BB%E4%B8%8E%E4%BC%AA%E5%85%83%E7%B4%A0.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>一文读懂伪类与伪元素</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E4%BB%8E0%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E5%B9%B4%E5%BA%A6%E6%8A%A5%E5%91%8A.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>从0实现一个年度报告</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_深入理解浏览器缓存机制.md\":\"410c3c02\",\"article_一文读懂伪类与伪元素.md\":\"82b8d3c2\",\"note_javascript.md\":\"4d94e456\",\"note_front-end engineering.md\":\"71c81a43\",\"article_一文读懂事件冒泡与事件捕获.md\":\"cb0a3858\",\"index.md\":\"757c828f\",\"article_一文读懂函数中this指向问题.md\":\"e879994e\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"d686afc6\",\"article_深入理解浏览器运行原理.md\":\"212c05eb\",\"project_clipboardmanager_index.md\":\"c0fb1bf7\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"157c1f15\",\"project_smartwordbreak_statement_index.md\":\"9758b409\",\"project_clipboardmanager_log_index.md\":\"8ea45ab6\",\"article_从0实现一个年度报告.md\":\"d47ecc65\",\"project_smartwordbreak_log_index.md\":\"b2b3fae3\",\"self_index.md\":\"81cb1fc3\",\"works_contribution.md\":\"2e80244c\",\"project_clipboardmanager_guide_index.md\":\"e125072c\",\"note_css.md\":\"322178e6\",\"project_smartwordbreak_index.md\":\"7a47faee\",\"works_opensource.md\":\"adeb7609\",\"article_深入理解proxy与reflect.md\":\"25325fc1\",\"project_clipboardmanager_vip_index.md\":\"8489c036\",\"project_clipboardmanager_statement_index.md\":\"71e82cec\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"07a5bccd\",\"note_javascriptenhanced.md\":\"76e31f3a\"}")</script>
|
||||
<script type="module" async src="/assets/app.94d5b31a.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -7,7 +7,7 @@
|
||||
<meta name="description" content="Unlimited Progress.">
|
||||
<link rel="preload stylesheet" href="/assets/style.6d715206.css" as="style">
|
||||
<link rel="modulepreload" href="/assets/app.94d5b31a.js">
|
||||
<link rel="modulepreload" href="/assets/article_彻底搞懂对象的数据属性描述符、存储属性描述符.md.99f56f49.lean.js">
|
||||
<link rel="modulepreload" href="/assets/article_彻底搞懂对象的数据属性描述符、存储属性描述符.md.d686afc6.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>
|
||||
@@ -85,8 +85,8 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">function</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">foo</span><span style="color:#89DDFF;">()</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">resetted address value once</span><span style="color:#89DDFF;">"</span><span style="color:#F07178;">)</span></span>
|
||||
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</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></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/彻底搞懂对象的数据属性描述符、存储属性描述符.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:10:24.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E4%BB%8E0%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E5%B9%B4%E5%BA%A6%E6%8A%A5%E5%91%8A.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>从0实现一个年度报告</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E6%B7%B1%E5%85%A5Vue3%E6%BA%90%E7%A0%81%EF%BC%8C%E7%9C%8B%E7%9C%8BVue.use%E5%90%8E%E7%A9%B6%E7%AB%9F%E5%8F%91%E7%94%9F%E4%BA%86%E4%BB%80%E4%B9%88%EF%BC%9F.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>深入Vue3源码，看看Vue.use后究竟发生了什么？</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"9ce4282e\",\"article_一文读懂伪类与伪元素.md\":\"95b52fdc\",\"article_一文读懂函数中this指向问题.md\":\"f2a3ec56\",\"article_一文读懂事件冒泡与事件捕获.md\":\"a5b9e203\",\"article_深入理解proxy与reflect.md\":\"d1bedded\",\"article_深入理解浏览器缓存机制.md\":\"82398ca9\",\"index.md\":\"3db2973d\",\"article_深入理解浏览器运行原理.md\":\"4e8f056e\",\"article_从0实现一个年度报告.md\":\"b4f5b104\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"99f56f49\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"3441672f\",\"note_javascript.md\":\"5fe50ecd\",\"project_clipboardmanager_log_index.md\":\"7da5b9f7\",\"project_clipboardmanager_statement_index.md\":\"9fc2261a\",\"project_clipboardmanager_vip_index.md\":\"f62eae5f\",\"self_index.md\":\"14fbb7f0\",\"works_contribution.md\":\"0f41b166\",\"works_opensource.md\":\"b72a0c8f\",\"project_clipboardmanager_index.md\":\"46f2497e\",\"project_smartwordbreak_index.md\":\"f7a595a8\",\"project_smartwordbreak_log_index.md\":\"ccf1a9f3\",\"project_smartwordbreak_statement_index.md\":\"10a640fa\",\"note_css.md\":\"b9debaa3\",\"note_front-end engineering.md\":\"d746705a\",\"note_javascriptenhanced.md\":\"d712b1c2\",\"project_clipboardmanager_guide_index.md\":\"86be52bf\"}")</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></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/彻底搞懂对象的数据属性描述符、存储属性描述符.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:51:22.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E4%BB%8E0%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E5%B9%B4%E5%BA%A6%E6%8A%A5%E5%91%8A.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>从0实现一个年度报告</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E6%B7%B1%E5%85%A5Vue3%E6%BA%90%E7%A0%81%EF%BC%8C%E7%9C%8B%E7%9C%8BVue.use%E5%90%8E%E7%A9%B6%E7%AB%9F%E5%8F%91%E7%94%9F%E4%BA%86%E4%BB%80%E4%B9%88%EF%BC%9F.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>深入Vue3源码，看看Vue.use后究竟发生了什么？</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_深入理解浏览器缓存机制.md\":\"410c3c02\",\"article_一文读懂伪类与伪元素.md\":\"82b8d3c2\",\"note_javascript.md\":\"4d94e456\",\"note_front-end engineering.md\":\"71c81a43\",\"article_一文读懂事件冒泡与事件捕获.md\":\"cb0a3858\",\"index.md\":\"757c828f\",\"article_一文读懂函数中this指向问题.md\":\"e879994e\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"d686afc6\",\"article_深入理解浏览器运行原理.md\":\"212c05eb\",\"project_clipboardmanager_index.md\":\"c0fb1bf7\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"157c1f15\",\"project_smartwordbreak_statement_index.md\":\"9758b409\",\"project_clipboardmanager_log_index.md\":\"8ea45ab6\",\"article_从0实现一个年度报告.md\":\"d47ecc65\",\"project_smartwordbreak_log_index.md\":\"b2b3fae3\",\"self_index.md\":\"81cb1fc3\",\"works_contribution.md\":\"2e80244c\",\"project_clipboardmanager_guide_index.md\":\"e125072c\",\"note_css.md\":\"322178e6\",\"project_smartwordbreak_index.md\":\"7a47faee\",\"works_opensource.md\":\"adeb7609\",\"article_深入理解proxy与reflect.md\":\"25325fc1\",\"project_clipboardmanager_vip_index.md\":\"8489c036\",\"project_clipboardmanager_statement_index.md\":\"71e82cec\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"07a5bccd\",\"note_javascriptenhanced.md\":\"76e31f3a\"}")</script>
|
||||
<script type="module" async src="/assets/app.94d5b31a.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<meta name="description" content="Unlimited Progress.">
|
||||
<link rel="preload stylesheet" href="/assets/style.6d715206.css" as="style">
|
||||
<link rel="modulepreload" href="/assets/app.94d5b31a.js">
|
||||
<link rel="modulepreload" href="/assets/article_深入Vue3源码，看看Vue.use后究竟发生了什么？.md.3441672f.lean.js">
|
||||
<link rel="modulepreload" href="/assets/article_深入Vue3源码，看看Vue.use后究竟发生了什么？.md.07a5bccd.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>
|
||||
@@ -119,8 +119,8 @@
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> app </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">createApp</span><span style="color:#A6ACCD;">(App)</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">use</span><span style="color:#A6ACCD;">(registerElement)</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">app</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">mount</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">#app</span><span style="color:#89DDFF;">'</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></div></div><p>当有新的需要使用的组件时，只需要到<code>register-element.ts</code>文件中引入一次即可。</p><h2 id="参考阅读" tabindex="-1">参考阅读 <a class="header-anchor" href="#参考阅读" aria-hidden="true">#</a></h2><p><a href="https://vuejs.org/api/application.html#app-use" target="_blank" rel="noreferrer">Vue文档: App.use</a></p><p><a href="https://vuejs.org/guide/reusability/plugins.html" target="_blank" rel="noreferrer">Vue文档: Plugins</a></p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/深入Vue3源码，看看Vue.use后究竟发生了什么？.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:10:24.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E5%BD%BB%E5%BA%95%E6%90%9E%E6%87%82%E5%AF%B9%E8%B1%A1%E7%9A%84%E6%95%B0%E6%8D%AE%E5%B1%9E%E6%80%A7%E6%8F%8F%E8%BF%B0%E7%AC%A6%E3%80%81%E5%AD%98%E5%82%A8%E5%B1%9E%E6%80%A7%E6%8F%8F%E8%BF%B0%E7%AC%A6.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>彻底搞懂对象的数据属性描述符、存储属性描述符</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3Proxy%E4%B8%8EReflect.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>深入理解Proxy与Reflect</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"9ce4282e\",\"article_一文读懂伪类与伪元素.md\":\"95b52fdc\",\"article_一文读懂函数中this指向问题.md\":\"f2a3ec56\",\"article_一文读懂事件冒泡与事件捕获.md\":\"a5b9e203\",\"article_深入理解proxy与reflect.md\":\"d1bedded\",\"article_深入理解浏览器缓存机制.md\":\"82398ca9\",\"index.md\":\"3db2973d\",\"article_深入理解浏览器运行原理.md\":\"4e8f056e\",\"article_从0实现一个年度报告.md\":\"b4f5b104\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"99f56f49\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"3441672f\",\"note_javascript.md\":\"5fe50ecd\",\"project_clipboardmanager_log_index.md\":\"7da5b9f7\",\"project_clipboardmanager_statement_index.md\":\"9fc2261a\",\"project_clipboardmanager_vip_index.md\":\"f62eae5f\",\"self_index.md\":\"14fbb7f0\",\"works_contribution.md\":\"0f41b166\",\"works_opensource.md\":\"b72a0c8f\",\"project_clipboardmanager_index.md\":\"46f2497e\",\"project_smartwordbreak_index.md\":\"f7a595a8\",\"project_smartwordbreak_log_index.md\":\"ccf1a9f3\",\"project_smartwordbreak_statement_index.md\":\"10a640fa\",\"note_css.md\":\"b9debaa3\",\"note_front-end engineering.md\":\"d746705a\",\"note_javascriptenhanced.md\":\"d712b1c2\",\"project_clipboardmanager_guide_index.md\":\"86be52bf\"}")</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></div></div><p>当有新的需要使用的组件时，只需要到<code>register-element.ts</code>文件中引入一次即可。</p><h2 id="参考阅读" tabindex="-1">参考阅读 <a class="header-anchor" href="#参考阅读" aria-hidden="true">#</a></h2><p><a href="https://vuejs.org/api/application.html#app-use" target="_blank" rel="noreferrer">Vue文档: App.use</a></p><p><a href="https://vuejs.org/guide/reusability/plugins.html" target="_blank" rel="noreferrer">Vue文档: Plugins</a></p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/深入Vue3源码，看看Vue.use后究竟发生了什么？.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:51:22.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E5%BD%BB%E5%BA%95%E6%90%9E%E6%87%82%E5%AF%B9%E8%B1%A1%E7%9A%84%E6%95%B0%E6%8D%AE%E5%B1%9E%E6%80%A7%E6%8F%8F%E8%BF%B0%E7%AC%A6%E3%80%81%E5%AD%98%E5%82%A8%E5%B1%9E%E6%80%A7%E6%8F%8F%E8%BF%B0%E7%AC%A6.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>彻底搞懂对象的数据属性描述符、存储属性描述符</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3Proxy%E4%B8%8EReflect.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>深入理解Proxy与Reflect</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_深入理解浏览器缓存机制.md\":\"410c3c02\",\"article_一文读懂伪类与伪元素.md\":\"82b8d3c2\",\"note_javascript.md\":\"4d94e456\",\"note_front-end engineering.md\":\"71c81a43\",\"article_一文读懂事件冒泡与事件捕获.md\":\"cb0a3858\",\"index.md\":\"757c828f\",\"article_一文读懂函数中this指向问题.md\":\"e879994e\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"d686afc6\",\"article_深入理解浏览器运行原理.md\":\"212c05eb\",\"project_clipboardmanager_index.md\":\"c0fb1bf7\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"157c1f15\",\"project_smartwordbreak_statement_index.md\":\"9758b409\",\"project_clipboardmanager_log_index.md\":\"8ea45ab6\",\"article_从0实现一个年度报告.md\":\"d47ecc65\",\"project_smartwordbreak_log_index.md\":\"b2b3fae3\",\"self_index.md\":\"81cb1fc3\",\"works_contribution.md\":\"2e80244c\",\"project_clipboardmanager_guide_index.md\":\"e125072c\",\"note_css.md\":\"322178e6\",\"project_smartwordbreak_index.md\":\"7a47faee\",\"works_opensource.md\":\"adeb7609\",\"article_深入理解proxy与reflect.md\":\"25325fc1\",\"project_clipboardmanager_vip_index.md\":\"8489c036\",\"project_clipboardmanager_statement_index.md\":\"71e82cec\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"07a5bccd\",\"note_javascriptenhanced.md\":\"76e31f3a\"}")</script>
|
||||
<script type="module" async src="/assets/app.94d5b31a.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<meta name="description" content="Unlimited Progress.">
|
||||
<link rel="preload stylesheet" href="/assets/style.6d715206.css" as="style">
|
||||
<link rel="modulepreload" href="/assets/app.94d5b31a.js">
|
||||
<link rel="modulepreload" href="/assets/article_深入理解Proxy与Reflect.md.d1bedded.lean.js">
|
||||
<link rel="modulepreload" href="/assets/article_深入理解Proxy与Reflect.md.25325fc1.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>
|
||||
@@ -171,8 +171,8 @@
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> stu </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> Reflect</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">construct</span><span style="color:#A6ACCD;">(Person</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">'</span><span style="color:#C3E88D;">ziu</span><span style="color:#89DDFF;">'</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">18</span><span style="color:#A6ACCD;">]</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> Student)</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;">(stu)</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></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/深入理解Proxy与Reflect.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:10:24.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E6%B7%B1%E5%85%A5Vue3%E6%BA%90%E7%A0%81%EF%BC%8C%E7%9C%8B%E7%9C%8BVue.use%E5%90%8E%E7%A9%B6%E7%AB%9F%E5%8F%91%E7%94%9F%E4%BA%86%E4%BB%80%E4%B9%88%EF%BC%9F.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>深入Vue3源码，看看Vue.use后究竟发生了什么？</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E7%BC%93%E5%AD%98%E6%9C%BA%E5%88%B6.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>深入理解浏览器缓存机制</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"9ce4282e\",\"article_一文读懂伪类与伪元素.md\":\"95b52fdc\",\"article_一文读懂函数中this指向问题.md\":\"f2a3ec56\",\"article_一文读懂事件冒泡与事件捕获.md\":\"a5b9e203\",\"article_深入理解proxy与reflect.md\":\"d1bedded\",\"article_深入理解浏览器缓存机制.md\":\"82398ca9\",\"index.md\":\"3db2973d\",\"article_深入理解浏览器运行原理.md\":\"4e8f056e\",\"article_从0实现一个年度报告.md\":\"b4f5b104\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"99f56f49\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"3441672f\",\"note_javascript.md\":\"5fe50ecd\",\"project_clipboardmanager_log_index.md\":\"7da5b9f7\",\"project_clipboardmanager_statement_index.md\":\"9fc2261a\",\"project_clipboardmanager_vip_index.md\":\"f62eae5f\",\"self_index.md\":\"14fbb7f0\",\"works_contribution.md\":\"0f41b166\",\"works_opensource.md\":\"b72a0c8f\",\"project_clipboardmanager_index.md\":\"46f2497e\",\"project_smartwordbreak_index.md\":\"f7a595a8\",\"project_smartwordbreak_log_index.md\":\"ccf1a9f3\",\"project_smartwordbreak_statement_index.md\":\"10a640fa\",\"note_css.md\":\"b9debaa3\",\"note_front-end engineering.md\":\"d746705a\",\"note_javascriptenhanced.md\":\"d712b1c2\",\"project_clipboardmanager_guide_index.md\":\"86be52bf\"}")</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></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/深入理解Proxy与Reflect.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:51:22.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E6%B7%B1%E5%85%A5Vue3%E6%BA%90%E7%A0%81%EF%BC%8C%E7%9C%8B%E7%9C%8BVue.use%E5%90%8E%E7%A9%B6%E7%AB%9F%E5%8F%91%E7%94%9F%E4%BA%86%E4%BB%80%E4%B9%88%EF%BC%9F.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>深入Vue3源码，看看Vue.use后究竟发生了什么？</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/article/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E7%BC%93%E5%AD%98%E6%9C%BA%E5%88%B6.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>深入理解浏览器缓存机制</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_深入理解浏览器缓存机制.md\":\"410c3c02\",\"article_一文读懂伪类与伪元素.md\":\"82b8d3c2\",\"note_javascript.md\":\"4d94e456\",\"note_front-end engineering.md\":\"71c81a43\",\"article_一文读懂事件冒泡与事件捕获.md\":\"cb0a3858\",\"index.md\":\"757c828f\",\"article_一文读懂函数中this指向问题.md\":\"e879994e\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"d686afc6\",\"article_深入理解浏览器运行原理.md\":\"212c05eb\",\"project_clipboardmanager_index.md\":\"c0fb1bf7\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"157c1f15\",\"project_smartwordbreak_statement_index.md\":\"9758b409\",\"project_clipboardmanager_log_index.md\":\"8ea45ab6\",\"article_从0实现一个年度报告.md\":\"d47ecc65\",\"project_smartwordbreak_log_index.md\":\"b2b3fae3\",\"self_index.md\":\"81cb1fc3\",\"works_contribution.md\":\"2e80244c\",\"project_clipboardmanager_guide_index.md\":\"e125072c\",\"note_css.md\":\"322178e6\",\"project_smartwordbreak_index.md\":\"7a47faee\",\"works_opensource.md\":\"adeb7609\",\"article_深入理解proxy与reflect.md\":\"25325fc1\",\"project_clipboardmanager_vip_index.md\":\"8489c036\",\"project_clipboardmanager_statement_index.md\":\"71e82cec\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"07a5bccd\",\"note_javascriptenhanced.md\":\"76e31f3a\"}")</script>
|
||||
<script type="module" async src="/assets/app.94d5b31a.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -7,7 +7,7 @@
|
||||
<meta name="description" content="Unlimited Progress.">
|
||||
<link rel="preload stylesheet" href="/assets/style.6d715206.css" as="style">
|
||||
<link rel="modulepreload" href="/assets/app.94d5b31a.js">
|
||||
<link rel="modulepreload" href="/assets/article_深入理解浏览器运行原理.md.4e8f056e.lean.js">
|
||||
<link rel="modulepreload" href="/assets/article_深入理解浏览器运行原理.md.212c05eb.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>
|
||||
@@ -73,8 +73,8 @@
|
||||
<span class="line"><span style="color:#A6ACCD;"></span></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></div></div><p>上述代码在控制台的输出为：</p><div class="language- line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">script enter</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">defer script enter</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;">DOMContentLoaded enter</span></span>
|
||||
<span class="line"><span style="color:#A6ACCD;"></span></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><ul><li>多个带<code>defer</code>的脚本也是按照自上至下的顺序执行的</li><li>从某种角度来说，<code>defer</code>可以提高页面的性能，并且推荐放到<code>head</code>元素中</li><li>注意：<code>defer</code>仅适用于外部脚本，对于<code>script</code>标签内编写的默认<code>JS</code>代码会被忽略掉</li></ul><h2 id="async属性" tabindex="-1">async属性 <a class="header-anchor" href="#async属性" aria-hidden="true">#</a></h2><p><code>async</code>属性也可以做到：让脚本异步加载而不阻塞DOM树的构建，它与<code>defer</code>的区别：</p><ul><li>用<code>async</code>标记的脚本是<strong>完全独立</strong>的</li><li><code>async</code>脚本不能保证执行顺序，因为它是独立下载、独立运行，不会等待其他脚本</li><li>使用<code>async</code>标记的脚本不会保证它将在<code>DOMContentLoaded</code>之前或之后被执行</li></ul><p>要使用<code>async</code>属性标记的<code>script</code>操作DOM，必须在其中使用<code>DOMContentLoaded</code>监听器的回调函数，在该事件触发（DOM树构建完毕）后，执行相应的回调函数</p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/深入理解浏览器运行原理.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:10:24.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E7%BC%93%E5%AD%98%E6%9C%BA%E5%88%B6.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>深入理解浏览器缓存机制</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/note/JavaScript.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>JavaScript基础</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"9ce4282e\",\"article_一文读懂伪类与伪元素.md\":\"95b52fdc\",\"article_一文读懂函数中this指向问题.md\":\"f2a3ec56\",\"article_一文读懂事件冒泡与事件捕获.md\":\"a5b9e203\",\"article_深入理解proxy与reflect.md\":\"d1bedded\",\"article_深入理解浏览器缓存机制.md\":\"82398ca9\",\"index.md\":\"3db2973d\",\"article_深入理解浏览器运行原理.md\":\"4e8f056e\",\"article_从0实现一个年度报告.md\":\"b4f5b104\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"99f56f49\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"3441672f\",\"note_javascript.md\":\"5fe50ecd\",\"project_clipboardmanager_log_index.md\":\"7da5b9f7\",\"project_clipboardmanager_statement_index.md\":\"9fc2261a\",\"project_clipboardmanager_vip_index.md\":\"f62eae5f\",\"self_index.md\":\"14fbb7f0\",\"works_contribution.md\":\"0f41b166\",\"works_opensource.md\":\"b72a0c8f\",\"project_clipboardmanager_index.md\":\"46f2497e\",\"project_smartwordbreak_index.md\":\"f7a595a8\",\"project_smartwordbreak_log_index.md\":\"ccf1a9f3\",\"project_smartwordbreak_statement_index.md\":\"10a640fa\",\"note_css.md\":\"b9debaa3\",\"note_front-end engineering.md\":\"d746705a\",\"note_javascriptenhanced.md\":\"d712b1c2\",\"project_clipboardmanager_guide_index.md\":\"86be52bf\"}")</script>
|
||||
<span class="line"><span style="color:#A6ACCD;"></span></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><ul><li>多个带<code>defer</code>的脚本也是按照自上至下的顺序执行的</li><li>从某种角度来说，<code>defer</code>可以提高页面的性能，并且推荐放到<code>head</code>元素中</li><li>注意：<code>defer</code>仅适用于外部脚本，对于<code>script</code>标签内编写的默认<code>JS</code>代码会被忽略掉</li></ul><h2 id="async属性" tabindex="-1">async属性 <a class="header-anchor" href="#async属性" aria-hidden="true">#</a></h2><p><code>async</code>属性也可以做到：让脚本异步加载而不阻塞DOM树的构建，它与<code>defer</code>的区别：</p><ul><li>用<code>async</code>标记的脚本是<strong>完全独立</strong>的</li><li><code>async</code>脚本不能保证执行顺序，因为它是独立下载、独立运行，不会等待其他脚本</li><li>使用<code>async</code>标记的脚本不会保证它将在<code>DOMContentLoaded</code>之前或之后被执行</li></ul><p>要使用<code>async</code>属性标记的<code>script</code>操作DOM，必须在其中使用<code>DOMContentLoaded</code>监听器的回调函数，在该事件触发（DOM树构建完毕）后，执行相应的回调函数</p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-e32ad3fb data-v-26128c3c><div class="edit-info" data-v-26128c3c><div class="edit-link" data-v-26128c3c><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/article/深入理解浏览器运行原理.md" target="_blank" rel="noreferrer" data-v-26128c3c data-v-857b9044><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-26128c3c><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-26128c3c><p class="VPLastUpdated" data-v-26128c3c data-v-a6a422eb>Updated Date: <time datetime="2023-02-10T11:51:22.000Z" data-v-a6a422eb></time></p></div></div><div class="prev-next" data-v-26128c3c><div class="pager" data-v-26128c3c><a class="pager-link prev" href="/article/%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E7%BC%93%E5%AD%98%E6%9C%BA%E5%88%B6.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Previous page</span><span class="title" data-v-26128c3c>深入理解浏览器缓存机制</span></a></div><div class="has-prev pager" data-v-26128c3c><a class="pager-link next" href="/note/JavaScript.html" data-v-26128c3c><span class="desc" data-v-26128c3c>Next page</span><span class="title" data-v-26128c3c>JavaScript基础</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-23299678 data-v-bfc7af0b><div class="container" data-v-bfc7af0b><p class="message" data-v-bfc7af0b>Released under the MIT License.</p><p class="copyright" data-v-bfc7af0b>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
|
||||
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_深入理解浏览器缓存机制.md\":\"410c3c02\",\"article_一文读懂伪类与伪元素.md\":\"82b8d3c2\",\"note_javascript.md\":\"4d94e456\",\"note_front-end engineering.md\":\"71c81a43\",\"article_一文读懂事件冒泡与事件捕获.md\":\"cb0a3858\",\"index.md\":\"757c828f\",\"article_一文读懂函数中this指向问题.md\":\"e879994e\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"d686afc6\",\"article_深入理解浏览器运行原理.md\":\"212c05eb\",\"project_clipboardmanager_index.md\":\"c0fb1bf7\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"157c1f15\",\"project_smartwordbreak_statement_index.md\":\"9758b409\",\"project_clipboardmanager_log_index.md\":\"8ea45ab6\",\"article_从0实现一个年度报告.md\":\"d47ecc65\",\"project_smartwordbreak_log_index.md\":\"b2b3fae3\",\"self_index.md\":\"81cb1fc3\",\"works_contribution.md\":\"2e80244c\",\"project_clipboardmanager_guide_index.md\":\"e125072c\",\"note_css.md\":\"322178e6\",\"project_smartwordbreak_index.md\":\"7a47faee\",\"works_opensource.md\":\"adeb7609\",\"article_深入理解proxy与reflect.md\":\"25325fc1\",\"project_clipboardmanager_vip_index.md\":\"8489c036\",\"project_clipboardmanager_statement_index.md\":\"71e82cec\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"07a5bccd\",\"note_javascriptenhanced.md\":\"76e31f3a\"}")</script>
|
||||
<script type="module" async src="/assets/app.94d5b31a.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user