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

31
docs/semver.html
View File

@ -34,21 +34,21 @@
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="semver-备忘清单"><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="semver-备忘清单"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em">
<path d="M.357 9.024A12.07 12.07 0 0 0 2.97 19.867a12.051 12.051 0 0 0 10.38 4.063c7.768-.703 13.086-9.799 9.517-16.8-.416-1.19-2.07-.368-1.903.596.287.7.526 1.421.713 2.155a9.983 9.983 0 0 1-3.926 10.25 9.965 9.965 0 0 1-14.807-3.809A9.984 9.984 0 0 1 4.44 5.448a9.968 9.968 0 0 1 4.85-3.044 9.868 9.868 0 0 1 7.02.631.333.333 0 0 1 .155.429l-3.962 10.62c-.107.81-.69.786-.797 0l-2.38-7.37a1.572 1.572 0 0 0-.773-.988c-1.19-.56-3.093.667-2.379 2.155l3.914 10.441c.524 1.393 1.023 1.834 2.058 1.834s1.535-.44 2.058-1.834L20 3.94a1.036 1.036 0 0 0-.369-1.19C13.1-2.907 2.32.641.357 9.023z"></path>
</svg>
<a aria-hidden="true" tabindex="-1" href="#semver-备忘清单"><span class="icon icon-link"></span></a>Semver 备忘清单</h1><div class="wrap-body">
<p>这个 semver 语义化版本快速参考备忘清单。</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="#semver">Semver</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="#部分向右">部分向右</a><a aria-hidden="true" class="leve4 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="#semver">Semver</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="#部分向右">部分向右</a><a aria-hidden="true" class="leve4 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">
<p><a href="http://semver.org/">Semver</a> 是一种语义版本控制规范。</p>
<ul>
<li><a href="http://semver.org/">语义版本控制规范文档</a> <em>(semver.org)</em></li>
<li><a href="https://docs.npmjs.com/cli/v6/using-npm/semver">npm 的语义版本器</a> <em>(npmjs.com)</em></li>
</ul>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="semver"><a aria-hidden="true" tabindex="-1" href="#semver"><span class="icon icon-link"></span></a>Semver</h3><div class="wrap-body">
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="semver"><a aria-hidden="true" tabindex="-1" href="#semver"><span class="icon icon-link"></span></a>Semver</h3><div class="wrap-body">
@ -71,7 +71,7 @@
<table><thead><tr><th>-</th><th>-</th></tr></thead><tbody><tr><td><code>主版本号(MAJOR)</code></td><td>当你做了不兼容的 API 修改</td></tr><tr><td><code>次版本号(MINOR)</code></td><td>当你做了向下兼容的功能性新增</td></tr><tr><td><code>修订号(PATCH)</code></td><td>当你做了向下兼容的问题修正</td></tr></tbody></table>
</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">
<pre><code class="code-highlight"><span class="code-line"> 1.2.3
</span><span class="code-line"> =1.2.3
</span><span class="code-line"> >1.2.3
@ -79,7 +79,7 @@
</span><span class="code-line">>=1.2.3
</span></code></pre>
<p>请注意，后缀版本（<code>1.2.3-rc1</code>）不匹配。</p>
</div></div></div><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">
</div></div></div><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-->
@ -158,7 +158,7 @@
<table class="shortcuts"><thead><tr><th>范围</th><th>描述</th><th>Notes</th></tr></thead><tbody><tr><td><code>~1.2.3</code></td><td>是 <code>>=1.2.3 &#x3C;1.3.0</code></td><td></td></tr><tr><td><code>^1.2.3</code></td><td>是 <code>>=1.2.3 &#x3C;2.0.0</code></td><td></td></tr><tr><td><code>^0.2.3</code></td><td>是 <code>>=0.2.3 &#x3C;0.3.0</code></td><td>(0.x.x 是特殊的)</td></tr><tr><td><code>^0.0.1</code></td><td>是 <code>=0.0.1</code></td><td>(0.0.x 是特殊的)</td></tr><tr><td><code>^1.2</code></td><td>是 <code>>=1.2.0 &#x3C;2.0.0</code></td><td>(像 ^1.2.0)</td></tr><tr><td><code>~1.2</code></td><td>是 <code>>=1.2.0 &#x3C;1.3.0</code></td><td>(像 ~1.2.0)</td></tr><tr><td><code>^1</code></td><td>是 <code>>=1.0.0 &#x3C;2.0.0</code></td><td></td></tr><tr><td><code>~1</code></td><td>相同的</td><td></td></tr><tr><td><code>1.x</code></td><td>相同的</td><td></td></tr><tr><td><code>1.*</code></td><td>相同的</td><td></td></tr><tr><td><code>1</code></td><td>相同的</td><td></td></tr><tr><td><code>*</code></td><td>任何版本</td><td></td></tr><tr><td><code>x</code></td><td>相同的</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-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">
@ -174,7 +174,7 @@
<table class="shortcuts show-header"><thead><tr><th>范围</th><th>描述</th></tr></thead><tbody><tr><td><code>1.2.3 - 2.3.4</code></td><td>是 <code>>=1.2.3 &#x3C;=2.3.4</code></td></tr></tbody></table>
<!--rehype:className=shortcuts show-header-->
</div></div><div class="h3wrap-body"><div class="wrap"><div class="wrap-header h4wrap"><h4 id="部分向右"><a aria-hidden="true" tabindex="-1" href="#部分向右"><span class="icon icon-link"></span></a>部分向右</h4><div class="wrap-body">
</div></div><div class="h3wrap-body"><div class="wrap h4body-not-exist"><div class="wrap-header h4wrap"><h4 id="部分向右"><a aria-hidden="true" tabindex="-1" href="#部分向右"><span class="icon icon-link"></span></a>部分向右</h4><div class="wrap-body">
@ -194,7 +194,7 @@
<table class="shortcuts"><thead><tr><th>范围</th><th>描述</th></tr></thead><tbody><tr><td><code>1.2.3 - 2.3</code></td><td>是 <code>>=1.2.3 &#x3C;2.4.0</code></td></tr><tr><td><code>1.2.3 - 2</code></td><td>是 <code>>=1.2.3 &#x3C;3.0.0</code></td></tr></tbody></table>
<!--rehype:className=shortcuts-->
</div></div></div><div class="wrap"><div class="wrap-header h4wrap"><h4 id="部分向左"><a aria-hidden="true" tabindex="-1" href="#部分向左"><span class="icon icon-link"></span></a>部分向左</h4><div class="wrap-body">
</div></div></div><div class="wrap h4body-not-exist"><div class="wrap-header h4wrap"><h4 id="部分向左"><a aria-hidden="true" tabindex="-1" href="#部分向左"><span class="icon icon-link"></span></a>部分向左</h4><div class="wrap-body">
@ -212,7 +212,7 @@
<!--rehype:className=shortcuts-->
<p>当右侧为部分（例如，<code>2.3</code>）时，假定缺失的部分为<code>x</code>（例如，<code> 2.3.x</code>）。</p>
<p>如果左边是部分的（例如，<code>1.2</code>），则假定缺少的部分为<code>0</code>（例如，<code> 1.2.0</code>）。</p>
</div></div></div></div></div><div class="wrap row-span-4"><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></div><div class="wrap h3body-not-exist row-span-4"><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-4-->
<pre class="language-js"><code class="language-js code-highlight"><span class="code-line"><span class="token number">0.0</span><span class="token number">.4</span>
</span><span class="code-line"><span class="token number">1.2</span><span class="token number">.3</span>
@ -246,7 +246,7 @@
</span><span class="code-line"><span class="token number">99999999999999999999999.999999999999999999</span><span class="token number">.99999999999999999</span>
</span><span class="code-line"><span class="token number">1.0</span><span class="token number">.0</span><span class="token operator">-</span>0A<span class="token punctuation">.</span><span class="token property-access">is</span><span class="token punctuation">.</span><span class="token property-access">legal</span>
</span></code></pre>
</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">
@ -266,7 +266,7 @@
<table class="shortcuts show-header"><thead><tr><th>范围</th><th>描述</th></tr></thead><tbody><tr><td><code>>=0.14 &#x3C;16</code></td><td>和 (空格分隔)</td></tr><tr><td><code>0.14.x || 15.x.x</code></td><td>或 (双竖线分隔)</td></tr></tbody></table>
<!--rehype:className=shortcuts show-header-->
</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-->
@ -295,11 +295,11 @@
<table class="shortcuts"><thead><tr><th>范围</th><th>描述</th></tr></thead><tbody><tr><td><code>^</code></td><td>意思是“兼容”</td></tr><tr><td><code>~</code></td><td>意思是“相当接近”</td></tr><tr><td><code>0.x.x</code></td><td>用于“初始开发”</td></tr><tr><td><code>1.x.x</code></td><td>表示定义了公共 API</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">
<pre><code class="code-highlight"><span class="code-line">1.2.3-prerelease+build
</span><span class="code-line">1.1.2-prerelease+meta
</span></code></pre>
</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://regex101.com/r/vkijKf/1/">语义化版本号验证正则表达式，支持按编号提取的语言</a></li>
<li><a href="https://regex101.com/r/Ly7O1x/3/">语义化版本号验证正则表达式，支持按组名称提取的语言</a></li>
@ -317,8 +317,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();
@ -329,7 +327,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');
}