mirror of
https://github.com/ZiuChen/ZiuChen.github.io.git
synced 2025-08-18 15:39:35 +08:00
35 lines
31 KiB
HTML
35 lines
31 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.">
|
||
<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/project_ClipboardManager_guide_index.md.abaf1127.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><!--]--><!----><!----><div class="VPLocalNav fixed reached-top" data-v-4b282efc data-v-b44f9426><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-b44f9426 data-v-c388142e><button data-v-c388142e>Return to top</button><!----></div></div><!----><div class="VPContent" id="VPContent" data-v-4b282efc data-v-3d0b81df><div class="VPDoc" data-v-3d0b81df data-v-f0e11dcf><!--[--><!--]--><div class="container" data-v-f0e11dcf><!----><div class="content" data-v-f0e11dcf><div class="content-container" data-v-f0e11dcf><!--[--><!--]--><!----><main class="main" data-v-f0e11dcf><div style="position:relative;" class="vp-doc _project_ClipboardManager_guide_index" data-v-f0e11dcf><div><h1 id="使用指南" tabindex="-1">使用指南 <a class="header-anchor" href="#使用指南" aria-label="Permalink to "使用指南""></a></h1><h2 id="快捷键一览" tabindex="-1">快捷键一览 <a class="header-anchor" href="#快捷键一览" aria-label="Permalink to "快捷键一览""></a></h2><ul><li>按下<code>空格</code>进入多选模式，连续向下选择 支持<strong>跨标签</strong>合并复制/粘贴</li><li><code>鼠标左键</code>复制并粘贴 <code>鼠标右键</code>仅复制</li><li><code>↑</code> <code>↓</code>选中历史记录 按下<code>↵</code>直接粘贴 <code>Ctrl+C</code>仅复制</li><li><code>←</code> <code>→</code>切换分类 <code>Tab</code>键连续切换分类</li><li><code>Ctrl+数字键</code>快速粘贴 <code>Alt+数字键</code>快速复制</li><li><code>输入任意字母或数字/Ctrl+F</code>聚焦搜索框并输入 支持使用<code>空格</code>同时检索多个关键词</li><li><code>Ctrl/Command+鼠标左键</code>点击文本/图片/文件 直接进入预览/打开所在文件夹 <span class="VPBadge warning" data-v-b3e3170c><!--[-->插件会员<!--]--></span></li><li><code>`</code>快速展开/收起预览面板 <span class="VPBadge warning" data-v-b3e3170c><!--[-->插件会员<!--]--></span></li><li><code>H</code> <code>J</code> <code>K</code> <code>L</code>键盘操作模式下Vim快捷键 支持上下左右移动 <span class="VPBadge warning" data-v-b3e3170c><!--[-->插件会员<!--]--></span></li></ul><h2 id="如何手动安装clipboard-event-handler" tabindex="-1">如何手动安装<code>clipboard-event-handler</code> <a class="header-anchor" href="#如何手动安装clipboard-event-handler" aria-label="Permalink to "如何手动安装`clipboard-event-handler`""></a></h2><p>新版 <code>超级剪贴板</code> 对剪贴板内容更新事件的监听，依赖于可执行文件：</p><ul><li>Windows系统: <code>clipboard-event-handler-win32.exe</code></li><li>Linux系统: <code>clipboard-event-handler-linux</code></li><li>MacOS系统: <code>clipboard-event-handler-mac</code></li></ul><p>插件每次启动时，将自动检查剪贴板数据文件所在目录下是否存在剪贴板监听程序，如存在，则使用性能更优秀的新的监听策略，如不存在，则仍然使用旧的策略。</p><hr><h3 id="_1-下载监听程序" tabindex="-1">1. 下载监听程序 <a class="header-anchor" href="#_1-下载监听程序" aria-label="Permalink to "1. 下载监听程序""></a></h3><p>请<a href="https://pan.baidu.com/s/14GJIXWDU2F4jsqDDq73aFg?pwd=Ziuc" target="_blank" rel="noreferrer">点击此处（百度网盘）</a>或访问<a href="https://github.com/sudhakar3697/node-clipboard-event/tree/master/platform" target="_blank" rel="noreferrer">node-clipboard-event</a>手动下载<strong>对应系统</strong>的文件，并将其移动到<strong>剪贴板数据文件所在目录</strong>下</p><p>插件使用的二进制文件拷贝自<a href="https://github.com/sudhakar3697/node-clipboard-event" target="_blank" rel="noreferrer">node-clipboard-event</a>，请避免从其它不可信的来源下载文件，并在下载文件后比较哈希，有能力的也可以从仓库源代码自行编译</p><h3 id="_2-找到剪贴板数据文件所在目录" tabindex="-1">2. 找到剪贴板数据文件所在目录 <a class="header-anchor" href="#_2-找到剪贴板数据文件所在目录" aria-label="Permalink to "2. 找到剪贴板数据文件所在目录""></a></h3><p>进入设置页（顶部导航栏/齿轮图标），点击数据库路径这一项右侧的打开按钮</p><h3 id="_3-将监听程序拷贝到目录中" tabindex="-1">3. 将监听程序拷贝到目录中 <a class="header-anchor" href="#_3-将监听程序拷贝到目录中" aria-label="Permalink to "3. 将监听程序拷贝到目录中""></a></h3><h4 id="windows" tabindex="-1">Windows: <a class="header-anchor" href="#windows" aria-label="Permalink to "Windows:""></a></h4><p><img src="/assets/gi3.c83cee76.png" alt=""></p><h4 id="linux" tabindex="-1">Linux: <a class="header-anchor" href="#linux" aria-label="Permalink to "Linux:""></a></h4><p><img src="/assets/gi3-2.8cc1f8a9.png" alt=""></p><h4 id="mac" tabindex="-1">Mac: <a class="header-anchor" href="#mac" aria-label="Permalink to "Mac:""></a></h4><p><img src="/assets/gi3-3.47dffc9b.png" alt=""></p><h3 id="_4-注意事项" tabindex="-1">4. 注意事项 <a class="header-anchor" href="#_4-注意事项" aria-label="Permalink to "4. 注意事项""></a></h3><h4 id="macos-的特殊配置" tabindex="-1">MacOS 的特殊配置 <a class="header-anchor" href="#macos-的特殊配置" aria-label="Permalink to "MacOS 的特殊配置""></a></h4><p>针对<code>MacOS</code>系统，在将剪贴板监听程序拷贝到指定目录后，请在重启插件后，<strong>进入设置页，检查监听程序是否生效</strong></p><p>如果监听程序未生效，请尝试以下操作，对监听程序进行签名与授权：</p><p><strong>1. 签名</strong></p><p>打开终端输入以下命令</p><div class="language-sh line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#FFCB6B;">sudo</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">codesign</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">--force</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">--deep</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">--sign</span><span style="color:#A6ACCD;"> </span><span style="color:#C3E88D;">-</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><img src="/assets/sign-mac.2c3e272f.png" alt=""></p><p>然后将此目录中的<code>clipboard-event-handler-mac</code>文件拖入终端执行命令</p><p><img src="/assets/sign-mac-2.5861d44c.png" alt=""></p><p><strong>2. 授权</strong></p><p><em>左上角🍎</em> -> <em>系统偏好设置</em> -> <em>安全性与隐私</em> -> <em>通用</em> -> <em>点击允许</em></p><p><img src="/assets/mac-chmod.bf888724.jpg" alt=""></p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>如果上述操作无法解决你的问题，请尝试从 <a href="https://github.com/wangyw6716/clipboard-event-handler-mac-apple-silicon-arm64-M1" target="_blank" rel="noreferrer">clipboard-event-handler-mac-apple-silicon-arm64-M1</a> 完成剪贴板监听程序的下载，并执行相同操作。</p><p>由于此仓库不在超级剪贴板开发者维护范围内，请自行注意辨别文件安全性。</p></div><h4 id="监听程序不生效如何排查" tabindex="-1">监听程序不生效如何排查？ <a class="header-anchor" href="#监听程序不生效如何排查" aria-label="Permalink to "监听程序不生效如何排查？""></a></h4><p>请务必完整按照教程完成安装，如果程序仍未生效，请按照如下方式排查：</p><ul><li>监听程序拷贝完成后，需要重启插件方可生效</li><li>设置页<code>剪贴板监听程序状态</code>选项是否为<code>已安装</code></li><li>系统进程管理器中是否存在<code>clipboard-event-handler-xxxxx</code>的进程</li></ul><p>使用中遇到任何问题，请尝试通过论坛或加入QQ群反馈</p><h2 id="如何实现多端同步" tabindex="-1">如何实现多端同步 <a class="header-anchor" href="#如何实现多端同步" aria-label="Permalink to "如何实现多端同步""></a></h2><h3 id="webdav同步" tabindex="-1">WebDav同步 <span class="VPBadge tip" data-v-b3e3170c><!--[-->^2.0.0<!--]--></span> <a class="header-anchor" href="#webdav同步" aria-label="Permalink to "WebDav同步 <Badge type="tip" text="^2.0.0" />""></a></h3><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>自<code>v2.0.0</code>起，可以通过开通插件会员启用<strong>WebDav同步功能</strong></p></div><p>👉👉👉<a href="./../vip/#webdav同步功能">插件会员/WebDav同步功能</a>👈👈👈</p><h3 id="坚果云同步文件夹" tabindex="-1">坚果云同步文件夹 <span class="VPBadge warning" data-v-b3e3170c><!--[-->仅旧版本<!--]--></span> <a class="header-anchor" href="#坚果云同步文件夹" aria-label="Permalink to "坚果云同步文件夹 <Badge type="warning" text="仅旧版本" />""></a></h3><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>以下方法仅适用于<code>v2.0.0</code>之前的版本</p><p>数据库文件默认是直接存放在用户文件夹根目录下的，如果需要使用同步功能，请使用插件内提供的<code>数据库路径自定义</code>功能，将数据库路径改为其他路径，而后才能通过下文中讲述的<code>同步文件夹</code>实现云同步。</p></div><p>到<a href="https://www.jianguoyun.com/#/" target="_blank" rel="noreferrer">坚果云官网</a>安装好软件后，找到<code>_utools_clipboard_manager_storage</code>文件所在的目录</p><p>右键目录，<code>坚果云</code>/<code>同步该文件夹</code>，将此文件夹加入到坚果云的同步服务中</p><p><img src="/assets/guide-jianguo-1.a7e6fa82.png" alt=""></p><p>这样，每次剪贴板内容更新都将自动触发坚果云的同步服务，将剪贴板数据同步到云端</p><p>其他安装了坚果云的设备也将自动同步更新</p><p><img src="/assets/guide-jianguo-2.14924b1b.png" alt=""></p><h2 id="如何迁移数据" tabindex="-1">如何迁移数据 <a class="header-anchor" href="#如何迁移数据" aria-label="Permalink to "如何迁移数据""></a></h2><p>剪贴板数据默认存放在</p><ul><li><code>Windows</code> <code>Linux</code>用户：<code>{home}\_utools_clipboard_manager_storage</code></li><li><code>Mac</code>用户：<code>{userData}\_utools_clipboard_manager_storage</code></li></ul><p>也可以在设置页中点击按钮打开数据库路径。要手动迁移数据，只需要在新设备上运行一次插件，而后将原设备上的数据文件拷贝并替换新设备中的数据文件即可</p><h2 id="如何创造自己的功能按钮" tabindex="-1">如何创造自己的功能按钮 <a class="header-anchor" href="#如何创造自己的功能按钮" aria-label="Permalink to "如何创造自己的功能按钮""></a></h2><p>从<code>v1.4.0</code>起，插件为用户提供了自定义功能按钮的能力</p><p>这让<code>超级剪贴板</code>真正变得“超级”起来，用户可以通过编写<code>json</code>实现<strong>携带数据跳转到任何其他插件</strong>，这项功能给<code>超级剪贴板</code>带来了无限可能。</p><p>插件中，默认内置了若干使用样例：</p><ul><li>讯飞OCR识别</li><li>百度搜索</li><li>百度识图</li><li>统计文本字数</li><li>颜色管理</li><li>识别图片中二维码</li><li>上传到图床</li><li>翻译</li></ul><p>下面我将从这些样例出发对这项功能做简单介绍：</p><p>这项功能的原理是<code>utools.redirect()</code>，在不分离插件的情况下，在不同插件之间的跳转体验是连贯的。</p><p>以<code>百度搜索</code>为例，是通过<code>网页快开</code>提供的关键词实现的，我们可以编写以下json：</p><div class="language-json line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">id</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">custom.1663490859</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">title</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">百度搜索</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">icon</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">🔍</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">match</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">[</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">text</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">],</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">command</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">redirect:百度一下</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</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></div></div><p>可以实现从剪贴板直接跳转到<code>网页快开</code>，也即打开百度并搜索当前选中的文本内容。</p><p>除了使用简单的字符串匹配不同的内容，<code>超级剪贴板</code>还支持使用正则表达式，以<code>上传到图床</code>功能为例：</p><div class="language-json line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">{</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">id</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">custom.1663490864</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">title</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">上传到图床</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">icon</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">🚀</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">match</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">[</span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">image</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#FFCB6B;">type</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">file</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#FFCB6B;">regex</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">.(?:jpg|jpeg|png)$</span><span style="color:#89DDFF;">"</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}],</span></span>
|
||
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C792EA;">command</span><span style="color:#89DDFF;">"</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">"</span><span style="color:#C3E88D;">redirect:上传到图床</span><span style="color:#89DDFF;">"</span></span>
|
||
<span class="line"><span style="color:#89DDFF;">}</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></div></div><p>这个功能除了可以匹配图片，还可以将符合正则的图片文件匹配上，在匹配上的历史记录上展示<code>上传到图床</code>按钮，携带数据跳转到图床插件，一键上传。</p><p>需要注意的是，因为自定义功能按钮实现的是<strong>携带数据跳转不同插件</strong>，所以<code>redirect</code>后的内容并不应该是普通关键字（普通关键字仅能作为插件入口，而不能携带数据），而应该是<code>文本</code>/<code>图片</code>/<code>文件或文件夹</code>：</p><p><img src="/assets/gi4.e4051a3e.png" alt=""><img src="/assets/gi5.f517b425.png" alt=""></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><p>在未来的版本更新中，<code>超级剪贴板</code>将开放更多自定义功能给高级用户，帮助你更高效率的管理、使用剪贴板。</p></div></div></main><footer class="VPDocFooter" data-v-f0e11dcf data-v-bdb4c5a7><!--[--><!--]--><div class="edit-info" data-v-bdb4c5a7><div class="edit-link" data-v-bdb4c5a7><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-bdb4c5a7><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-bdb4c5a7><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-bdb4c5a7><p class="VPLastUpdated" data-v-bdb4c5a7 data-v-4e6de435>Updated Date: <time datetime="2023-09-24T16:43:05.000Z" data-v-4e6de435></time></p></div></div><nav class="prev-next" data-v-bdb4c5a7><div class="pager" data-v-bdb4c5a7><!----></div><div class="pager" data-v-bdb4c5a7><a class="pager-link next" href="/project/ClipboardManager/" data-v-bdb4c5a7><span class="desc" data-v-bdb4c5a7>Next page</span><span class="title" data-v-bdb4c5a7>超级剪贴板</span></a></div></nav></footer><!--[--><!--]--></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> |