ZiuChen.github.io/index.html

23 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>主页 | ZiuChen</title>
<meta name="description" content="Unlimited Progress.">
<link rel="preload stylesheet" href="/assets/style.b69f70e9.css" as="style">
<script type="module" src="/assets/app.eea480b6.js"></script>
<link rel="preload" href="/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="modulepreload" href="/assets/chunks/framework.04e6e156.js">
<link rel="modulepreload" href="/assets/chunks/theme.7bc9f650.js">
<link rel="modulepreload" href="/assets/index.md.66576f3d.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>
</head>
<body>
<div id="app"><div class="Layout" data-v-4b282efc><!--[--><!--]--><!--[--><span tabindex="-1" data-v-00655710></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-00655710> Skip to content </a><!--]--><!----><header class="VPNav" data-v-4b282efc data-v-b8dbfa09><div class="VPNavBar top" data-v-b8dbfa09 data-v-71598bd1><div class="container" data-v-71598bd1><div class="title" data-v-71598bd1><div class="VPNavBarTitle" data-v-71598bd1 data-v-e2c066d7><a class="title" href="/" data-v-e2c066d7><!--[--><!--]--><!--[--><img class="VPImage logo" src="/logo.png" alt data-v-54edbd2c><!--]--><!--[-->ZiuChen<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-71598bd1><div class="curtain" data-v-71598bd1></div><div class="content-body" data-v-71598bd1><!--[--><!--]--><div class="VPNavBarSearch search" style="--vp-meta-key:&#39;Meta&#39;;" data-v-71598bd1><!--[--><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg class="DocSearch-Search-Icon" width="20" height="20" viewBox="0 0 20 20" aria-label="search icon"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-71598bd1 data-v-f61419d1><span id="main-nav-aria-label" class="visually-hidden" data-v-f61419d1>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/" tabindex="0" data-v-f61419d1 data-v-edc8ffb5><!--[--><span data-v-edc8ffb5>首页</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-f61419d1 data-v-b78a363e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-b78a363e><span class="text" data-v-b78a363e><!----><span data-v-b78a363e>我的项目</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-b78a363e><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-b78a363e><div class="VPMenu" data-v-b78a363e data-v-d9074996><div class="items" data-v-d9074996><!--[--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/project/ClipboardManager/" data-v-86ae66db><!--[-->超级剪贴板<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/project/Markdown/" data-v-86ae66db><!--[-->超级Markdown<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/project/JSRunner/" data-v-86ae66db><!--[-->超级JavaScript<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/project/SmartWordBreak/" data-v-86ae66db><!--[-->超级分词<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-f61419d1 data-v-b78a363e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-b78a363e><span class="text" data-v-b78a363e><!----><span data-v-b78a363e>开源作品</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-b78a363e><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-b78a363e><div class="VPMenu" data-v-b78a363e data-v-d9074996><div class="items" data-v-d9074996><!--[--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/works/opensource.html" data-v-86ae66db><!--[-->个人作品<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/works/contribution.html" data-v-86ae66db><!--[-->社区贡献<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-f61419d1 data-v-b78a363e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-b78a363e><span class="text" data-v-b78a363e><!----><span data-v-b78a363e>学习笔记</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-b78a363e><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-b78a363e><div class="VPMenu" data-v-b78a363e data-v-d9074996><div class="items" data-v-d9074996><!--[--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/note/JavaScript.html" data-v-86ae66db><!--[-->JavaScript基础<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/note/CSS.html" data-v-86ae66db><!--[-->CSS基础<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/note/JavaScriptEnhanced.html" data-v-86ae66db><!--[-->JavaScript进阶<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/note/Front-end%20Engineering.html" data-v-86ae66db><!--[-->前端工程化<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/note/SSR.html" data-v-86ae66db><!--[-->服务端渲染<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/note/React.html" data-v-86ae66db><!--[-->React基础<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/note/React%20Hooks.html" data-v-86ae66db><!--[-->React Hooks<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/note/Redux.html" data-v-86ae66db><!--[-->Redux<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/note/React%20Router.html" data-v-86ae66db><!--[-->React Router<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-d9074996 data-v-86ae66db><a class="VPLink link" href="/note/MySQL.html" data-v-86ae66db><!--[-->MySQL<!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/self/" tabindex="0" data-v-f61419d1 data-v-edc8ffb5><!--[--><span data-v-edc8ffb5>个人介绍</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-71598bd1 data-v-d8c4c1d5><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="toggle dark mode" aria-checked="false" data-v-d8c4c1d5 data-v-e96b0d8d data-v-d533ffb6><span class="check" data-v-d533ffb6><span class="icon" data-v-d533ffb6><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-e96b0d8d><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-e96b0d8d><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-71598bd1 data-v-a42cae3d data-v-3e7a91f8><!--[--><a class="VPSocialLink no-icon" href="https://github.com/ZiuChen" aria-label="github" target="_blank" rel="noopener" data-v-3e7a91f8 data-v-8e50ee86><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><a class="VPSocialLink no-icon" href="https://juejin.cn/user/1887205216238477" aria-label target="_blank" rel="noopener" data-v-3e7a91f8 data-v-8e50ee86><svg width="36" height="28" viewBox="0 0 36 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5875 6.77268L21.8232 3.40505L17.5875 0.00748237L17.5837 0L13.3555 3.39757L17.5837 6.76894L17.5875 6.77268ZM17.5863 17.3955H17.59L28.5161 8.77432L25.5526 6.39453L17.59 12.6808H17.5863L17.5825 12.6845L9.61993 6.40201L6.66016 8.78181L17.5825 17.3992L17.5863 17.3955ZM17.5828 23.2891L17.5865 23.2854L32.2133 11.7456L35.1768 14.1254L28.5238 19.3752L17.5865 28L0.284376 14.3574L0 14.1291L2.95977 11.7531L17.5828 23.2891Z" fill="#1E80FF"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-71598bd1 data-v-b3d24edf data-v-b78a363e><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-b78a363e><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-b78a363e><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-b78a363e><div class="VPMenu" data-v-b78a363e data-v-d9074996><!----><!--[--><!--[--><!----><div class="group" data-v-b3d24edf><div class="item appearance" data-v-b3d24edf><p class="label" data-v-b3d24edf>Appearance</p><div class="appearance-action" data-v-b3d24edf><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="toggle dark mode" aria-checked="false" data-v-b3d24edf data-v-e96b0d8d data-v-d533ffb6><span class="check" data-v-d533ffb6><span class="icon" data-v-d533ffb6><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-e96b0d8d><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-e96b0d8d><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><div class="group" data-v-b3d24edf><div class="item social-links" data-v-b3d24edf><div class="VPSocialLinks social-links-list" data-v-b3d24edf data-v-3e7a91f8><!--[--><a class="VPSocialLink no-icon" href="https://github.com/ZiuChen" aria-label="github" target="_blank" rel="noopener" data-v-3e7a91f8 data-v-8e50ee86><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><a class="VPSocialLink no-icon" href="https://juejin.cn/user/1887205216238477" aria-label target="_blank" rel="noopener" data-v-3e7a91f8 data-v-8e50ee86><svg width="36" height="28" viewBox="0 0 36 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5875 6.77268L21.8232 3.40505L17.5875 0.00748237L17.5837 0L13.3555 3.39757L17.5837 6.76894L17.5875 6.77268ZM17.5863 17.3955H17.59L28.5161 8.77432L25.5526 6.39453L17.59 12.6808H17.5863L17.5825 12.6845L9.61993 6.40201L6.66016 8.78181L17.5825 17.3992L17.5863 17.3955ZM17.5828 23.2891L17.5865 23.2854L32.2133 11.7456L35.1768 14.1254L28.5238 19.3752L17.5865 28L0.284376 14.3574L0 14.1291L2.95977 11.7531L17.5828 23.2891Z" fill="#1E80FF"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-71598bd1 data-v-8b0bc2db><span class="container" data-v-8b0bc2db><span class="top" data-v-8b0bc2db></span><span class="middle" data-v-8b0bc2db></span><span class="bottom" data-v-8b0bc2db></span></span></button></div></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-4b282efc data-v-3d0b81df><div class="VPHome" data-v-3d0b81df data-v-8d93a400><!--[--><!--]--><div class="VPHero VPHomeHero" data-v-8d93a400 data-v-838b7d6b><div class="container" data-v-838b7d6b><div class="main" data-v-838b7d6b><!--[--><h1 class="name" data-v-838b7d6b><span class="clip" data-v-838b7d6b>ZiuChen</span></h1><p class="text" data-v-838b7d6b>无限进步.</p><p class="tagline" data-v-838b7d6b>Infinite Progress...</p><!--]--><div class="actions" data-v-838b7d6b><!--[--><div class="action" data-v-838b7d6b><a class="VPButton medium brand" href="/self/" data-v-838b7d6b data-v-9765c7d9>Get Started</a></div><div class="action" data-v-838b7d6b><a class="VPButton medium alt" href="https://github.com/ZiuChen" target="_blank" rel="noreferrer" data-v-838b7d6b data-v-9765c7d9>View on GitHub</a></div><!--]--></div></div><!----></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-8d93a400 data-v-62df4bd3><div class="container" data-v-62df4bd3><div class="items" data-v-62df4bd3><!--[--><div class="grid-6 item" data-v-62df4bd3><div class="VPLink no-icon VPFeature" data-v-62df4bd3 data-v-16fc4546><!--[--><article class="box" data-v-16fc4546><div class="icon" data-v-16fc4546>📋</div><h2 class="title" data-v-16fc4546>Clipboard Manager</h2><p class="details" data-v-16fc4546>A Powerful clipboard management tool</p><!----></article><!--]--></div></div><div class="grid-6 item" data-v-62df4bd3><div class="VPLink no-icon VPFeature" data-v-62df4bd3 data-v-16fc4546><!--[--><article class="box" data-v-16fc4546><div class="icon" data-v-16fc4546>✍🏻</div><h2 class="title" data-v-16fc4546>Super Markdown</h2><p class="details" data-v-16fc4546>Powerful Markdown editor</p><!----></article><!--]--></div></div><div class="grid-6 item" data-v-62df4bd3><div class="VPLink no-icon VPFeature" data-v-62df4bd3 data-v-16fc4546><!--[--><article class="box" data-v-16fc4546><div class="icon" data-v-16fc4546>🚗</div><h2 class="title" data-v-16fc4546>JS Runner</h2><p class="details" data-v-16fc4546>Run JavaScript dynamicly in Browser/Node.js</p><!----></article><!--]--></div></div><div class="grid-6 item" data-v-62df4bd3><div class="VPLink no-icon VPFeature" data-v-62df4bd3 data-v-16fc4546><!--[--><article class="box" data-v-16fc4546><div class="icon" data-v-16fc4546>🔑</div><h2 class="title" data-v-16fc4546>Bytemd Plugin</h2><p class="details" data-v-16fc4546>Bytemd Plugin Library</p><!----></article><!--]--></div></div><div class="grid-6 item" data-v-62df4bd3><div class="VPLink no-icon VPFeature" data-v-62df4bd3 data-v-16fc4546><!--[--><article class="box" data-v-16fc4546><div class="icon" data-v-16fc4546>🍬</div><h2 class="title" data-v-16fc4546>ASOUL Browser Pet</h2><p class="details" data-v-16fc4546>Keep an A-SOUL member as a pet in your browser</p><!----></article><!--]--></div></div><div class="grid-6 item" data-v-62df4bd3><div class="VPLink no-icon VPFeature" data-v-62df4bd3 data-v-16fc4546><!--[--><article class="box" data-v-16fc4546><div class="icon" data-v-16fc4546>🔧</div><h2 class="title" data-v-16fc4546>Typein</h2><p class="details" data-v-16fc4546>Typein text, quickly perform browser operations</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div style="position:relative;" data-v-8d93a400><div></div></div></div></div><footer class="VPFooter" data-v-4b282efc data-v-a21bf57e><div class="container" data-v-a21bf57e><p class="message" data-v-a21bf57e>Released under the MIT License.</p><p class="copyright" data-v-a21bf57e>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
<script>window.__VP_HASH_MAP__=JSON.parse("{\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"90b0907a\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"e8ffbbae\",\"note_front-end engineering.md\":\"5cc16874\",\"article_深入vue3源码看看vue.use后究竟发生了什么.md\":\"5c11bc78\",\"article_深入javascript数据类型.md\":\"4b240089\",\"article_【快手】深入理解前端面试题.md\":\"b6a3ae9e\",\"article_深入理解浏览器缓存机制.md\":\"558fc3c1\",\"article_一文读懂伪类与伪元素.md\":\"4afd3bf2\",\"article_从0实现一个年度报告.md\":\"7a3ac7e9\",\"article_深入理解proxy与reflect.md\":\"d63fed60\",\"article_【用友金融】前端面试题总结.md\":\"d677e83d\",\"index.md\":\"66576f3d\",\"article_一文读懂事件冒泡与事件捕获.md\":\"9110df83\",\"article_【字节跳动】前端面试题总结.md\":\"ae6040f9\",\"note_react hooks.md\":\"5da4c6b5\",\"article_一文读懂函数中this指向问题.md\":\"0024c1e1\",\"article_深入理解浏览器运行原理.md\":\"2714f914\",\"note_javascript.md\":\"430d6a90\",\"note_react router.md\":\"dc42b5e2\",\"note_mysql.md\":\"8c2194c3\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"00a6f843\",\"project_markdown_index.md\":\"c2f991d0\",\"project_markdown_log_index.md\":\"e992f1fa\",\"project_markdown_shortcut_index.md\":\"f42a5d51\",\"project_smartwordbreak_index.md\":\"6f5039e3\",\"project_jsrunner_log_index.md\":\"85b03466\",\"note_css.md\":\"23ef83d0\",\"project_jsrunner_index.md\":\"8c530eed\",\"project_clipboardmanager_vip_index.md\":\"649a11f2\",\"works_opensource.md\":\"a11fa0a7\",\"works_contribution.md\":\"ea10ee3c\",\"self_index.md\":\"d3b50e64\",\"project_clipboardmanager_index.md\":\"e51a1f64\",\"project_smartwordbreak_log_index.md\":\"9733c5c6\",\"project_clipboardmanager_log_index.md\":\"1e059adb\",\"note_react.md\":\"1cf6ca51\",\"project_clipboardmanager_guide_index.md\":\"abaf1127\",\"note_redux.md\":\"5eb085f7\",\"project_clipboardmanager_statement_index.md\":\"6479445d\",\"project_smartwordbreak_statement_index.md\":\"b5abc9ea\",\"note_javascriptenhanced.md\":\"48824aba\",\"note_ssr.md\":\"a2acbea9\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ZiuChen\",\"description\":\"Unlimited Progress.\",\"base\":\"/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"我的项目\",\"items\":[{\"text\":\"超级剪贴板\",\"link\":\"/project/ClipboardManager/\"},{\"text\":\"超级Markdown\",\"link\":\"/project/Markdown/\"},{\"text\":\"超级JavaScript\",\"link\":\"/project/JSRunner/\"},{\"text\":\"超级分词\",\"link\":\"/project/SmartWordBreak/\"}]},{\"text\":\"开源作品\",\"items\":[{\"text\":\"个人作品\",\"link\":\"/works/opensource\"},{\"text\":\"社区贡献\",\"link\":\"/works/contribution\"}]},{\"text\":\"学习笔记\",\"items\":[{\"text\":\"JavaScript基础\",\"link\":\"/note/JavaScript\"},{\"text\":\"CSS基础\",\"link\":\"/note/CSS\"},{\"text\":\"JavaScript进阶\",\"link\":\"/note/JavaScriptEnhanced\"},{\"text\":\"前端工程化\",\"link\":\"/note/Front-end Engineering\"},{\"text\":\"服务端渲染\",\"link\":\"/note/SSR\"},{\"text\":\"React基础\",\"link\":\"/note/React\"},{\"text\":\"React Hooks\",\"link\":\"/note/React Hooks\"},{\"text\":\"Redux\",\"link\":\"/note/Redux\"},{\"text\":\"React Router\",\"link\":\"/note/React Router\"},{\"text\":\"MySQL\",\"link\":\"/note/MySQL\"}]},{\"text\":\"个人介绍\",\"link\":\"/self/\"}],\"sidebar\":[{\"text\":\"我的项目\",\"items\":[{\"text\":\"超级剪贴板\",\"link\":\"/project/ClipboardManager/\"},{\"text\":\"超级Markdown\",\"link\":\"/project/Markdown/\"},{\"text\":\"超级JavaScript\",\"link\":\"/project/JSRunner/\"},{\"text\":\"超级分词\",\"link\":\"/project/SmartWordBreak/\"}]},{\"text\":\"开源作品\",\"collapsed\":true,\"items\":[{\"text\":\"个人作品\",\"link\":\"/works/opensource\"},{\"text\":\"社区贡献\",\"link\":\"/works/contribution\"}]},{\"text\":\"文章归档\",\"collapsed\":true,\"items\":[{\"text\":\"【2023】青训营 - 前端练习题汇总解析\",\"link\":\"/article/【2023】青训营 - 前端练习题汇总解析\"},{\"text\":\"【字节跳动】前端面试题总结\",\"link\":\"/article/【字节跳动】前端面试题总结\"},{\"text\":\"【快手】深入理解前端面试题\",\"link\":\"/article/【快手】深入理解前端面试题\"},{\"text\":\"【用友金融】前端面试题总结\",\"link\":\"/article/【用友金融】前端面试题总结\"},{\"text\":\"一文读懂事件冒泡与事件捕获\",\"link\":\"/article/一文读懂事件冒泡与事件捕获\"},{\"text\":\"一文读懂伪类与伪元素\",\"link\":\"/article/一文读懂伪类与伪元素\"},{\"text\":\"一文读懂函数中this指向问题\",\"link\":\"/article/一文读懂函数中this指向问题\"},{\"text\":\"从0实现一个年度报告\",\"link\":\"/article/从0实现一个年度报告\"},{\"text\":\"彻底搞懂对象的数据属性描述符、存储属性描述符\",\"link\":\"/article/彻底搞懂对象的数据属性描述符、存储属性描述符\"},{\"text\":\"浅析defineProperty与Proxy实现的双向绑定\",\"link\":\"/article/浅析defineProperty与Proxy实现的双向绑定\"},{\"text\":\"深入JavaScript数据类型\",\"link\":\"/article/深入JavaScript数据类型\"},{\"text\":\"深入Vue3源码看看Vue.use后究竟发生了什么\",\"link\":\"/article/深入Vue3源码看看Vue.use后究竟发生了什么\"},{\"text\":\"深入理解Proxy与Reflect\",\"link\":\"/article/深入理解Proxy与Reflect\"},{\"text\":\"深入理解浏览器缓存机制\",\"link\":\"/article/深入理解浏览器缓存机制\"},{\"text\":\"深入理解浏览器运行原理\",\"link\":\"/article/深入理解浏览器运行原理\"}]},{\"text\":\"学习笔记\",\"collapsed\":true,\"items\":[{\"text\":\"JavaScript基础\",\"link\":\"/note/JavaScript\"},{\"text\":\"CSS基础\",\"link\":\"/note/CSS\"},{\"text\":\"JavaScript进阶\",\"link\":\"/note/JavaScriptEnhanced\"},{\"text\":\"前端工程化\",\"link\":\"/note/Front-end Engineering\"},{\"text\":\"服务端渲染\",\"link\":\"/note/SSR\"},{\"text\":\"React基础\",\"link\":\"/note/React\"},{\"text\":\"React Hooks\",\"link\":\"/note/React Hooks\"},{\"text\":\"Redux\",\"link\":\"/note/Redux\"},{\"text\":\"React Router\",\"link\":\"/note/React Router\"},{\"text\":\"MySQL\",\"link\":\"/note/MySQL\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/ZiuChen\"},{\"icon\":{\"svg\":\"<svg width=\\\"36\\\" height=\\\"28\\\" viewBox=\\\"0 0 36 28\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M17.5875 6.77268L21.8232 3.40505L17.5875 0.00748237L17.5837 0L13.3555 3.39757L17.5837 6.76894L17.5875 6.77268ZM17.5863 17.3955H17.59L28.5161 8.77432L25.5526 6.39453L17.59 12.6808H17.5863L17.5825 12.6845L9.61993 6.40201L6.66016 8.78181L17.5825 17.3992L17.5863 17.3955ZM17.5828 23.2891L17.5865 23.2854L32.2133 11.7456L35.1768 14.1254L28.5238 19.3752L17.5865 28L0.284376 14.3574L0 14.1291L2.95977 11.7531L17.5828 23.2891Z\\\" fill=\\\"#1E80FF\\\"/></svg>\"},\"link\":\"https://juejin.cn/user/1887205216238477\"}],\"editLink\":{\"pattern\":\"https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/:path\",\"text\":\"Edit this page on GitHub\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2019-present Ziu Chen\"},\"lastUpdatedText\":\"Updated Date\",\"search\":{\"provider\":\"algolia\",\"options\":{\"appId\":\"LFZ2CPWWUG\",\"apiKey\":\"b4fd296ea5e467b3ac4a582160ff3122\",\"indexName\":\"ziuchenio\"}}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}");</script>
</body>
</html>