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

2026-06-17 06:27:36 +08:00 · 2023-02-24 07:12:38 +00:00
parent 2cdd12108b
commit 5bf521cd4c
100 changed files with 177 additions and 177 deletions
@@ -8,7 +8,7 @@
    <link rel="preload stylesheet" href="/assets/style.60c127af.css" as="style">
    <link rel="modulepreload" href="/assets/chunks/VPAlgoliaSearchBox.b1927508.js">
    <link rel="modulepreload" href="/assets/app.33820b61.js">
-    <link rel="modulepreload" href="/assets/article_【字节跳动】前端面试题总结.md.419555aa.lean.js">
+    <link rel="modulepreload" href="/assets/article_【字节跳动】前端面试题总结.md.0acccd9c.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>
@@ -55,8 +55,8 @@
 <span class="line"><span style="color:#A6ACCD;">false</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></div></div><h2 id="问答题" tabindex="-1">问答题 <a class="header-anchor" href="#问答题" aria-hidden="true">#</a></h2><h3 id="http缓存的请求头与响应头有哪些" tabindex="-1">HTTP缓存的请求头与响应头有哪些 <a class="header-anchor" href="#http缓存的请求头与响应头有哪些" aria-hidden="true">#</a></h3><ul><li>强制缓存 <ul><li>响应头: Expires 与 Cache-Control</li><li>Expires 绝对时间</li><li>Cache-Control 相对时间</li></ul></li><li>协商缓存 <ul><li>响应头: Etag 请求头: If-Non-Match</li><li>响应头: Last-Modified 请求头: If-Modified-Since</li></ul></li></ul><h3 id="宏任务与微任务有哪些区别-简述他们的应用场景" tabindex="-1">宏任务与微任务有哪些区别？简述他们的应用场景 <a class="header-anchor" href="#宏任务与微任务有哪些区别-简述他们的应用场景" aria-hidden="true">#</a></h3><p>宏任务与微任务优先级不同</p><ul><li>先执行同步代码，后执行异步代码</li><li>主线程代码执行完毕后，检查微任务队列是否为空，非空则优先执行微任务</li><li>每次执行宏任务之前，都会检查微任务队列是否为空，非空则优先执行微任务</li></ul><p>常见的宏任务与微任务</p><ul><li>宏任务 <code>script</code> <code>setTimeout</code> <code>setInterval</code> <code>postMessage</code> <code>MessageChannel</code> <code>setImmediate (NodeJS)</code></li><li>微任务 <code>Promise.then</code> <code>Object.observe</code> <code>MutationObserver</code> <code>process.nextTick (NodeJS)</code></li></ul><h2 id="算法" tabindex="-1">算法 <a class="header-anchor" href="#算法" aria-hidden="true">#</a></h2><p>中文数字转为阿拉伯数字</p><p>给定一个字符串，返回该字符串的所有组合</p><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:#A6ACCD;">输入 abc </span></span>
 <span class="line"><span style="color:#A6ACCD;">输出 [</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">abc</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">acb</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">bac</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">bca</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">cab</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">cba</span><span style="color:#89DDFF;">&#39;</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></div></div><p>回溯算法</p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-30dabfe4 data-v-cc0f9778><div class="edit-info" data-v-cc0f9778><div class="edit-link" data-v-cc0f9778><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-cc0f9778 data-v-8dd200cc><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-cc0f9778><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-cc0f9778><p class="VPLastUpdated" data-v-cc0f9778 data-v-de6a4e1f>Updated Date: <time datetime="2023-02-24T03:49:00.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="/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-cc0f9778><span class="desc" data-v-cc0f9778>Previous page</span><span class="title" data-v-cc0f9778>【2023】青训营 - 前端练习题汇总解析</span></a></div><div class="has-prev pager" data-v-cc0f9778><a class="pager-link next" href="/article/%E3%80%90%E5%BF%AB%E6%89%8B%E3%80%91%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98.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_一文读懂函数中this指向问题.md\":\"d46efa76\",\"article_一文读懂事件冒泡与事件捕获.md\":\"8895f32c\",\"article_【用友金融】前端面试题总结.md\":\"ed66e2c8\",\"article_【字节跳动】前端面试题总结.md\":\"419555aa\",\"article_一文读懂伪类与伪元素.md\":\"b3bcd24f\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"f4dc5634\",\"article_【快手】深入理解前端面试题.md\":\"e46de355\",\"article_深入理解浏览器运行原理.md\":\"596c5cf5\",\"note_javascript.md\":\"48f2f9b4\",\"article_深入javascript数据类型.md\":\"a6bc455e\",\"article_深入理解浏览器缓存机制.md\":\"0884b15c\",\"index.md\":\"f206d004\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"5fb158ef\",\"article_深入理解proxy与reflect.md\":\"6bdee134\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"aac74a81\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"ecf08a25\",\"article_从0实现一个年度报告.md\":\"37127957\",\"project_clipboardmanager_guide_index.md\":\"7adc4ca7\",\"project_clipboardmanager_index.md\":\"d75b08d3\",\"project_clipboardmanager_log_index.md\":\"26bd46fc\",\"project_smartwordbreak_index.md\":\"4fb0240d\",\"project_smartwordbreak_log_index.md\":\"cbb29048\",\"project_smartwordbreak_statement_index.md\":\"dd9b715b\",\"self_index.md\":\"d24a5b94\",\"note_front-end engineering.md\":\"4da32bdf\",\"project_clipboardmanager_vip_index.md\":\"4c843efb\",\"note_ssr.md\":\"5de79cf2\",\"works_contribution.md\":\"8770cfae\",\"project_clipboardmanager_statement_index.md\":\"027911b1\",\"note_css.md\":\"0bff5949\",\"works_opensource.md\":\"8f8bf059\",\"note_javascriptenhanced.md\":\"8656cc9f\"}")</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></div></div><p>回溯算法</p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-30dabfe4 data-v-cc0f9778><div class="edit-info" data-v-cc0f9778><div class="edit-link" data-v-cc0f9778><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-cc0f9778 data-v-8dd200cc><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-cc0f9778><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-cc0f9778><p class="VPLastUpdated" data-v-cc0f9778 data-v-de6a4e1f>Updated Date: <time datetime="2023-02-24T07:11:33.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="/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-cc0f9778><span class="desc" data-v-cc0f9778>Previous page</span><span class="title" data-v-cc0f9778>【2023】青训营 - 前端练习题汇总解析</span></a></div><div class="has-prev pager" data-v-cc0f9778><a class="pager-link next" href="/article/%E3%80%90%E5%BF%AB%E6%89%8B%E3%80%91%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98.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("{\"project_clipboardmanager_guide_index.md\":\"c9f4b1c8\",\"project_clipboardmanager_index.md\":\"21a998a0\",\"project_clipboardmanager_log_index.md\":\"57d1d7ff\",\"project_clipboardmanager_statement_index.md\":\"634392a0\",\"project_smartwordbreak_index.md\":\"071f634a\",\"project_smartwordbreak_log_index.md\":\"66768597\",\"works_opensource.md\":\"88483824\",\"index.md\":\"bee78091\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"f107a03f\",\"note_ssr.md\":\"049db762\",\"note_javascript.md\":\"3483c923\",\"article_【字节跳动】前端面试题总结.md\":\"0acccd9c\",\"article_一文读懂事件冒泡与事件捕获.md\":\"93023ed7\",\"article_一文读懂伪类与伪元素.md\":\"52ff5f67\",\"article_一文读懂函数中this指向问题.md\":\"dac6ca4f\",\"article_从0实现一个年度报告.md\":\"e9956949\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"3b614adf\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"cf117fc2\",\"article_深入javascript数据类型.md\":\"2ad1a344\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"e142cd6e\",\"article_深入理解proxy与reflect.md\":\"ab5df358\",\"article_深入理解浏览器缓存机制.md\":\"089e3558\",\"article_深入理解浏览器运行原理.md\":\"344f9c98\",\"note_front-end engineering.md\":\"f8c649fc\",\"project_clipboardmanager_vip_index.md\":\"82177986\",\"project_smartwordbreak_statement_index.md\":\"dbd4b4e0\",\"self_index.md\":\"c237c253\",\"works_contribution.md\":\"fa9863bb\",\"note_css.md\":\"9c918604\",\"article_【用友金融】前端面试题总结.md\":\"029885d0\",\"article_【快手】深入理解前端面试题.md\":\"106767f4\",\"note_javascriptenhanced.md\":\"15b5c3b1\"}")</script>
    <script type="module" async src="/assets/app.33820b61.js"></script>
    
  </body>