buyfakett/reference
1
0
Fork 0
mirror of https://github.com/jaywcjlove/reference.git synced 2025-06-20 06:01:22 +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

23
docs/sketch.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="sketch-备忘清单"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" 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="sketch-备忘清单"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" height="1em" width="1em">
<path d="M27.5 162.2 9 187.1h90.5l6.9-130.7-78.9 105.8zM396.3 45.7 267.7 32l135.7 147.2-7.1-133.5zM112.2 218.3l-11.2-22H9.9L234.8 458zm2-31.2h284l-81.5-88.5L256.3 33zm297.3 9.1L277.6 458l224.8-261.7h-90.9zM415.4 69 406 56.4l.9 17.3 6.1 113.4h90.3zM113.5 93.5l-4.6 85.6L244.7 32 116.1 45.7zm287.7 102.7h-290l42.4 82.9L256.3 480l144.9-283.8z"></path>
</svg>
<a aria-hidden="true" tabindex="-1" href="#sketch-备忘清单"><span class="icon icon-link"></span></a>Sketch 备忘清单</h1><div class="wrap-body">
<p>这个 Sketch 快速参考备忘单显示了它的键盘快捷键和命令。</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="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"><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="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"><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">
@ -94,7 +94,7 @@
<table class="shortcuts"><thead><tr><th>快捷键</th><th>描述</th></tr></thead><tbody><tr><td><code>a</code></td><td>(New Artboard) 新画板</td></tr><tr><td><code>s</code></td><td>(Slice) 切片</td></tr><tr><td><code>r</code></td><td>(Rectangle) 长方形</td></tr><tr><td><code>d</code></td><td>(Rounde) 圆形</td></tr><tr><td><code>u</code></td><td>(Rectangle) 长方形</td></tr><tr><td><code>o</code></td><td>(Oval) 椭圆形</td></tr><tr><td><code>l</code></td><td>(Line) 线</td></tr><tr><td><code>v</code></td><td>(Vector Point) 向量点</td></tr><tr><td><code>p</code></td><td>(Pencil) 铅笔</td></tr><tr><td><code>t</code></td><td>(Text) 文本</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap 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 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=row-span-2-->
@ -159,7 +159,7 @@
<table class="shortcuts"><thead><tr><th>快捷键</th><th>类型</th></tr></thead><tbody><tr><td><code>Cmd + B</code></td><td>加粗</td></tr><tr><td><code>Cmd + I</code></td><td>斜体</td></tr><tr><td><code>Cmd + U</code></td><td>下划线</td></tr><tr><td><code>Alt + Cmd (+) +</code></td><td>增加字体大小</td></tr><tr><td><code>Alt + Cmd (+) –</code></td><td>减小字体大小</td></tr><tr><td><code>Alt + Control + L</code></td><td>增加字符间距</td></tr><tr><td><code>Alt + Control + T</code></td><td>减少字符间距</td></tr><tr><td><code>Cmd + T</code></td><td>更改字体</td></tr><tr><td><code>Shift + Cmd + O</code></td><td>将文本转换为轮廓</td></tr><tr><td><code>Cmd + Shift + {</code></td><td>左对齐</td></tr><tr><td><code>Cmd + Shift + \</code></td><td>居中对齐</td></tr><tr><td><code>Cmd + Shift + }</code></td><td>右对齐</td></tr><tr><td><code>Control + Cmd + Space</code></td><td>特殊字符</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap 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 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=row-span-2-->
@ -232,7 +232,7 @@
<table class="shortcuts"><thead><tr><th>画布视图</th><th>快捷键</th></tr></thead><tbody><tr><td><code>Cmd (+) +</code></td><td>放大</td></tr><tr><td><code>Cmd (+) -</code></td><td>缩小</td></tr><tr><td><code>Cmd + 0</code></td><td>实际尺寸</td></tr><tr><td><code>Cmd + 1</code></td><td>中心画布</td></tr><tr><td><code>Cmd + 2</code></td><td>缩放选择</td></tr><tr><td><code>Cmd + 3</code></td><td>中心选择</td></tr><tr><td><code>§</code></td><td>临时缩放到实际大小</td></tr><tr><td><code>Alt + Tab</code></td><td>关注第一个输入字段</td></tr><tr><td><code>Control + R</code></td><td>切换标尺</td></tr><tr><td><code>Control + G</code></td><td>切换网格</td></tr><tr><td><code>Control + L</code></td><td>切换图层指南</td></tr><tr><td><code>Control + P</code></td><td>切换像素</td></tr><tr><td><code>Control + H</code></td><td>切换选择手柄</td></tr><tr><td><code>Control + X</code></td><td>切换像素网格</td></tr><tr><td><code>Space + Drag</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">
@ -272,7 +272,7 @@
<table class="shortcuts"><thead><tr><th>快捷键</th><th>Window</th></tr></thead><tbody><tr><td><code>Cmd + ~</code></td><td>在文档之间切换</td></tr><tr><td><code>Alt + Cmd + 1</code></td><td>切换层列表</td></tr><tr><td><code>Alt + Cmd + 2</code></td><td>切换检查器</td></tr><tr><td><code>Alt + Cmd + 3</code></td><td>切换图层、检查器</td></tr><tr><td><code>Alt + Cmd + T</code></td><td>切换工具栏</td></tr><tr><td><code>Cmd + .</code></td><td>演示模式</td></tr><tr><td><code>Control + Cmd + F</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">
@ -320,7 +320,7 @@
<table class="shortcuts"><thead><tr><th>编辑形状</th><th>快捷键</th></tr></thead><tbody><tr><td><code>Cmd + Alt</code></td><td>保留当前选择</td></tr><tr><td><code>Control + Cmd + M</code></td><td>用作蒙版跨度<code>(适用于图层和组)</code></td></tr><tr><td><code>Alt + Cmd + U</code></td><td>联盟</td></tr><tr><td><code>Alt + Cmd + S</code></td><td>减去</td></tr><tr><td><code>Alt + Cmd + I</code></td><td>相交</td></tr><tr><td><code>Alt + Cmd + X</code></td><td>区别</td></tr><tr><td><code>Cmd + Arrows</code></td><td>更改对象大小</td></tr><tr><td><code>Shift + Cmd + Arrows</code></td><td>将单位更改 10</td></tr><tr><td><code>1, 2, 3, 4</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">
@ -372,7 +372,7 @@
<table class="shortcuts"><thead><tr><th>快捷键</th><th>编辑图层</th></tr></thead><tbody><tr><td><code>Alt</code></td><td>显示到其他图层的距离</td></tr><tr><td><code>Alt + Cmd</code></td><td>显示到组内其他图层的距离</td></tr><tr><td><code>Alt + Drag</code></td><td>复制（用 ⌘D 重复）</td></tr><tr><td><code>Alt + Cmd + C</code></td><td>复制样式</td></tr><tr><td><code>Alt + Cmd + V</code></td><td>粘贴样式</td></tr><tr><td><code>Control + C</code></td><td>选色器</td></tr><tr><td><code>Cmd + T</code></td><td>转换</td></tr><tr><td><code>Shift + Cmd + R</code></td><td>旋转</td></tr><tr><td><code>F</code></td><td>切换填充</td></tr><tr><td><code>B</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">
@ -444,7 +444,7 @@
<table class="shortcuts"><thead><tr><th>排列图层、组和画板</th><th>快捷键</th></tr></thead><tbody><tr><td><code>Alt + Cmd + ↑</code></td><td>向前进</td></tr><tr><td><code>Control + Alt + Cmd + ↑</code></td><td>带到前面</td></tr><tr><td><code>Alt + Cmd + ↓</code></td><td>向后发送</td></tr><tr><td><code>Control + Alt + Cmd + ↓</code></td><td>送回</td></tr><tr><td><code>Shift + Cmd + H</code></td><td>隐藏</td></tr><tr><td><code>Shift + Cmd + L</code></td><td>锁</td></tr><tr><td><code>Cmd + R</code></td><td>改名</td></tr><tr><td><code>Cmd + G</code></td><td>图层组</td></tr><tr><td><code>Shift + Cmd + G</code></td><td>取消组合图层</td></tr><tr><td><code>Shift + Tab</code></td><td>选择上层</td></tr><tr><td><code>Tab</code></td><td>选择下面的图层</td></tr><tr><td><code>Esc</code></td><td>选择父画板</td></tr><tr><td><code>Cmd + F</code></td><td>按名称查找图层</td></tr><tr><td><code>Fn + ↑</code></td><td>选择上方页面</td></tr><tr><td><code>Fn + ↓</code></td><td>选择下面的页面</td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</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 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.sketch.com/">Sketch 官网</a> <em>(sketch.com)</em></li>
</ul>
@ -461,8 +461,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();
@ -473,7 +471,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');
}