feat: add es6.md cheatsheet. b258494776

This commit is contained in:
jaywcjlove
2022-10-31 07:19:46 +00:00
parent 53cf1c63da
commit c71af37115
68 changed files with 3185 additions and 2812 deletions

View File

@ -34,14 +34,14 @@
document.documentElement.setAttribute('data-color-mode', mode);
localStorage.setItem(LOCAL_NANE, mode);
}
</script><a href="https://github.com/jaywcjlove/reference" class="" target="__blank"><svg viewBox="0 0 16 16" fill="currentColor" height="1em" width="1em"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div></nav><div class="wrap max-container"><header class="wrap-header h1wrap"><h1 id="screen-备忘清单"><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em">
</script><a href="https://github.com/jaywcjlove/reference" class="" target="__blank"><svg viewBox="0 0 16 16" fill="currentColor" height="1em" width="1em"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div></nav><div class="wrap h1body-exist max-container"><header class="wrap-header h1wrap"><h1 id="screen-备忘清单"><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em">
<path d="M107.946667 838.4l57.173333 23.893333v-385.28l-103.68 250.026667c-17.493333 43.52 3.413333 93.44 46.506667 111.36z m832-157.866667L728.32 169.813333a85.888 85.888 0 0 0-77.226667-52.48c-11.093333 0-22.613333 1.706667-33.706666 6.4L302.933333 253.866667a85.290667 85.290667 0 0 0-46.08 110.933333l211.626667 510.72a85.248 85.248 0 0 0 110.933333 46.08l314.026667-130.133333a85.077333 85.077333 0 0 0 46.506667-110.933334zM336.213333 373.333333c-23.466667 0-42.666667-19.2-42.666666-42.666666s19.2-42.666667 42.666666-42.666667 42.666667 19.2 42.666667 42.666667-19.2 42.666667-42.666667 42.666666z m-85.333333 469.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h61.866667l-147.2-355.84v270.506667z"></path>
</svg><a aria-hidden="true" tabindex="-1" href="#screen-备忘清单"><span class="icon icon-link"></span></a>Screen 备忘清单</h1><div class="wrap-body">
<p>这是 screen 命令的快速参考指南备忘单。</p>
</div></header><div class="menu-tocs"><div class="menu-btn"><svg aria-hidden="true" fill="currentColor" height="1em" width="1em" viewBox="0 0 16 16" version="1.1" data-view-component="true">
<path fill-rule="evenodd" d="M2 4a1 1 0 100-2 1 1 0 000 2zm3.75-1.5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM3 8a1 1 0 11-2 0 1 1 0 012 0zm-1 6a1 1 0 100-2 1 1 0 000 2z"></path>
</svg></div><div class="menu-modal"><a aria-hidden="true" class="leve2 tocs-link" href="#入门">入门</a><a aria-hidden="true" class="leve3 tocs-link" href="#快速开始">快速开始</a><a aria-hidden="true" class="leve3 tocs-link" href="#选项">选项</a><a aria-hidden="true" class="leve3 tocs-link" href="#进入">进入</a><a aria-hidden="true" class="leve3 tocs-link" href="#窗口管理">窗口管理</a><a aria-hidden="true" class="leve3 tocs-link" href="#出去">出去</a><a aria-hidden="true" class="leve3 tocs-link" href="#帮助">帮助</a><a aria-hidden="true" class="leve3 tocs-link" href="#杂项">杂项</a><a aria-hidden="true" class="leve3 tocs-link" href="#分屏">分屏</a><a aria-hidden="true" class="leve3 tocs-link" href="#滚动">滚动</a><a aria-hidden="true" class="leve3 tocs-link" href="#屏幕技巧">屏幕技巧</a></div></div><div class="h1wrap-body"><div class="wrap"><div class="wrap-header h2wrap"><h2 id="入门"><a aria-hidden="true" tabindex="-1" href="#入门"><span class="icon icon-link"></span></a>入门</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap"><div class="wrap-header h3wrap"><h3 id="快速开始"><a aria-hidden="true" tabindex="-1" href="#快速开始"><span class="icon icon-link"></span></a>快速开始</h3><div class="wrap-body">
</svg></div><div class="menu-modal"><a aria-hidden="true" class="leve2 tocs-link" href="#入门">入门</a><a aria-hidden="true" class="leve3 tocs-link" href="#快速开始">快速开始</a><a aria-hidden="true" class="leve3 tocs-link" href="#选项">选项</a><a aria-hidden="true" class="leve3 tocs-link" href="#进入">进入</a><a aria-hidden="true" class="leve3 tocs-link" href="#窗口管理">窗口管理</a><a aria-hidden="true" class="leve3 tocs-link" href="#出去">出去</a><a aria-hidden="true" class="leve3 tocs-link" href="#帮助">帮助</a><a aria-hidden="true" class="leve3 tocs-link" href="#杂项">杂项</a><a aria-hidden="true" class="leve3 tocs-link" href="#分屏">分屏</a><a aria-hidden="true" class="leve3 tocs-link" href="#滚动">滚动</a><a aria-hidden="true" class="leve3 tocs-link" href="#屏幕技巧">屏幕技巧</a></div></div><div class="h1wrap-body"><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="入门"><a aria-hidden="true" tabindex="-1" href="#入门"><span class="icon icon-link"></span></a>入门</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="快速开始"><a aria-hidden="true" tabindex="-1" href="#快速开始"><span class="icon icon-link"></span></a>快速开始</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line">$ <span class="token function">screen</span>
</span></code></pre>
<hr>
@ -53,7 +53,7 @@
<p>3. 重新附加屏幕会话</p>
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line">$ <span class="token function">screen</span> <span class="token parameter variable">-r</span> <span class="token operator">&#x3C;</span>name/pid<span class="token operator">></span>
</span></code></pre>
</div></div></div><div class="wrap col-span-2"><div class="wrap-header h3wrap"><h3 id="选项"><a aria-hidden="true" tabindex="-1" href="#选项"><span class="icon icon-link"></span></a>选项</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist col-span-2"><div class="wrap-header h3wrap"><h3 id="选项"><a aria-hidden="true" tabindex="-1" href="#选项"><span class="icon icon-link"></span></a>选项</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-2-->
@ -102,7 +102,7 @@
<table class="show-header"><thead><tr><th align="left">选项</th><th align="left">示例</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>-S</code></td><td align="left">screen -S debug</td><td align="left">使用会话名称启动新会话</td></tr><tr><td align="left"><code>-ls</code></td><td align="left">screen -ls</td><td align="left">列出正在运行的会话/屏幕</td></tr><tr><td align="left"><code>-x</code></td><td align="left">screen -x</td><td align="left">附加到正在运行的会话</td></tr><tr><td align="left"><code>-r</code></td><td align="left">screen -r debug</td><td align="left">使用名称附加到正在运行的会话</td></tr><tr><td align="left"><code>-R</code></td><td align="left">screen -R debug</td><td align="left">附加到会话 <em>(如果它不存在将创建)</em></td></tr><tr><td align="left"><code>-d</code></td><td align="left">screen -d -m wget xxxx.com/large.file</td><td align="left">分离模式下的开始屏幕</td></tr><tr><td align="left"><code>-X</code></td><td align="left">screen -X -S debug kill</td><td align="left">终止正在运行的会话</td></tr></tbody></table>
<!--rehype:className=show-header-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="进入"><a aria-hidden="true" tabindex="-1" href="#进入"><span class="icon icon-link"></span></a>进入</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="进入"><a aria-hidden="true" tabindex="-1" href="#进入"><span class="icon icon-link"></span></a>进入</h3><div class="wrap-body">
@ -133,7 +133,7 @@
<table><thead><tr><th align="left">Command</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><code>screen -S &#x3C;name></code></td><td align="left">使用会话名称开始新的屏幕会话</td></tr><tr><td align="left"><code>screen -ls</code></td><td align="left">列出正在运行的会话/屏幕</td></tr><tr><td align="left"><code>screen -x</code></td><td align="left">附加到正在运行的会话</td></tr><tr><td align="left"><code>screen -r &#x3C;name></code></td><td align="left">使用名称附加到正在运行的会话</td></tr><tr><td align="left"><code>screen -dRR</code></td><td align="left">“终极附加”</td></tr></tbody></table>
</div></div></div><div class="wrap col-span-2 row-span-2"><div class="wrap-header h3wrap"><h3 id="窗口管理"><a aria-hidden="true" tabindex="-1" href="#窗口管理"><span class="icon icon-link"></span></a>窗口管理</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist col-span-2 row-span-2"><div class="wrap-header h3wrap"><h3 id="窗口管理"><a aria-hidden="true" tabindex="-1" href="#窗口管理"><span class="icon icon-link"></span></a>窗口管理</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-2 row-span-2-->
@ -190,7 +190,7 @@
<table class="shortcuts"><thead><tr><th align="left">Command</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><code>Ctrl-A</code> <code>C</code></td><td align="left">创建新窗口</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>Ctrl-A</code></td><td align="left">更改为上次访问的活动窗口</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>0...9</code></td><td align="left">按编号切换到窗口</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>'</code> <code>&#x3C;0...9 or title></code></td><td align="left">按编号或名称更改为窗口</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>N</code> or <code>Ctrl-A</code> <code>&#x3C;space></code></td><td align="left">切换到列表中的下一个窗口</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>P</code> or <code>Ctrl-A</code> <code>&#x3C;backspace></code></td><td align="left">切换到列表中的上一个窗口</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>"</code></td><td align="left">查看窗口列表</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>W</code></td><td align="left">显示窗口栏</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>K</code></td><td align="left">杀死当前窗口 <em>(不推荐)</em></td></tr><tr><td align="left"><code>Ctrl-A</code> <code>\</code></td><td align="left">杀死所有窗口 <em>(不推荐)</em></td></tr><tr><td align="left"><code>Ctrl-A</code> <code>A</code></td><td align="left">重命名当前窗口</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="出去"><a aria-hidden="true" tabindex="-1" href="#出去"><span class="icon icon-link"></span></a>出去</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="出去"><a aria-hidden="true" tabindex="-1" href="#出去"><span class="icon icon-link"></span></a>出去</h3><div class="wrap-body">
@ -218,7 +218,7 @@
<table class="shortcuts"><thead><tr><th align="left">Command</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><code>Ctrl-A</code> <code>D</code></td><td align="left">分离</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>D</code> <code>D</code></td><td align="left">分离和注销 <br> <em>(快速退出)</em></td></tr><tr><td align="left"><code>Ctrl-A</code> <code>:</code></td><td align="left">退出所有会话</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>C-\</code></td><td align="left">强制退出屏幕<br> <em>(不推荐)</em></td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="帮助"><a aria-hidden="true" tabindex="-1" href="#帮助"><span class="icon icon-link"></span></a>帮助</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="帮助"><a aria-hidden="true" tabindex="-1" href="#帮助"><span class="icon icon-link"></span></a>帮助</h3><div class="wrap-body">
@ -234,7 +234,7 @@
<table class="shortcuts"><thead><tr><th>Command</th><th>Description</th></tr></thead><tbody><tr><td><code>Ctrl-A</code> <code>?</code></td><td>查看帮助 <em>(列出键绑定)</em></td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap col-span-2 row-span-2"><div class="wrap-header h3wrap"><h3 id="杂项"><a aria-hidden="true" tabindex="-1" href="#杂项"><span class="icon icon-link"></span></a>杂项</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist col-span-2 row-span-2"><div class="wrap-header h3wrap"><h3 id="杂项"><a aria-hidden="true" tabindex="-1" href="#杂项"><span class="icon icon-link"></span></a>杂项</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-2 row-span-2-->
@ -287,7 +287,7 @@
<table class="shortcuts"><thead><tr><th align="left">Command</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><code>Ctrl-A</code> <code>C-l</code></td><td align="left">重绘窗口</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>[</code></td><td align="left">复制模式</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>ESC</code></td><td align="left">复制模式</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>]</code></td><td align="left">粘贴</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>M</code></td><td align="left">活动监控窗口</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>_</code></td><td align="left">静音监控窗口</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>Ctrl-V</code></td><td align="left">输入二合字母 <em>(非 ASCII 字符)</em></td></tr><tr><td align="left"><code>Ctrl-A</code> <code>X</code></td><td align="left">锁定(密码保护)显示</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>:</code></td><td align="left">输入屏幕命令</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>H</code></td><td align="left">在屏幕会话中启用日志记录</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="分屏"><a aria-hidden="true" tabindex="-1" href="#分屏"><span class="icon icon-link"></span></a>分屏</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="分屏"><a aria-hidden="true" tabindex="-1" href="#分屏"><span class="icon icon-link"></span></a>分屏</h3><div class="wrap-body">
@ -323,7 +323,7 @@
<table class="shortcuts"><thead><tr><th align="left">Command</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><code>Ctrl-A</code> <code>S</code></td><td align="left">水平分割显示</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>V</code></td><td align="left">垂直分割显示</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>|</code></td><td align="left">垂直拆分显示</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>TAB</code></td><td align="left">跳转到下一个显示区域</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>X</code></td><td align="left">删除当前区域</td></tr><tr><td align="left"><code>Ctrl-A</code> <code>Q</code></td><td align="left">删除除当前区域之外的所有区域</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="滚动"><a aria-hidden="true" tabindex="-1" href="#滚动"><span class="icon icon-link"></span></a>滚动</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="滚动"><a aria-hidden="true" tabindex="-1" href="#滚动"><span class="icon icon-link"></span></a>滚动</h3><div class="wrap-body">
@ -351,7 +351,7 @@
<table class="shortcuts"><thead><tr><th align="left">Command</th><th align="left">Description</th></tr></thead><tbody><tr><td align="left"><code>Ctrl-a esc</code></td><td align="left">进入滚动模式</td></tr><tr><td align="left"><code>Ctrl-u</code></td><td align="left">向上滑动</td></tr><tr><td align="left"><code>Ctrl-d</code></td><td align="left">向下滚动</td></tr><tr><td align="left"><code>esc esc</code></td><td align="left">退出滚动模式</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="屏幕技巧"><a aria-hidden="true" tabindex="-1" href="#屏幕技巧"><span class="icon icon-link"></span></a>屏幕技巧</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="屏幕技巧"><a aria-hidden="true" tabindex="-1" href="#屏幕技巧"><span class="icon icon-link"></span></a>屏幕技巧</h3><div class="wrap-body">
<p><a href="./ssh.html">SSH</a> 并附加在一行中</p>
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line">$ <span class="token function">ssh</span> <span class="token parameter variable">-t</span> user@host <span class="token function">screen</span> <span class="token parameter variable">-x</span> <span class="token operator">&#x3C;</span>name/pid<span class="token operator">></span>
</span></code></pre>
@ -368,8 +368,6 @@ function anchorPoint() {
Array.from(document.querySelectorAll('.h2wrap-body .wrap')).forEach((elm) => elm.classList.remove('active'))
if (elm?.tagName === 'H3') {
elm?.parentElement?.parentElement?.classList.add('active');
const box = elm?.parentElement?.parentElement;
console.log('elm:2', box, document.querySelectorAll('.h2wrap-body .wrap'))
}
}
anchorPoint();
@ -380,7 +378,6 @@ function updateAnchor(element) {
tocanchor.classList.remove('is-active-link');
});
const anchor = element || document.querySelector(`a.tocs-link[href='${decodeURIComponent(window.location.hash)}']`);
console.log('anchor', anchor)
if (anchor) {
anchor.classList.add('is-active-link');
}