buyfakett/reference
1
0
Fork 0
mirror of https://github.com/jaywcjlove/reference.git synced 2025-06-19 21:51:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add es6.md cheatsheet. b258494776

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

29
docs/sublime-text.html
View File

@ -34,15 +34,15 @@
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="sublime-text-备忘清单"><svg viewBox="0 0 24 24" 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="sublime-text-备忘清单"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em">
<path d="M20.953.004a.397.397 0 0 0-.18.017L3.225 5.585c-.175.055-.323.214-.402.398a.42.42 0 0 0-.06.22v5.726a.42.42 0 0 0 .06.22c.079.183.227.341.402.397l7.454 2.364-7.454 2.363c-.255.08-.463.374-.463.655v5.688c0 .282.208.444.463.363l17.55-5.565c.237-.075.426-.336.452-.6.003-.022.013-.04.013-.065V12.06c0-.281-.208-.575-.463-.656L13.4 9.065l7.375-2.339c.255-.08.462-.375.462-.656V.384c0-.211-.117-.355-.283-.38z"></path>
</svg>
<a aria-hidden="true" tabindex="-1" href="#sublime-text-备忘清单"><span class="icon icon-link"></span></a>Sublime Text 备忘清单</h1><div class="wrap-body">
<p>这个 <a href="https://www.sublimetext.com/">Sublime Text</a> 快速参考备忘单显示了它的键盘快捷键和命令。</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="#macos-键盘符号">macOS 键盘符号</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="#选择selecting">选择(Selecting)</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="leve4 tocs-link" href="#在命令行中使用-subl-命令">在命令行中使用 subl 命令</a><a aria-hidden="true" class="leve2 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 row-span-3"><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="#macos-键盘符号">macOS 键盘符号</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="#选择selecting">选择(Selecting)</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="leve4 tocs-link" href="#在命令行中使用-subl-命令">在命令行中使用 subl 命令</a><a aria-hidden="true" class="leve2 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 row-span-3"><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=row-span-3-->
<p><a href="https://www.sublimetext.com/">Sublime Text</a> 是一个用于代码、标记的复杂文本编辑器。</p>
@ -137,7 +137,7 @@
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th>说明</th></tr></thead><tbody><tr><td align="left"><code>⌘ D</code></td><td>选择单词(重复包括单词的下一个实例)</td></tr><tr><td align="left"><code>⌘ L</code></td><td>选择行(重复以包括下一行)</td></tr><tr><td align="left"><code>⌘ ⇧ L</code></td><td>将选择拆分为多行(多行编辑)</td></tr><tr><td align="left"><code>⌘ ⇧ A</code></td><td>选择标签内的文本(重复以展开)</td></tr><tr><td align="left"><code>⌃ ⇧ M</code></td><td>选择大括号或尖括号(重复展开)</td></tr><tr><td align="left"><code>⌘ X</code></td><td>剪切一行</td></tr><tr><td align="left"><code>⌃ M</code></td><td>转到匹配的括号</td></tr><tr><td align="left"><code>⌃ ↩︎</code> or <code>↩︎</code></td><td>在后面插入行</td></tr><tr><td align="left"><code>⌘ ↵</code></td><td>在后面插入行</td></tr><tr><td align="left"><code>⇧ ⌘ ↵</code></td><td>在前面插入行</td></tr><tr><td align="left"><code>⇧ ⌥ ▲</code></td><td>选择当前行光标之前</td></tr><tr><td align="left"><code>⇧ ⌥ ▼</code></td><td>选择当前行光标之后</td></tr><tr><td align="left"><code>⇧ ⌃ M</code></td><td>选择当前括号的所有内容</td></tr><tr><td align="left"><code>⌥ ⇠/⇢</code></td><td>进行逐词移动，相应的</td></tr><tr><td align="left"><code>⌥ ⇧ ⇠/⇢</code></td><td>进行逐词选择</td></tr><tr><td align="left"><code>⌘ U</code></td><td>返回到历史光标位置(撤销)</td></tr><tr><td align="left"><code>⌃ M</code></td><td>快速的在起始括号和结尾括号间切换</td></tr><tr><td align="left"><code>⌃ ⇧ M</code></td><td>则可以快速选择括号间的内容</td></tr><tr><td align="left"><code>⌃ ⇧ J</code></td><td>对于缩进型语言(例如Python)可以使用</td></tr><tr><td align="left"><code>⌃ ⌘ D</code></td><td>复制整行</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
<p>查看：<a href="https://www.sublimetext.com/">Sublime Text</a> 官网</p>
</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">
@ -181,7 +181,7 @@
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th>说明</th></tr></thead><tbody><tr><td align="left"><code>⌘ Alt [</code></td><td>折叠最近的块</td></tr><tr><td align="left"><code>⌘ Alt ]</code></td><td>展开最近的块</td></tr><tr><td align="left"><code>⌘ K ⌘ 1</code></td><td>折叠所有第一级代码块</td></tr><tr><td align="left"><code>⌘ K ⌘ 2</code></td><td>折叠所有二级代码块</td></tr><tr><td align="left"><code>⌘ K ⌘ 3</code></td><td>折叠所有第三级代码块（等）</td></tr><tr><td align="left"><code>⌘ K ⌘ T</code></td><td>折叠所有 HTML 属性</td></tr><tr><td align="left"><code>⌘ K ⌘ 0</code></td><td>展开一切</td></tr><tr><td align="left"><code>⌘ K 0</code></td><td>代码展开</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="macos-键盘符号"><a aria-hidden="true" tabindex="-1" href="#macos-键盘符号"><span class="icon icon-link"></span></a>macOS 键盘符号</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="macos-键盘符号"><a aria-hidden="true" tabindex="-1" href="#macos-键盘符号"><span class="icon icon-link"></span></a>macOS 键盘符号</h3><div class="wrap-body">
@ -221,7 +221,7 @@
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th>说明</th></tr></thead><tbody><tr><td align="left"><code>⌘</code></td><td>Command()</td></tr><tr><td align="left"><code>⌃</code></td><td>Control</td></tr><tr><td align="left"><code>⌥</code></td><td>Option(alt)</td></tr><tr><td align="left"><code>⇧</code></td><td>Shift</td></tr><tr><td align="left"><code>⇪</code></td><td>Caps Lock(大写)</td></tr><tr><td align="left"><code>fn</code></td><td>功能键就是fn</td></tr><tr><td align="left"><code>↩︎</code></td><td>return/Enter</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">
@ -257,7 +257,7 @@
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th>说明</th></tr></thead><tbody><tr><td align="left"><code>⌘ ⇧ D</code></td><td>复制当前行/选择</td></tr><tr><td align="left"><code>⌘ ⇧ K</code></td><td>删除当前行/选择</td></tr><tr><td align="left"><code>⇧ del</code></td><td>删除当前行/选择</td></tr><tr><td align="left"><code>⌘ ⇧ ▲</code></td><td>移动队列</td></tr><tr><td align="left"><code>⌘ ⇧ ▼</code></td><td>下移一行</td></tr><tr><td align="left"><code>⌘ ▼/▲</code></td><td>移动到首行/尾行</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">
@ -293,7 +293,7 @@
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th>说明</th></tr></thead><tbody><tr><td align="left"><code>⌘ P</code></td><td>去任何地方</td></tr><tr><td align="left"><code>⌘ G</code></td><td>转到行号</td></tr><tr><td align="left"><code>⌘ R</code></td><td>转到符号</td></tr><tr><td align="left"><code>⌘ P, :</code></td><td>转到行号(<code>:</code>之后输入数字)</td></tr><tr><td align="left"><code>⌘ P, #</code></td><td>转到并列出字符串模糊匹配(<code>#</code>之后输入字符)</td></tr><tr><td align="left"><code>⌘ P, @</code></td><td>转到并列出符号(<code>@</code>之后开始输入符号名称)</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="选择selecting"><a aria-hidden="true" tabindex="-1" href="#选择selecting"><span class="icon icon-link"></span></a>选择(Selecting)</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="选择selecting"><a aria-hidden="true" tabindex="-1" href="#选择selecting"><span class="icon icon-link"></span></a>选择(Selecting)</h3><div class="wrap-body">
<ul class="style-timeline shortcuts">
<li><code>⌘ + D</code><br>
选择光标所在的单词，并高亮该词出现的所有位置</li>
@ -318,7 +318,7 @@
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th>说明</th></tr></thead><tbody><tr><td align="left"><code>⌃ K</code> / <code>⌘ K K</code></td><td>从光标处删除到行末尾</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">
@ -350,7 +350,7 @@
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th>说明</th></tr></thead><tbody><tr><td align="left"><code>⇧ ⌥ 2</code></td><td>将视图拆分为两列</td></tr><tr><td align="left"><code>⇧ ⌥ 1</code></td><td>将视图还原为单列</td></tr><tr><td align="left"><code>⇧ ⌥ 5</code></td><td>将视图设置为网格（4 组）</td></tr><tr><td align="left"><code>⌃ 2</code></td><td>跳到第 2 组</td></tr><tr><td align="left"><code>⇧ ⌃ 2</code></td><td>将文件移动到组 2</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">
@ -382,18 +382,18 @@
<table class="shortcuts"><thead><tr><th align="left">快捷键</th><th>说明</th></tr></thead><tbody><tr><td align="left"><code>⌃ K ⌃ L</code></td><td>转换为小写</td></tr><tr><td align="left"><code>⌃ K ⌃ U</code></td><td>转换为大写</td></tr><tr><td align="left"><code>⇧ ⌃ K</code></td><td>删除行</td></tr><tr><td align="left"><code>⌃BACKSPACE</code></td><td>向后删除单词</td></tr><tr><td align="left"><code>⌃DEL</code></td><td>删除单词转发</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</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-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-->
<pre class="wrap-text "><code class="language-bash code-highlight"><span class="code-line"><span class="token function">sudo</span> <span class="token function">ln</span> <span class="token parameter variable">-s</span> /Applications/Sublime<span class="token punctuation">\</span> Text.app/Contents/SharedSupport/bin/subl<span class="token punctuation">\</span>
</span><span class="code-line"> /usr/local/bin/subl
</span></code></pre>
<!--rehype:className=wrap-text -->
</div></div><div class="h3wrap-body"><div class="wrap"><div class="wrap-header h4wrap"><h4 id="在命令行中使用-subl-命令"><a aria-hidden="true" tabindex="-1" href="#在命令行中使用-subl-命令"><span class="icon icon-link"></span></a>在命令行中使用 <strong>subl</strong> 命令</h4><div class="wrap-body">
</div></div><div class="h3wrap-body"><div class="wrap h4body-not-exist"><div class="wrap-header h4wrap"><h4 id="在命令行中使用-subl-命令"><a aria-hidden="true" tabindex="-1" href="#在命令行中使用-subl-命令"><span class="icon icon-link"></span></a>在命令行中使用 <strong>subl</strong> 命令</h4><div class="wrap-body">
<pre class="language-bash"><code class="language-bash code-highlight"><span class="code-line">$ subl <span class="token builtin class-name">.</span>
</span><span class="code-line">$ subl README.md
</span></code></pre>
<p>软链放到这个目录 <code>/usr/local/bin/subl</code>，这是因为 <code>Rootless</code> 机制，不能存放到 <del><code>/usr/bin/subl</code></del> 位置。</p>
</div></div></div></div></div></div></div><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></div></div></div></div><div class="wrap h2body-not-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">
<ul>
<li><a href="https://www.sublimetext.com/">Sublime Text 官网</a> <em>(sublimetext.com)</em></li>
<li><a href="https://jaywcjlove.github.io/handbook/Shortcuts/sublime.html">Sublime 编辑器快捷键</a> <em>(jaywcjlove.github.io)</em></li>
@ -411,8 +411,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();
@ -423,7 +421,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');
}