mirror of
https://github.com/jaywcjlove/reference.git
synced 2025-06-17 20:51:21 +08:00
feat: add http-status-code.md cheatsheet. 5094fac68a
This commit is contained in:
jaywcjlove
1696
docs/emoji.html
1696
docs/emoji.html
File diff suppressed because it is too large
Load Diff
235
docs/http-status-code.html
Normal file
235
docs/http-status-code.html
Normal file
@ -0,0 +1,235 @@
|
||||
<!doctype html>
|
||||
<html lang="en" data-color-mode="dark">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>HTTP 状态码备忘清单
|
||||
& http-status-code cheatsheet & Quick Reference</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta description="HTTP 状态码备忘清单。 每个 HTTP 状态代码的快速参考。为开发人员分享快速参考备忘单。">
|
||||
<meta keywords="Quick,Reference,cheatsheet,http-status-code">
|
||||
<link rel="stylesheet" href="../style/style.css">
|
||||
</head>
|
||||
<body><nav class="header-nav"><div class="max-container"><a href="../index.html" class="logo"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" height="1em" width="1em"><path opacity=".5" d="m21.66 10.44-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2 1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23Z" fill="white"></path><path d="M15.06 19.39c-.62.42-1.4.77-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76L2.5 13.28c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52c.41-.13.8-.24 1.17-.31-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4c.58.14 1.12.23 1.62.27Zm2.43-8.88c-.06 0-.12-.01-.19-.02l-4.85-1.23a.75.75 0 0 1 .37-1.45l4.85 1.23a.748.748 0 0 1-.18 1.47Z" fill="#cbd5e1"></path><path d="M14.56 13.89c-.06 0-.12-.01-.19-.02l-2.91-.74a.75.75 0 0 1 .37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z" fill="#292D32"></path></svg><span class="title">Quick Reference</span></a><div class="menu"><a href="https://github.com/jaywcjlove/reference/blob/main/docs/http-status-code.md" class="" target="__blank"><svg viewBox="0 0 36 36" fill="currentColor" height="1em" width="1em"><path d="m33 6.4-3.7-3.7a1.71 1.71 0 0 0-2.36 0L23.65 6H6a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V11.76l3-3a1.67 1.67 0 0 0 0-2.36ZM18.83 20.13l-4.19.93 1-4.15 9.55-9.57 3.23 3.23ZM29.5 9.43 26.27 6.2l1.85-1.85 3.23 3.23Z"></path><path fill="none" d="M0 0h36v36H0z"></path></svg><span>编辑</span></a><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>HTTP 状态码备忘清单</h1><div class="wrap-body">
|
||||
<p>HTTP 状态码备忘清单。 每个 HTTP 状态代码的快速参考。</p>
|
||||
</div></header><div class="h1wrap-body"><div class="wrap"><div class="wrap-header h2wrap"><h2>HTTP 状态码</h2><div class="wrap-body">
|
||||
</div></div><div class="h2wrap-body"><div class="wrap"><div class="wrap-header h3wrap"><h3>Means</h3><div class="wrap-body">
|
||||
<ul>
|
||||
<li><a href="#1xx-information" class="tooltip">1xx: Informational<em class="tooltiptext">这意味着已收到请求并且该过程正在继续。</em></a></li>
|
||||
<li><a href="#2xx-successful" class="tooltip">2xx: Success<em class="tooltiptext">这意味着该操作已成功接收、理解和接受。</em></a></li>
|
||||
<li><a href="#3xx-redirection" class="tooltip">3xx: Redirection<em class="tooltiptext">这意味着必须采取进一步行动才能完成请求。</em></a></li>
|
||||
<li><a href="#4xx-client-error" class="tooltip">4xx: Client Error<em class="tooltiptext">这意味着请求包含不正确的语法或无法完成。</em></a></li>
|
||||
<li><a href="#5xx-server-error" class="tooltip">5xx: Server Error<em class="tooltiptext">这意味着服务器未能满足明显有效的请求。</em></a></li>
|
||||
</ul>
|
||||
</div></div></div><div class="wrap row-span-2"><div class="wrap-header h3wrap"><h3>2xx. 成功的</h3><div class="wrap-body"><!--rehype:wrap-class=row-span-2-->
|
||||
<ul>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.3.1" class="tooltip">200: OK<em class="tooltiptext">请求没问题。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.3.2" class="tooltip">201: Created<em class="tooltiptext">请求完成，并创建了一个新资源。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.3.3" class="tooltip">202: Accepted<em class="tooltiptext">接受请求进行处理，但处理未完成。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.3.4" class="tooltip">203: Non-Authoritative Information<em class="tooltiptext">实体标头中的信息来自本地或第三方副本，而不是来自原始服务器。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.3.5" class="tooltip">204: No Content<em class="tooltiptext">响应中给出了状态码和标头，但响应中没有实体主体。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.3.6" class="tooltip">205: Reset Content<em class="tooltiptext">浏览器应清除用于此事务的表单以获取其他输入。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7233#section-4.1" class="tooltip">206: Partial Content<em class="tooltiptext">服务器正在返回请求大小的部分数据。 用于响应指定 Range 标头的请求。 服务器必须使用 Content-Range 标头指定响应中包含的范围。</em></a></li>
|
||||
</ul>
|
||||
</div></div></div><div class="wrap row-span-3"><div class="wrap-header h3wrap"><h3>4xx. 客户端错误</h3><div class="wrap-body"><!--rehype:wrap-class=row-span-3-->
|
||||
<ul>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.1" class="tooltip">400: Bad Request<em class="tooltiptext">服务器不理解该请求。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7235#section-3.1" class="tooltip">401: Unauthorized<em class="tooltiptext">请求的页面需要用户名和密码。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.2" class="tooltip">402: Payment Required<em class="tooltiptext">您还不能使用此代码。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.3" class="tooltip">403: Forbidden<em class="tooltiptext">禁止访问请求的页面。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.4" class="tooltip">404: Not Found<em class="tooltiptext">服务器找不到请求的页面。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.5" class="tooltip">405: Method Not Allowed<em class="tooltiptext">请求中指定的方法是不允许的。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.6" class="tooltip">406: Not Acceptable<em class="tooltiptext">服务器只能生成客户端不接受的响应。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7235#section-3.2" class="tooltip">407: Proxy Authentication Required<em class="tooltiptext">您必须先通过代理服务器进行身份验证，然后才能提供此请求。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.7" class="tooltip">408: Request Timeout<em class="tooltiptext">请求花费的时间比服务器准备等待的时间长。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.8" class="tooltip">409: Conflict<em class="tooltiptext">由于冲突，请求无法完成。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.9" class="tooltip">410: Gone<em class="tooltiptext">请求的页面不再可用。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.10" class="tooltip">411: Length Required<em class="tooltiptext">“Content-Length”未定义。 没有它，服务器将不会接受请求。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7232#section-4.2" class="tooltip">412: Precondition Failed<em class="tooltiptext">请求中给出的前提条件被服务器评估为 false。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.11" class="tooltip">413: Payload Too Large<em class="tooltiptext">服务器不会接受请求，因为请求实体太大。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.12" class="tooltip">414: URI Too Long<em class="tooltiptext">服务器不会接受请求，因为 url 太长。 当您将“发布”请求转换为具有长查询信息的“获取”请求时发生。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.13" class="tooltip">415: Unsupported Media Type<em class="tooltiptext">服务器不会接受请求，因为不支持媒体类型。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7233#section-4.4" class="tooltip">416: Range Not Satisfiable<em class="tooltiptext">请求的字节范围不可用且超出范围。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.14" class="tooltip">417: Expectation Failed<em class="tooltiptext">此服务器无法满足在 Expect 请求标头字段中给出的期望。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.5.15" class="tooltip">426: Upgrade Required<em class="tooltiptext">服务器拒绝使用当前协议执行请求，但在客户端升级到不同协议后可能愿意这样做。</em></a></li>
|
||||
<li><a href="https://datatracker.ietf.org/doc/html/rfc7725#section-3" class="tooltip">451: Unavailable For Legal Reasons<em class="tooltiptext">此状态代码表示服务器拒绝访问资源作为法律要求的结果。</em></a></li>
|
||||
</ul>
|
||||
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>1xx. 信息</h3><div class="wrap-body">
|
||||
<ul>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.2.1" class="tooltip">100: Continue<em class="tooltiptext">服务器只收到了请求的一部分，但只要没有被拒绝，客户端就应该继续请求。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.2.2" class="tooltip">101: Switching Protocols<em class="tooltiptext">服务器切换协议。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc2518#section-10.1" class="tooltip">102: Processing<em class="tooltiptext">用于通知客户端服务器已接受完整请求但尚未完成的临时响应。</em></a></li>
|
||||
</ul>
|
||||
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>3xx. 重定向</h3><div class="wrap-body">
|
||||
<ul>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.4.1" class="tooltip">300: Multiple Choices<em class="tooltiptext">一个链接列表。 用户可以选择一个链接并转到该位置。 最多五个地址。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.4.2" class="tooltip">301: Moved Permanently<em class="tooltiptext">请求的页面已移至新的 url 。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.4.3" class="tooltip">302: Found<em class="tooltiptext">请求的页面已临时移动到新的 url 。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.4.4" class="tooltip">303: See Other<em class="tooltiptext">请求的页面可以在不同的 url 下找到。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7232#section-4.1" class="tooltip">304: Not Modified<em class="tooltiptext">这是对 If-Modified-Since 或 If-None-Match 标头的响应代码，其中 URL 自指定日期以来未修改。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.4.5" class="tooltip">305: Use Proxy<em class="tooltiptext">请求的 URL 必须通过 Location 标头中提到的代理访问。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.4.6" class="tooltip">306: Unused<em class="tooltiptext">此代码在以前的版本中使用过。 它不再使用，但代码被保留。</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.4.7" class="tooltip">307: Temporary Redirect<em class="tooltiptext">请求的页面已临时移动到新的 url。</em></a></li>
|
||||
</ul>
|
||||
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>5xx. 服务器错误</h3><div class="wrap-body">
|
||||
<ul>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.6.1" class="tooltip">500: Internal Server Error<em class="tooltiptext">请求未完成。 服务器遇到了意外情况</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.6.2" class="tooltip">501: Not Implemented<em class="tooltiptext">请求未完成。 服务器不支持所需的功能</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.6.3" class="tooltip">502: Bad Gateway<em class="tooltiptext">请求未完成。 服务器收到来自上游服务器的无效响应</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.6.4" class="tooltip">503: Service Unavailable<em class="tooltiptext">请求未完成。 服务器暂时超载或停机</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.6.5" class="tooltip">504: Gateway Timeout<em class="tooltiptext">网关已超时</em></a></li>
|
||||
<li><a href="https://tools.ietf.org/html/rfc7231#section-6.6.6" class="tooltip">505: HTTP Version Not Supported<em class="tooltiptext">服务器不支持“http 协议”版本</em></a></li>
|
||||
</ul>
|
||||
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>RESTful API</h3><div class="wrap-body">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>:-</th>
|
||||
<th>-</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><code>200</code></td>
|
||||
<td>返回成功，GET，DELETE 请求成功。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>204</code></td>
|
||||
<td>无内容，POST 请求成功。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>301</code></td>
|
||||
<td>永久重定向。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>302/307</code></td>
|
||||
<td>临时重定向。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>304</code></td>
|
||||
<td>未修改，自上次请求以来。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>331</code></td>
|
||||
<td>用户名正确，需要密码。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>332</code></td>
|
||||
<td>需要登录帐户。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>400</code></td>
|
||||
<td>错误请求，缺少 API 请求的必需属性。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>401</code></td>
|
||||
<td>未授权，无效凭据进行身份验证将。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>403</code></td>
|
||||
<td>禁地，该请求不被允许。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>404</code></td>
|
||||
<td>未找到，无法访问资源</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>405</code></td>
|
||||
<td>方法不允许，不支持该请求。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>409</code></td>
|
||||
<td>冲突，冲突资源已存在。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>412</code></td>
|
||||
<td>该请求被拒绝。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>422</code></td>
|
||||
<td>无法处理，无法处理该实体。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>429</code></td>
|
||||
<td>请求过多，用户超出了应用速率限制。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>500</code></td>
|
||||
<td>服务器错误，在处理请求时，服务器出现问题。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>530</code></td>
|
||||
<td>未登录。</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div></div></div><div class="wrap col-span-2"><div class="wrap-header h3wrap"><h3>5xx 永久性否定</h3><div class="wrap-body"><!--rehype:wrap-class=col-span-2-->
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>:-</th>
|
||||
<th>-</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><code>500</code></td>
|
||||
<td>语法错误，命令无法识别。这可能包括诸如命令行太长之类的错误。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>501</code></td>
|
||||
<td>在参数中有语法错误。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>502</code></td>
|
||||
<td>未执行命令。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>503</code></td>
|
||||
<td>错误的命令序列。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>504</code></td>
|
||||
<td>未执行该参数的命令。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>530</code></td>
|
||||
<td>未登录。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>532</code></td>
|
||||
<td>存储文件需要帐户。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>550</code></td>
|
||||
<td>未执行请求的操作。文件不可用（例如，未找到文件，没有访问权限）。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>551</code></td>
|
||||
<td>请求的操作异常终止：未知的页面类型。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>552</code></td>
|
||||
<td>请求的文件操作异常终止：超出存储分配（对于当前目录或数据集）。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>553</code></td>
|
||||
<td>未执行请求的操作。不允许的文件名。</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>永久性否定的完成答复，该命令不成功，错误是永久性的。如果客户端重试命令，将再次出现同样的错误。</p>
|
||||
</div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2>另见</h2><div class="wrap-body">
|
||||
<ul>
|
||||
<li><a href="https://jaywcjlove.github.io/handbook/other/HTTP-status-codes.html">常见 HTTP/FTP/WebSocket 错误代码大全</a> <em>(github.io)</em></li>
|
||||
<li><a href="https://en.wikipedia.org/wiki/List_of_HTTP_status_codes">HTTP 状态码列表</a> <em>(wikipedia.org)</em></li>
|
||||
<li><a href="https://en.wikipedia.org/wiki/List_of_FTP_server_return_codes">FTP 状态码列表</a> <em>(wikipedia.org)</em></li>
|
||||
<li><a href="https://developer.mozilla.org/zh-CN/docs/Web/API/CloseEvent">MDN CloseEvent</a> <em>(mozilla.org)</em></li>
|
||||
<li><a href="https://en.wikipedia.org/wiki/HTTP_404#Custom_error_pages">HTTP 404</a> <em>(wikipedia.org)</em></li>
|
||||
<li><a href="https://en.wikipedia.org/wiki/List_of_FTP_server_return_codes">List of FTP server return codes</a> <em>(wikipedia.org)</em></li>
|
||||
<li><a href="https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Overview">HTTP概述</a> <em>(mozilla.org)</em></li>
|
||||
<li><a href="http://www.getnetgoing.com/HTTP-403.html">Help for HTTP error 403: “Forbidden”</a> <em>(getnetgoing.com)</em></li>
|
||||
<li><a href="https://www.vinaysahni.com/best-practices-for-a-pragmatic-restful-api">实用的 RESTful API 最佳实践</a> <em>(vinaysahni.com)</em></li>
|
||||
</ul>
|
||||
|
||||
</div></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 Kenny Wang, All rights reserved.</footer></footer></body>
|
||||
</html>
|
||||
@ -450,7 +450,7 @@
|
||||
</span><span class="code-line line-number" line="4"><span class="token console class-name">console</span><span class="token punctuation">.</span><span class="token method function property-access">log</span><span class="token punctuation">(</span>myArray<span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 200</span>
|
||||
</span></code></pre>
|
||||
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>可变图表</h3><div class="wrap-body">
|
||||
<table>
|
||||
<table class="show-header">
|
||||
<thead>
|
||||
<tr>
|
||||
<th align="left"></th>
|
||||
@ -490,7 +490,7 @@
|
||||
<td align="center"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table><!--rehype:className=show-header-->
|
||||
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>方法 .push()</h3><div class="wrap-body">
|
||||
<pre class="language-javascript"><code class="language-javascript code-highlight"><span class="code-line line-number" line="1"><span class="token comment">// 添加单个元素：</span>
|
||||
</span><span class="code-line line-number" line="2"><span class="token keyword">const</span> cart <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">'apple'</span><span class="token punctuation">,</span> <span class="token string">'orange'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
|
||||
|
||||
@ -101,6 +101,17 @@
|
||||
</span></span></span><span class="code-line line-number" line="4"><span class="token table"><span class="token table-data-rows"></span></span><span class="token comment"><!--rehype:className=show-header--></span>
|
||||
</span></code></pre>
|
||||
<p>注释配置添加 <code>show-header</code> 类，放置在表格下面，表头将被展示出来。</p>
|
||||
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>Tooltips</h3><div class="wrap-body">
|
||||
<p><a href="https://github.com/jaywcjlove/reference" class="tooltip">鼠标移动到上面有提示<em class="tooltiptext">Tooltips 的提示内容</em></a></p>
|
||||
<p>添加注释配置 <code><!--rehype:tooltips--></code> 添加一个 tooltips 提示。</p>
|
||||
</div></div></div><div class="wrap" style="background: #00c69357;"><div class="wrap-header h3wrap"><h3>H3 部分(卡片)背景颜色</h3><div class="wrap-body"><!--rehype:wrap-style=background: #00c69357;-->
|
||||
<pre class="wrap-text "><code class="language-markdown code-highlight"><span class="code-line line-number" line="1"><span class="token title important"><span class="token punctuation">###</span> H3 部分(卡片)背景颜色</span>
|
||||
</span><span class="code-line line-number" line="2"><span class="token comment"><!--rehype:wrap-style=background: #00c69357;--></span>
|
||||
</span></code></pre><!--rehype:className=wrap-text -->
|
||||
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 style="background:#e91e63;">红色标题</h3><div class="wrap-body"><!--rehype:style=background:#e91e63;-->
|
||||
<pre class="language-markdown"><code class="language-markdown code-highlight"><span class="code-line line-number" line="1"><span class="token title important"><span class="token punctuation">###</span> 红色标题</span>
|
||||
</span><span class="code-line line-number" line="2"><span class="token comment"><!--rehype:style=background:#e91e63;--></span>
|
||||
</span></code></pre>
|
||||
</div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2>布局</h2><div class="wrap-body">
|
||||
</div></div><div class="h2wrap-body"><div class="wrap row-span-2"><div class="wrap-header h3wrap"><h3>H2 部分</h3><div class="wrap-body"><!--rehype:wrap-class=row-span-2-->
|
||||
<pre class="language-markdown"><code class="language-markdown code-highlight"><span class="code-line line-number" line="1"><span class="token title important">H2 部分
|
||||
|
||||
@ -38,6 +38,7 @@
|
||||
</div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2>其它</h2><div class="wrap-body">
|
||||
<p class="home-card">
|
||||
<a href="./docs/quickreference.html" style="background: rgb(16 185 129/var(\-\-bg\-opacity));">Quick Reference</a><!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->
|
||||
<a href="./docs/http-status-code.html" style="background: rgb(16 185 129/var(\-\-bg\-opacity));">HTTP 状态码</a><!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->
|
||||
<a href="./docs/html-char.html" style="background: rgb(16 185 129/var(\-\-bg\-opacity));">HTML 字符实体</a><!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->
|
||||
<a href="./docs/emoji.html" style="background: rgb(16 185 129/var(\-\-bg\-opacity));">Emoji</a><!--rehype:style=background: rgb(16 185 129/var(\-\-bg\-opacity));-->
|
||||
</p><!--rehype:class=home-card-->
|
||||
|
||||
@ -62,10 +62,6 @@ table tr+tr {
|
||||
border-top: solid 1px #ececec94;
|
||||
border-color: rgb(51 65 85/0.5);
|
||||
}
|
||||
|
||||
table td:first-child {
|
||||
white-space: nowrap;
|
||||
}
|
||||
table td, table th {
|
||||
padding: 9px 14px;
|
||||
text-align: left;
|
||||
@ -322,6 +318,7 @@ a.text-grey {
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
z-index: 10;
|
||||
border-top-right-radius: 0.5rem;
|
||||
border-bottom-left-radius: 0.5rem;
|
||||
background-color: #228e6c;
|
||||
padding-left: 0.75rem;
|
||||
@ -447,7 +444,6 @@ a.text-grey {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
border-radius: 0.5rem;
|
||||
padding-top: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
@ -495,6 +491,46 @@ a.text-grey {
|
||||
.wrap-text {
|
||||
white-space: pre-wrap !important;
|
||||
overflow-wrap: break-word !important;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
.tooltip .tooltiptext {
|
||||
display: none;
|
||||
font-style: inherit;
|
||||
position: absolute;
|
||||
background-color: rgb(67 67 67 / 66%);
|
||||
color: #fff;
|
||||
padding: 0.5rem;
|
||||
font-size: 12px;
|
||||
opacity: 0;
|
||||
border-radius: 0.5rem;
|
||||
z-index: 1;
|
||||
transition: opacity .6s;
|
||||
line-height: 1.5;
|
||||
|
||||
width: 220px;
|
||||
bottom: 125%;
|
||||
left: 50%;
|
||||
margin-left: -110px;
|
||||
}
|
||||
.tooltip .tooltiptext::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: rgb(67 67 67 / 66%) transparent transparent transparent;
|
||||
}
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
display: inline-block;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
[data-color-mode*='light'], [data-color-mode*='light'] body {
|
||||
|
||||
Reference in New Issue
Block a user