mirror of
https://github.com/ZiuChen/ZiuChen.github.io.git
synced 2025-09-12 05:37:51 +08:00
48 lines
28 KiB
HTML
48 lines
28 KiB
HTML
<!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.">
|
||
<meta name="generator" content="VitePress v1.6.3">
|
||
<link rel="preload stylesheet" href="/assets/style.CRcg9NyL.css" as="style">
|
||
<link rel="preload stylesheet" href="/vp-icons.css" as="style">
|
||
|
||
<script type="module" src="/assets/app.BD1ReLYx.js"></script>
|
||
<link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
|
||
<link rel="modulepreload" href="/assets/chunks/theme.DJcRJiQb.js">
|
||
<link rel="modulepreload" href="/assets/chunks/framework.abbEBnpT.js">
|
||
<link rel="modulepreload" href="/assets/project_ClipboardManager_guide_index.md.b4hI69eN.lean.js">
|
||
<link rel="icon" href="/logo.png">
|
||
<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
||
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
|
||
</head>
|
||
<body>
|
||
<div id="app"><div class="Layout" data-v-fd6e12b1><!--[--><!--]--><!--[--><span tabindex="-1" data-v-035c6c82></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-035c6c82>Skip to content</a><!--]--><!----><!----><div class="VPLocalNav empty fixed" data-v-fd6e12b1 data-v-17e59805><div class="container" data-v-17e59805><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-17e59805 data-v-24201ec3><button data-v-24201ec3>Return to top</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-fd6e12b1 data-v-8e7769f4><div class="VPDoc" data-v-8e7769f4 data-v-152d3a48><!--[--><!--]--><div class="container" data-v-152d3a48><!----><div class="content" data-v-152d3a48><div class="content-container" data-v-152d3a48><!--[--><!--]--><main class="main" data-v-152d3a48><div style="position:relative;" class="vp-doc _project_ClipboardManager_guide_" data-v-152d3a48><div><h1 id="使用指南" tabindex="-1">使用指南 <a class="header-anchor" href="#使用指南" aria-label="Permalink to "使用指南""></a></h1><nav class="table-of-contents"><ul><li><a href="#webdav-使用指南">WebDAV 使用指南 <span class="VPBadge warning"><!--[-->Pro<!--]--></span></a></li><li><a href="#高级搜索">高级搜索 <span class="VPBadge warning"><!--[-->Pro<!--]--></span></a><ul><li><a href="#基本语法">基本语法</a></li><li><a href="#组合搜索">组合搜索</a></li><li><a href="#实际使用场景">实际使用场景</a></li><li><a href="#搜索提示">搜索提示</a></li></ul></li><li><a href="#如何创造自己的动作按钮">如何创造自己的动作按钮</a><ul><li><a href="#基础用法">基础用法</a></li><li><a href="#高级用例">高级用例</a></li></ul></li></ul></nav><h2 id="webdav-使用指南" tabindex="-1">WebDAV 使用指南 <span class="VPBadge warning"><!--[-->Pro<!--]--></span> <a class="header-anchor" href="#webdav-使用指南" aria-label="Permalink to "WebDAV 使用指南 <Badge type="warning" text="Pro" />""></a></h2><p>插件会员支持通过 WebDAV 将本地的剪贴板数据同步到云端，并在不同设备之间同步：</p><ol><li>获取 <code>服务器地址</code>、<code>账号</code>、<code>密钥</code>（如有）</li><li>在插件的 <code>首选项/网络</code> 中，开启 WebDAV 同步功能</li><li>在配置弹窗中填入上述信息，并点击测试连接</li><li>在测试连接成功后，点击保存配置，即可完成配置。</li></ol><p>在开启 WebDAV 同步功能后，插件的主面板下述变化：</p><ul><li>主面板下拉菜单中支持主动上传/主动下载数据；</li><li>主面板用户信息左侧的同步的状态指示灯用以显示当前的同步状态；</li></ul><p><img src="/assets/webdav.C-p_1YjK.webp" alt="WebDAV" loading="lazy"></p><p>此外，每次本地剪贴板内容发生变化，都会将最新数据同步到服务器。</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>注意，如果你同时在多台设备上使用超级剪贴板，并希望通过 WebDAV 同步不同设备上的数据</p><p>你需要在 <code>首选项/网络</code> 中按需配置 <code>自动下载</code>：</p><ul><li><strong>插件启动时</strong>：仅在插件首次启动时主动从 WebDAV 服务器下载数据。</li><li><strong>每次进入插件时</strong>：每次进入插件时都会主动从 WebDAV 服务器下载数据。</li></ul></div><p>相关链接：</p><ul><li><a href="https://infini-cloud.net/en/" target="_blank" rel="noreferrer">Infini Cloud</a> （国内可用 无限制）</li><li><a href="https://help.jianguoyun.com/?tag=webdav" target="_blank" rel="noreferrer">坚果云 WebDav</a>（国内可用 限制调用次数）</li><li><a href="https://www.zhihu.com/question/347182171" target="_blank" rel="noreferrer">2022年还有哪些支持WebDAV的网盘？</a></li></ul><h2 id="高级搜索" tabindex="-1">高级搜索 <span class="VPBadge warning"><!--[-->Pro<!--]--></span> <a class="header-anchor" href="#高级搜索" aria-label="Permalink to "高级搜索 <Badge type="warning" text="Pro" />""></a></h2><p>超级剪贴板自 <code>v2.9.1</code> 起，支持强大的高级搜索功能，让您能够精确地过滤和查找剪贴板历史记录。</p><h3 id="基本语法" tabindex="-1">基本语法 <a class="header-anchor" href="#基本语法" aria-label="Permalink to "基本语法""></a></h3><p>高级搜索使用特殊的语法格式：<code>关键词:值</code>，可以与普通文本搜索组合使用。</p><h4 id="_1-类型搜索-type" tabindex="-1">1. 类型搜索 (type) <a class="header-anchor" href="#_1-类型搜索-type" aria-label="Permalink to "1. 类型搜索 (type)""></a></h4><p>按剪贴板内容类型过滤：</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>type:text # 只显示文本类型</span></span>
|
||
<span class="line"><span>type:image # 只显示图片类型 </span></span>
|
||
<span class="line"><span>type:file # 只显示文件类型</span></span>
|
||
<span class="line"><span>type:text,image # 显示文本和图片类型</span></span></code></pre></div><h4 id="_2-日期搜索-date" tabindex="-1">2. 日期搜索 (date) <a class="header-anchor" href="#_2-日期搜索-date" aria-label="Permalink to "2. 日期搜索 (date)""></a></h4><p>按特定日期过滤：</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>date:2024-01-01 # 搜索2024年1月1日的条目</span></span>
|
||
<span class="line"><span>date:2024-01-01,2024-01-02 # 搜索多个特定日期的条目</span></span></code></pre></div><h4 id="_3-日期范围搜索-daterange" tabindex="-1">3. 日期范围搜索 (daterange) <a class="header-anchor" href="#_3-日期范围搜索-daterange" aria-label="Permalink to "3. 日期范围搜索 (daterange)""></a></h4><p>按日期范围过滤：</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>daterange:2024-01-01~2024-01-31 # 搜索2024年1月份的条目</span></span>
|
||
<span class="line"><span>daterange:2024-01-01~2024-12-31 # 搜索2024年全年的条目</span></span></code></pre></div><h4 id="_4-收藏状态搜索-collect" tabindex="-1">4. 收藏状态搜索 (collect) <a class="header-anchor" href="#_4-收藏状态搜索-collect" aria-label="Permalink to "4. 收藏状态搜索 (collect)""></a></h4><p>按收藏状态过滤：</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>collect:true # 只显示收藏的条目</span></span>
|
||
<span class="line"><span>collect:false # 只显示未收藏的条目</span></span></code></pre></div><h4 id="_5-置顶状态搜索-top" tabindex="-1">5. 置顶状态搜索 (top) <a class="header-anchor" href="#_5-置顶状态搜索-top" aria-label="Permalink to "5. 置顶状态搜索 (top)""></a></h4><p>按置顶状态过滤：</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>top:true # 只显示置顶的条目</span></span>
|
||
<span class="line"><span>top:false # 只显示未置顶的条目</span></span></code></pre></div><h3 id="组合搜索" tabindex="-1">组合搜索 <a class="header-anchor" href="#组合搜索" aria-label="Permalink to "组合搜索""></a></h3><p>您可以组合多个条件，并与普通文本搜索结合：</p><h4 id="基本组合示例" tabindex="-1">基本组合示例 <a class="header-anchor" href="#基本组合示例" aria-label="Permalink to "基本组合示例""></a></h4><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>type:text hello # 搜索包含"hello"的文本条目</span></span>
|
||
<span class="line"><span>collect:true 重要 # 搜索包含"重要"的收藏条目</span></span>
|
||
<span class="line"><span>date:2024-01-01 type:image # 搜索2024年1月1日的图片</span></span></code></pre></div><h4 id="复杂组合示例" tabindex="-1">复杂组合示例 <a class="header-anchor" href="#复杂组合示例" aria-label="Permalink to "复杂组合示例""></a></h4><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>type:text collect:true daterange:2024-01-01~2024-01-31 工作</span></span>
|
||
<span class="line"><span># 搜索2024年1月份包含"工作"的收藏文本条目</span></span>
|
||
<span class="line"><span></span></span>
|
||
<span class="line"><span>type:file,image top:false date:2024-01-15</span></span>
|
||
<span class="line"><span># 搜索2024年1月15日的非置顶文件和图片</span></span>
|
||
<span class="line"><span></span></span>
|
||
<span class="line"><span>collect:true daterange:2024-01-01~2024-12-31 项目 计划</span></span>
|
||
<span class="line"><span># 搜索2024年全年包含"项目"或"计划"的收藏条目</span></span></code></pre></div><h3 id="实际使用场景" tabindex="-1">实际使用场景 <a class="header-anchor" href="#实际使用场景" aria-label="Permalink to "实际使用场景""></a></h3><h4 id="场景1-查找特定日期的工作文档" tabindex="-1">场景1：查找特定日期的工作文档 <a class="header-anchor" href="#场景1-查找特定日期的工作文档" aria-label="Permalink to "场景1：查找特定日期的工作文档""></a></h4><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>daterange:2024-01-01~2024-01-31 type:file 报告</span></span></code></pre></div><h4 id="场景2-整理收藏的重要信息" tabindex="-1">场景2：整理收藏的重要信息 <a class="header-anchor" href="#场景2-整理收藏的重要信息" aria-label="Permalink to "场景2：整理收藏的重要信息""></a></h4><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>collect:true type:text 密码</span></span></code></pre></div><h4 id="场景3-查找最近的截图" tabindex="-1">场景3：查找最近的截图 <a class="header-anchor" href="#场景3-查找最近的截图" aria-label="Permalink to "场景3：查找最近的截图""></a></h4><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>type:image daterange:2024-08-01~2024-08-01</span></span></code></pre></div><h4 id="场景4-查找未整理的内容" tabindex="-1">场景4：查找未整理的内容 <a class="header-anchor" href="#场景4-查找未整理的内容" aria-label="Permalink to "场景4：查找未整理的内容""></a></h4><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>collect:false top:false type:text</span></span></code></pre></div><h3 id="搜索提示" tabindex="-1">搜索提示 <a class="header-anchor" href="#搜索提示" aria-label="Permalink to "搜索提示""></a></h3><ol><li><strong>大小写不敏感</strong>：搜索不区分大小写</li><li><strong>日期格式</strong>：必须使用 YYYY-MM-DD 格式</li><li><strong>组合顺序</strong>：条件的顺序不影响搜索结果</li><li><strong>文本搜索</strong>： <ul><li>对于普通条目，搜索内容文本</li><li>对于收藏条目，搜索备注内容</li><li>对于文件条目，搜索文件名</li></ul></li></ol><h2 id="如何创造自己的动作按钮" tabindex="-1">如何创造自己的动作按钮 <a class="header-anchor" href="#如何创造自己的动作按钮" aria-label="Permalink to "如何创造自己的动作按钮""></a></h2><p>在超级剪贴板的右侧悬浮着工具栏，用户可以通过选择这些动作，跳转到其他插件处理剪贴板数据。</p><p>插件已经为您内置了一系列动作按钮：</p><ul><li>讯飞OCR识别</li><li>百度搜索</li><li>百度识图</li><li>统计文本字数</li><li>颜色管理</li><li>识别图片中二维码</li><li>上传到图床</li><li>翻译</li></ul><p>当内置动作无法满足你的需求时，用户可以通过插件内的「动作编辑器」自定义功能按钮，也可以从动作市场中获取更多内置的动作。</p><h3 id="基础用法" tabindex="-1">基础用法 <a class="header-anchor" href="#基础用法" aria-label="Permalink to "基础用法""></a></h3><p>你可以在「动作编辑器」新增一个动作，按要求填写好动作名、插件应用名称、指令以及匹配类型：</p><ul><li>动作名 <ul><li>用于动作命名，例如「百度OCR识别」</li></ul></li><li>插件应用名称 <ul><li>要跳转的插件名称</li></ul></li><li>指令 <ul><li>需要插件实现对应的指令</li></ul></li><li>匹配类型 <ul><li>选中哪些种类的数据时，才会展示此动作</li><li>例如「百度搜搜」只会匹配文本类型的剪贴板历史</li></ul></li></ul><p>以 <code>百度搜索</code> 为例，跳转的目标插件应用名称为 <code>网页快开</code>，指令为 <code>百度一下</code>，匹配的指令类型为 <code>文本</code></p><p>此时当你在「超级剪贴板」中选中一个文本时，就可以直接用百度搜索当前选中的这段文本。</p><h3 id="高级用例" tabindex="-1">高级用例 <a class="header-anchor" href="#高级用例" aria-label="Permalink to "高级用例""></a></h3><p>除了使用简单的字符串匹配不同的内容，<code>超级剪贴板</code>还支持使用正则表达式，这需要你切换到「高级匹配」并填写 JSON。</p><p>以<code>上传到图床</code>功能为例：</p><div class="language-json vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "id"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"custom.1663490864"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "title"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"上传到图床"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "icon"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"🚀"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "match"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"image"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, { </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">"type"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"file"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">"regex"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">".(?:jpg|jpeg|png)$"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }],</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "command"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"redirect:上传到图床"</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这个动作除了可以匹配图片，还可以将符合正则的图片文件匹配上，在匹配上的历史记录上展示<code>上传到图床</code>按钮，携带数据跳转到图床插件，一键上传。</p><p>需要注意的是，因为自定义功能按钮实现的是<strong>携带数据跳转不同插件</strong>，所以<code>redirect</code>后的内容并不应该是普通关键字（普通关键字仅能作为插件入口，而不能携带数据），而应该是<code>文本</code>/<code>图片</code>/<code>文件或文件夹</code>：</p><p><img src="/assets/gi4.D7muLqv9.webp" alt="" loading="lazy"><img src="/assets/gi5.2pdLYzLF.webp" alt="" loading="lazy"></p><ul><li><code>id</code>: <code>String</code> 全局唯一 必须以<code>custom</code>开头 建议以时间戳为后缀</li><li><code>title</code>: <code>String</code> 鼠标悬停时展示的文本</li><li><code>icon</code>: <code>String</code> 展示在插件内的图标</li><li><code>match</code>: <code><String | Object>[]</code> 匹配模式</li><li><code>command</code>: <code>String</code> 执行跳转的关键字 前缀<code>redirect:</code>是必须的</li></ul></div></div></main><footer class="VPDocFooter" data-v-152d3a48 data-v-7dccd6b5><!--[--><!--]--><div class="edit-info" data-v-7dccd6b5><div class="edit-link" data-v-7dccd6b5><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/project/ClipboardManager/guide/index.md" target="_blank" rel="noreferrer" data-v-7dccd6b5><!--[--><span class="vpi-square-pen edit-link-icon" data-v-7dccd6b5></span> Edit this page on GitHub<!--]--></a></div><div class="last-updated" data-v-7dccd6b5><p class="VPLastUpdated" data-v-7dccd6b5 data-v-a462baf3>Updated Date: <time datetime="2025-08-02T05:12:13.000Z" data-v-a462baf3></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-7dccd6b5><span class="visually-hidden" id="doc-footer-aria-label" data-v-7dccd6b5>Pager</span><div class="pager" data-v-7dccd6b5><!----></div><div class="pager" data-v-7dccd6b5><a class="VPLink link pager-link next" href="/project/ClipboardManager/" data-v-7dccd6b5><!--[--><span class="desc" data-v-7dccd6b5>Next page</span><span class="title" data-v-7dccd6b5>超级剪贴板</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-fd6e12b1 data-v-f2508a02><div class="container" data-v-f2508a02><p class="message" data-v-f2508a02>Released under the MIT License.</p><p class="copyright" data-v-f2508a02>Copyright © 2022-PRESENT ZiuChen</p></div></footer><!--[--><!--]--></div></div>
|
||
<script>window.__VP_HASH_MAP__=JSON.parse("{\"article_vue demi 做了什么？.md\":\"BBo2yIg5\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"Bk1uFLes\",\"article_【字节跳动】前端面试题总结.md\":\"3xqbWFJW\",\"article_【快手】深入理解前端面试题.md\":\"CRzeg11s\",\"article_【用友金融】前端面试题总结.md\":\"BrYvxc06\",\"article_一文读懂事件冒泡与事件捕获.md\":\"CiK30UkR\",\"article_一文读懂伪类与伪元素.md\":\"DMjnu6-B\",\"article_一文读懂函数中this指向问题.md\":\"BpEbHczO\",\"article_从0实现一个年度报告.md\":\"CPkcQTqv\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"CQ8gIqRd\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"BoqGnt5C\",\"article_深入javascript数据类型.md\":\"CEJYZgOi\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"Cdu_58a-\",\"article_深入理解proxy与reflect.md\":\"Ceyp9mO-\",\"article_深入理解浏览器缓存机制.md\":\"C2VWJ1u6\",\"article_深入理解浏览器运行原理.md\":\"CWlX-iCy\",\"demos_promiseify-post-message_index.md\":\"B3VIkBdQ\",\"demos_promiseify-post-message_inner.md\":\"BioPm91v\",\"index.md\":\"g8OMvjF8\",\"note_css.md\":\"Ch-yDv1h\",\"note_front-end engineering.md\":\"BimCnMEM\",\"note_javascript.md\":\"Ck0DbU3f\",\"note_javascriptenhanced.md\":\"BXDzvmnS\",\"note_mysql.md\":\"VvYSA8NO\",\"note_react hooks.md\":\"xuWf-omq\",\"note_react router.md\":\"BfpPNEWT\",\"note_react.md\":\"D4edxjhk\",\"note_redux.md\":\"BhtzfWlB\",\"note_rust.md\":\"CKKauEi-\",\"note_ssr.md\":\"FDfCOI__\",\"project_clipboardmanager_guide_index.md\":\"b4hI69eN\",\"project_clipboardmanager_index.md\":\"CVpyvTGY\",\"project_clipboardmanager_log_index.md\":\"CWT_DO0g\",\"project_clipboardmanager_statement_index.md\":\"DJW_YE7h\",\"project_jsrunner_index.md\":\"DzAEKsSB\",\"project_jsrunner_log_index.md\":\"CSI4Ului\",\"project_markdown_index.md\":\"CyMCNCOd\",\"project_markdown_log_index.md\":\"CuKs4PXU\",\"project_markdown_shortcut_index.md\":\"B5_1LKLS\",\"self_index.md\":\"BWWTarHM\",\"works_index.md\":\"CDuGKFmo\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ZiuChen\",\"description\":\"Unlimited Progress.\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"我的项目\",\"items\":[{\"text\":\"超级剪贴板\",\"link\":\"/project/ClipboardManager/\"},{\"text\":\"超级JavaScript\",\"link\":\"/project/JSRunner/\"},{\"text\":\"超级Markdown\",\"link\":\"/project/Markdown/\"}]},{\"text\":\"开源作品\",\"items\":[{\"text\":\"个人作品\",\"link\":\"/works/\"}]},{\"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\":\"Rust\",\"link\":\"/note/Rust\"}]},{\"text\":\"个人介绍\",\"link\":\"/self/\"}],\"sidebar\":[{\"text\":\"我的项目\",\"items\":[{\"text\":\"超级剪贴板\",\"link\":\"/project/ClipboardManager/\"},{\"text\":\"超级JavaScript\",\"link\":\"/project/JSRunner/\"},{\"text\":\"超级Markdown\",\"link\":\"/project/Markdown/\"}]},{\"text\":\"开源作品\",\"collapsed\":true,\"items\":[{\"text\":\"个人作品\",\"link\":\"/works/\"}]},{\"text\":\"文章归档\",\"collapsed\":true,\"items\":[{\"text\":\"Vue Demi 做了什么？\",\"link\":\"/article/Vue Demi 做了什么？.md\"},{\"text\":\"【2023】青训营 - 前端练习题汇总解析\",\"link\":\"/article/【2023】青训营 - 前端练习题汇总解析.md\"},{\"text\":\"【字节跳动】前端面试题总结\",\"link\":\"/article/【字节跳动】前端面试题总结.md\"},{\"text\":\"【快手】深入理解前端面试题\",\"link\":\"/article/【快手】深入理解前端面试题.md\"},{\"text\":\"【用友金融】前端面试题总结\",\"link\":\"/article/【用友金融】前端面试题总结.md\"},{\"text\":\"一文读懂事件冒泡与事件捕获\",\"link\":\"/article/一文读懂事件冒泡与事件捕获.md\"},{\"text\":\"一文读懂伪类与伪元素\",\"link\":\"/article/一文读懂伪类与伪元素.md\"},{\"text\":\"一文读懂函数中this指向问题\",\"link\":\"/article/一文读懂函数中this指向问题.md\"},{\"text\":\"从0实现一个年度报告\",\"link\":\"/article/从0实现一个年度报告.md\"},{\"text\":\"彻底搞懂对象的数据属性描述符、存储属性描述符\",\"link\":\"/article/彻底搞懂对象的数据属性描述符、存储属性描述符.md\"},{\"text\":\"浅析defineProperty与Proxy实现的双向绑定\",\"link\":\"/article/浅析defineProperty与Proxy实现的双向绑定.md\"},{\"text\":\"深入JavaScript数据类型\",\"link\":\"/article/深入JavaScript数据类型.md\"},{\"text\":\"深入Vue3源码，看看Vue.use后究竟发生了什么？\",\"link\":\"/article/深入Vue3源码，看看Vue.use后究竟发生了什么？.md\"},{\"text\":\"深入理解Proxy与Reflect\",\"link\":\"/article/深入理解Proxy与Reflect.md\"},{\"text\":\"深入理解浏览器缓存机制\",\"link\":\"/article/深入理解浏览器缓存机制.md\"},{\"text\":\"深入理解浏览器运行原理\",\"link\":\"/article/深入理解浏览器运行原理.md\"}]}],\"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 © 2022-PRESENT ZiuChen\"},\"lastUpdatedText\":\"Updated Date\",\"search\":{\"provider\":\"algolia\",\"options\":{\"appId\":\"LFZ2CPWWUG\",\"apiKey\":\"b4fd296ea5e467b3ac4a582160ff3122\",\"indexName\":\"ziuchenio\"}}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
|
||
|
||
</body>
|
||
</html> |