feat(docs): add Erlang cheat sheet (#673)

Create an Erlang备忘清单 in markdown format to document common commands and
operations for Erlang programming, including入门, 代码结构, 常用内置函数 (BIFs),
并发编程, 错误处理, 分布式编程, OTP框架, 和测试.

This cheat sheet aims to provide a quick reference for Erlang developers and
learners, summarizing key points and examples for various aspects of the
language. 09fd8603cb
This commit is contained in:
jaywcjlove
2024-06-25 04:35:16 +00:00
parent 4fd0701a8e
commit f2f9228668
5 changed files with 216 additions and 20 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 10 MiB

After

Width:  |  Height:  |  Size: 10 MiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

196
docs/erlang.html Normal file
View File

@ -0,0 +1,196 @@
<!doctype html>
<html lang="en" data-color-mode="dark">
<head>
<meta charset="utf-8">
<title>Erlang 备忘清单
&#x26; erlang cheatsheet &#x26; Quick Reference</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta description="Erlang 是一种用于构建并发、分布式和容错系统的编程语言。以下是一些常用的命令和操作。
入门,为开发人员分享快速参考备忘单。">
<meta keywords="erlang,reference,Quick,Reference,cheatsheet,cheat,sheet">
<link rel="icon" href="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20width%3D%221em%22%3E%20%3Cpath%20d%3D%22m21.66%2010.44-.98%204.18c-.84%203.61-2.5%205.07-5.62%204.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%201.17-2.42%203.16-3.07%206.5-2.28l1.67.39c4.19.98%205.47%203.05%204.49%207.23Z%22%20fill%3D%22%23c9d1d9%22%2F%3E%20%3Cpath%20d%3D%22M15.06%2019.39c-.62.42-1.4.77-2.35%201.08l-1.58.52c-3.97%201.28-6.06.21-7.35-3.76L2.5%2013.28c-1.28-3.97-.22-6.07%203.75-7.35l1.58-.52c.41-.13.8-.24%201.17-.31-.3.61-.54%201.35-.74%202.2l-.98%204.19c-.98%204.18.31%206.24%204.48%207.23l1.68.4c.58.14%201.12.23%201.62.27Zm2.43-8.88c-.06%200-.12-.01-.19-.02l-4.85-1.23a.75.75%200%200%201%20.37-1.45l4.85%201.23a.748.748%200%200%201-.18%201.47Z%22%20fill%3D%22%23228e6c%22%20%2F%3E%20%3Cpath%20d%3D%22M14.56%2013.89c-.06%200-.12-.01-.19-.02l-2.91-.74a.75.75%200%200%201%20.37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z%22%20fill%3D%22%23228e6c%22%20%2F%3E%20%3C%2Fsvg%3E" type="image/svg+xml">
<link rel="stylesheet" href="../style/style.css">
<link rel="stylesheet" href="../style/katex.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 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="#c9d1d9"></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="#228e6c"></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="#228e6c"></path>
</svg>
<span class="title">Quick Reference</span></a><div class="menu"><a href="javascript:void(0);" class="searchbtn" id="searchbtn"><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
<path fill="currentColor" d="M17.71,16.29 L14.31,12.9 C15.4069846,11.5024547 16.0022094,9.77665502 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C9.77665502,16.0022094 11.5024547,15.4069846 12.9,14.31 L16.29,17.71 C16.4777666,17.8993127 16.7333625,18.0057983 17,18.0057983 C17.2666375,18.0057983 17.5222334,17.8993127 17.71,17.71 C17.8993127,17.5222334 18.0057983,17.2666375 18.0057983,17 C18.0057983,16.7333625 17.8993127,16.4777666 17.71,16.29 Z M2,8 C2,4.6862915 4.6862915,2 8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 Z"></path>
</svg><span>搜索</span><span>⌘K</span></a><a href="https://github.com/jaywcjlove/reference/blob/main/docs/erlang.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><button id="darkMode" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="light" height="1em" width="1em">
<path d="M6.995 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007-2.246-5.007-5.007-5.007S6.995 9.239 6.995 12zM11 19h2v3h-2zm0-17h2v3h-2zm-9 9h3v2H2zm17 0h3v2h-3zM5.637 19.778l-1.414-1.414 2.121-2.121 1.414 1.414zM16.242 6.344l2.122-2.122 1.414 1.414-2.122 2.122zM6.344 7.759 4.223 5.637l1.415-1.414 2.12 2.122zm13.434 10.605-1.414 1.414-2.122-2.122 1.414-1.414z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="dark" height="1em" width="1em">
<path d="M12 11.807A9.002 9.002 0 0 1 10.049 2a9.942 9.942 0 0 0-5.12 2.735c-3.905 3.905-3.905 10.237 0 14.142 3.906 3.906 10.237 3.905 14.143 0a9.946 9.946 0 0 0 2.735-5.119A9.003 9.003 0 0 1 12 11.807z"></path>
</svg>
</button><script src="../js/dark.js?v=1.5.5"></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="erlang-备忘清单"><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="#erlang-备忘清单"><span class="icon icon-link"></span></a>Erlang 备忘清单</h1><div class="wrap-body">
<p>Erlang 是一种用于构建并发、分布式和容错系统的编程语言。以下是一些常用的命令和操作。</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" data-num="2" href="#入门">入门</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#启动-erlang-shell">启动 Erlang Shell</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#编译代码">编译代码</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#运行代码">运行代码</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#退出-erlang-shell">退出 Erlang Shell</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#代码结构">代码结构</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#模块定义">模块定义</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#导出函数">导出函数</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#注释">注释</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#常用内置函数-bifs">常用内置函数 (BIFs)</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#列表操作">列表操作</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#元组操作">元组操作</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#字符串操作">字符串操作</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#文件操作">文件操作</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#并发编程">并发编程</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#创建进程">创建进程</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#发送消息">发送消息</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#接收消息">接收消息</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#链接进程">链接进程</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#监控进程">监控进程</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#错误处理">错误处理</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#捕获异常">捕获异常</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#常见异常类型">常见异常类型</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#分布式编程">分布式编程</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#启动分布式节点">启动分布式节点</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#连接节点">连接节点</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#发送消息到远程节点">发送消息到远程节点</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#otp-框架">OTP 框架</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#定义-genserver">定义 GenServer</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#使用-genserver">使用 GenServer</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#测试">测试</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#编写-eunit-测试">编写 EUnit 测试</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#运行-eunit-测试">运行 EUnit 测试</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" 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="启动-erlang-shell"><a aria-hidden="true" tabindex="-1" href="#启动-erlang-shell"><span class="icon icon-link"></span></a>启动 Erlang Shell</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line">erl
</span></code></pre>
</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 class="language-shell"><code class="language-shell code-highlight"><span class="code-line"><span class="token comment"># 在 Erlang Shell 中编译</span>
</span><span class="code-line">c<span class="token punctuation">(</span>module<span class="token punctuation">)</span>.
</span><span class="code-line"><span class="token comment"># 在命令行中编译</span>
</span><span class="code-line">erlc module.erl
</span></code></pre>
</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 class="language-shell"><code class="language-shell code-highlight"><span class="code-line"><span class="token comment"># 在 Erlang Shell 中运行</span>
</span><span class="code-line">module:function<span class="token punctuation">(</span><span class="token punctuation">)</span>.
</span><span class="code-line"><span class="token comment"># 从命令行运行</span>
</span><span class="code-line">erl <span class="token parameter variable">-noshell</span> <span class="token parameter variable">-s</span> module <span class="token keyword">function</span> <span class="token parameter variable">-s</span> init stop
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="退出-erlang-shell"><a aria-hidden="true" tabindex="-1" href="#退出-erlang-shell"><span class="icon icon-link"></span></a>退出 Erlang Shell</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line">q<span class="token punctuation">(</span><span class="token punctuation">)</span>.
</span></code></pre>
</div></div></div></div></div><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-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token operator">-</span><span class="token function">module</span><span class="token punctuation">(</span><span class="token atom">module_name</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token operator">-</span><span class="token function">export</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token atom">function_name</span><span class="token operator">/</span><span class="token atom">arity</span><span class="token punctuation">,</span> <span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token function">function_name</span><span class="token punctuation">(</span><span class="token variable">Args</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">></span>
</span><span class="code-line"> <span class="token comment">% Function body.</span>
</span><span class="code-line"> <span class="token variable">Result</span><span class="token punctuation">.</span>
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token operator">-</span><span class="token function">export</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token atom">function1</span><span class="token operator">/</span><span class="token number">0</span><span class="token punctuation">,</span> <span class="token atom">function2</span><span class="token operator">/</span><span class="token number">1</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token comment">% 单行注释</span>
</span></code></pre>
</div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="常用内置函数-bifs"><a aria-hidden="true" tabindex="-1" href="#常用内置函数-bifs"><span class="icon icon-link"></span></a>常用内置函数 (BIFs)</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-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token atom">lists</span><span class="token punctuation">:</span><span class="token function">append</span><span class="token punctuation">(</span><span class="token variable">List1</span><span class="token punctuation">,</span> <span class="token variable">List2</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token atom">lists</span><span class="token punctuation">:</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token variable">Function</span><span class="token punctuation">,</span> <span class="token variable">List</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token atom">lists</span><span class="token punctuation">:</span><span class="token function">filter</span><span class="token punctuation">(</span><span class="token variable">Function</span><span class="token punctuation">,</span> <span class="token variable">List</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token atom">lists</span><span class="token punctuation">:</span><span class="token function">foldl</span><span class="token punctuation">(</span><span class="token variable">Function</span><span class="token punctuation">,</span> <span class="token variable">Acc</span><span class="token punctuation">,</span> <span class="token variable">List</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token function">element</span><span class="token punctuation">(</span><span class="token variable">N</span><span class="token punctuation">,</span> <span class="token variable">Tuple</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token function">setelement</span><span class="token punctuation">(</span><span class="token variable">N</span><span class="token punctuation">,</span> <span class="token variable">Tuple</span><span class="token punctuation">,</span> <span class="token variable">Value</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token function">tuple_size</span><span class="token punctuation">(</span><span class="token variable">Tuple</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token atom">string</span><span class="token punctuation">:</span><span class="token function">len</span><span class="token punctuation">(</span><span class="token variable">String</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token atom">string</span><span class="token punctuation">:</span><span class="token function">concat</span><span class="token punctuation">(</span><span class="token variable">String1</span><span class="token punctuation">,</span> <span class="token variable">String2</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token atom">string</span><span class="token punctuation">:</span><span class="token function">tokens</span><span class="token punctuation">(</span><span class="token variable">String</span><span class="token punctuation">,</span> <span class="token variable">Delimiters</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token atom">file</span><span class="token punctuation">:</span><span class="token function">read_file</span><span class="token punctuation">(</span><span class="token variable">Filename</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token atom">file</span><span class="token punctuation">:</span><span class="token function">write_file</span><span class="token punctuation">(</span><span class="token variable">Filename</span><span class="token punctuation">,</span> <span class="token variable">Data</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token atom">file</span><span class="token punctuation">:</span><span class="token function">delete</span><span class="token punctuation">(</span><span class="token variable">Filename</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span></code></pre>
</div></div></div></div></div><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-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token variable">Pid</span> <span class="token operator">=</span> <span class="token function">spawn</span><span class="token punctuation">(</span><span class="token variable">Module</span><span class="token punctuation">,</span> <span class="token variable">Function</span><span class="token punctuation">,</span> <span class="token variable">Args</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token variable">Pid</span> <span class="token operator">!</span> <span class="token variable">Message</span><span class="token punctuation">.</span>
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token keyword">receive</span>
</span><span class="code-line"> <span class="token variable">Pattern1</span> <span class="token operator">-</span><span class="token operator">></span> <span class="token variable">Actions1</span><span class="token punctuation">;</span>
</span><span class="code-line"> <span class="token variable">Pattern2</span> <span class="token operator">-</span><span class="token operator">></span> <span class="token variable">Actions2</span><span class="token punctuation">;</span>
</span><span class="code-line"> <span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token keyword">end</span><span class="token punctuation">.</span>
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token function">link</span><span class="token punctuation">(</span><span class="token variable">Pid</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token function">unlink</span><span class="token punctuation">(</span><span class="token variable">Pid</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token variable">MonitorRef</span> <span class="token operator">=</span> <span class="token atom">erlang</span><span class="token punctuation">:</span><span class="token function">monitor</span><span class="token punctuation">(</span><span class="token atom">process</span><span class="token punctuation">,</span> <span class="token variable">Pid</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token atom">erlang</span><span class="token punctuation">:</span><span class="token function">demonitor</span><span class="token punctuation">(</span><span class="token variable">MonitorRef</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span></code></pre>
</div></div></div></div></div><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-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token keyword">try</span> <span class="token variable">Expression</span> <span class="token keyword">of</span>
</span><span class="code-line"> <span class="token variable">Pattern</span> <span class="token operator">-</span><span class="token operator">></span> <span class="token variable">Result</span>
</span><span class="code-line"><span class="token keyword">catch</span>
</span><span class="code-line"> <span class="token variable">Class</span><span class="token punctuation">:</span><span class="token variable">Reason</span> <span class="token operator">-</span><span class="token operator">></span> <span class="token variable">Handler</span>
</span><span class="code-line"><span class="token keyword">end</span><span class="token punctuation">.</span>
</span></code></pre>
</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">
<ul>
<li><code>throw</code></li>
<li><code>error</code></li>
<li><code>exit</code></li>
</ul>
</div></div></div></div></div><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">erl <span class="token parameter variable">-name</span> nodename@hostname <span class="token parameter variable">-setcookie</span> Cookie
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token atom">net_adm</span><span class="token punctuation">:</span><span class="token function">ping</span><span class="token punctuation">(</span><span class="token variable">Node</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span></code></pre>
</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 class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token punctuation">{</span><span class="token atom">remote_process</span><span class="token punctuation">,</span> <span class="token quoted-atom atom">'remote_node@host'</span><span class="token punctuation">}</span> <span class="token operator">!</span> <span class="token variable">Message</span><span class="token punctuation">.</span>
</span></code></pre>
</div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="otp-框架"><a aria-hidden="true" tabindex="-1" href="#otp-框架"><span class="icon icon-link"></span></a>OTP 框架</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="定义-genserver"><a aria-hidden="true" tabindex="-1" href="#定义-genserver"><span class="icon icon-link"></span></a>定义 GenServer</h3><div class="wrap-body">
<pre class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token operator">-</span><span class="token function">module</span><span class="token punctuation">(</span><span class="token atom">my_gen_server</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token operator">-</span><span class="token function">behaviour</span><span class="token punctuation">(</span><span class="token atom">gen_server</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token operator">-</span><span class="token function">export</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token atom">start_link</span><span class="token operator">/</span><span class="token number">0</span><span class="token punctuation">,</span> <span class="token atom">init</span><span class="token operator">/</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token atom">handle_call</span><span class="token operator">/</span><span class="token number">3</span><span class="token punctuation">,</span> <span class="token atom">handle_cast</span><span class="token operator">/</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token atom">handle_info</span><span class="token operator">/</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token atom">terminate</span><span class="token operator">/</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token atom">code_change</span><span class="token operator">/</span><span class="token number">3</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token function">start_link</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">></span>
</span><span class="code-line"> <span class="token atom">gen_server</span><span class="token punctuation">:</span><span class="token function">start_link</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token atom">local</span><span class="token punctuation">,</span> <span class="token variable">?MODULE</span><span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token variable">?MODULE</span><span class="token punctuation">,</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">></span>
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token atom">ok</span><span class="token punctuation">,</span> <span class="token punctuation">#</span><span class="token atom">state</span><span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token function">handle_call</span><span class="token punctuation">(</span><span class="token variable">Request</span><span class="token punctuation">,</span> <span class="token variable">From</span><span class="token punctuation">,</span> <span class="token variable">State</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">></span>
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token atom">reply</span><span class="token punctuation">,</span> <span class="token variable">Reply</span><span class="token punctuation">,</span> <span class="token variable">State</span><span class="token punctuation">}</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token function">handle_cast</span><span class="token punctuation">(</span><span class="token variable">Msg</span><span class="token punctuation">,</span> <span class="token variable">State</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">></span>
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token atom">noreply</span><span class="token punctuation">,</span> <span class="token variable">State</span><span class="token punctuation">}</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token function">handle_info</span><span class="token punctuation">(</span><span class="token variable">Info</span><span class="token punctuation">,</span> <span class="token variable">State</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">></span>
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token atom">noreply</span><span class="token punctuation">,</span> <span class="token variable">State</span><span class="token punctuation">}</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token function">terminate</span><span class="token punctuation">(</span><span class="token variable">Reason</span><span class="token punctuation">,</span> <span class="token variable">State</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">></span>
</span><span class="code-line"> <span class="token atom">ok</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token function">code_change</span><span class="token punctuation">(</span><span class="token variable">OldVsn</span><span class="token punctuation">,</span> <span class="token variable">State</span><span class="token punctuation">,</span> <span class="token variable">Extra</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">></span>
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token atom">ok</span><span class="token punctuation">,</span> <span class="token variable">State</span><span class="token punctuation">}</span><span class="token punctuation">.</span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="使用-genserver"><a aria-hidden="true" tabindex="-1" href="#使用-genserver"><span class="icon icon-link"></span></a>使用 GenServer</h3><div class="wrap-body">
<pre class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token atom">gen_server</span><span class="token punctuation">:</span><span class="token function">start_link</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token atom">local</span><span class="token punctuation">,</span> <span class="token variable">Name</span><span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token variable">Module</span><span class="token punctuation">,</span> <span class="token variable">Args</span><span class="token punctuation">,</span> <span class="token variable">Options</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token atom">gen_server</span><span class="token punctuation">:</span><span class="token function">call</span><span class="token punctuation">(</span><span class="token variable">ServerRef</span><span class="token punctuation">,</span> <span class="token variable">Request</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token atom">gen_server</span><span class="token punctuation">:</span><span class="token function">cast</span><span class="token punctuation">(</span><span class="token variable">ServerRef</span><span class="token punctuation">,</span> <span class="token variable">Msg</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span></code></pre>
</div></div></div></div></div><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="编写-eunit-测试"><a aria-hidden="true" tabindex="-1" href="#编写-eunit-测试"><span class="icon icon-link"></span></a>编写 EUnit 测试</h3><div class="wrap-body">
<pre class="language-erlang"><code class="language-erlang code-highlight"><span class="code-line"><span class="token operator">-</span><span class="token function">module</span><span class="token punctuation">(</span><span class="token atom">module_name_tests</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line"><span class="token operator">-</span><span class="token function">include_lib</span><span class="token punctuation">(</span><span class="token string">"eunit/include/eunit.hrl"</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token function">simple_test</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">></span>
</span><span class="code-line"> ?<span class="token function">assertEqual</span><span class="token punctuation">(</span><span class="token variable">Expected</span><span class="token punctuation">,</span> <span class="token variable">Actual</span><span class="token punctuation">)</span><span class="token punctuation">.</span>
</span><span class="code-line">
</span><span class="code-line"><span class="token function">complex_test_</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span><span class="token operator">></span>
</span><span class="code-line"> <span class="token punctuation">[</span>
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token string">"Test case 1"</span><span class="token punctuation">,</span> <span class="token variable">?_assertEqual</span><span class="token punctuation">(</span><span class="token variable">Expected1</span><span class="token punctuation">,</span> <span class="token variable">Actual1</span><span class="token punctuation">)</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token string">"Test case 2"</span><span class="token punctuation">,</span> <span class="token variable">?_assertEqual</span><span class="token punctuation">(</span><span class="token variable">Expected2</span><span class="token punctuation">,</span> <span class="token variable">Actual2</span><span class="token punctuation">)</span><span class="token punctuation">}</span>
</span><span class="code-line"> <span class="token punctuation">]</span><span class="token punctuation">.</span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="运行-eunit-测试"><a aria-hidden="true" tabindex="-1" href="#运行-eunit-测试"><span class="icon icon-link"></span></a>运行 EUnit 测试</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line"><span class="token comment"># 在命令行中运行</span>
</span><span class="code-line">erl <span class="token parameter variable">-eval</span> <span class="token string">"eunit:test(module_name)"</span> <span class="token parameter variable">-s</span> init stop
</span></code></pre>
</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.erlang.org/docs">Erlang 官方文档</a></li>
<li><a href="https://www.erlang.org/books">Erlang 编程书籍</a></li>
</ul>
</div></div><div class="h2wrap-body"></div></div></div><script src="https://giscus.app/client.js" data-repo="jaywcjlove/reference" data-repo-id="R_kgDOID2-Mw" data-category="Q&#x26;A" data-category-id="DIC_kwDOID2-M84CS5wo" data-mapping="pathname" data-strict="0" data-reactions-enabled="1" data-emit-metadata="0" data-input-position="bottom" data-theme="dark" data-lang="zh-CN" crossorigin="anonymous" async></script><div class="giscus"></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 <a href="https://wangchujiang.com/#/app" target="_blank">Kenny Wang</a>.</footer></footer><script src="../data.js?v=1.5.5" defer></script><script src="../js/fuse.min.js?v=1.5.5" defer></script><script src="../js/main.js?v=1.5.5" defer></script><div id="mysearch"><div class="mysearch-box"><div class="mysearch-input"><div><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
<path fill="currentColor" d="M17.71,16.29 L14.31,12.9 C15.4069846,11.5024547 16.0022094,9.77665502 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C9.77665502,16.0022094 11.5024547,15.4069846 12.9,14.31 L16.29,17.71 C16.4777666,17.8993127 16.7333625,18.0057983 17,18.0057983 C17.2666375,18.0057983 17.5222334,17.8993127 17.71,17.71 C17.8993127,17.5222334 18.0057983,17.2666375 18.0057983,17 C18.0057983,16.7333625 17.8993127,16.4777666 17.71,16.29 Z M2,8 C2,4.6862915 4.6862915,2 8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 Z"></path>
</svg><input id="mysearch-input" type="search" placeholder="搜索" autocomplete="off"><div class="mysearch-clear"></div></div><button id="mysearch-close" type="button">搜索</button></div><div class="mysearch-result"><div id="mysearch-menu"></div><div id="mysearch-content"></div></div></div></div></body>
</html>

View File

@ -1468,7 +1468,7 @@
<!--rehype:class=home-card home-links-->
<p>如果你有资源,可以很方便<a href="https://github.com/jaywcjlove/reference/issues/102#issue-1451649637">部署 web 版</a>,这非常简单,只需要克隆 <a href="https://github.com/jaywcjlove/reference/tree/gh-pages">gh-pages</a> 分支代码到你的静态服务就可以了,还可以使用 <a href="https://hub.docker.com/r/wcjiang/reference">docker</a> 快捷部署 web 版。</p>
</div></div><div class="h2wrap-body"></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 <a href="https://wangchujiang.com/#/app" target="_blank">Kenny Wang</a>. Updated on 2024/06/25 05:46:56</footer></footer><script src="data.js?v=1.5.5" defer></script><script src="js/fuse.min.js?v=1.5.5" defer></script><script src="js/main.js?v=1.5.5" defer></script><div id="mysearch"><div class="mysearch-box"><div class="mysearch-input"><div><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
</div></div><div class="h2wrap-body"></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 <a href="https://wangchujiang.com/#/app" target="_blank">Kenny Wang</a>. Updated on 2024/06/25 12:34:23</footer></footer><script src="data.js?v=1.5.5" defer></script><script src="js/fuse.min.js?v=1.5.5" defer></script><script src="js/main.js?v=1.5.5" defer></script><div id="mysearch"><div class="mysearch-box"><div class="mysearch-input"><div><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
<path fill="currentColor" d="M17.71,16.29 L14.31,12.9 C15.4069846,11.5024547 16.0022094,9.77665502 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C9.77665502,16.0022094 11.5024547,15.4069846 12.9,14.31 L16.29,17.71 C16.4777666,17.8993127 16.7333625,18.0057983 17,18.0057983 C17.2666375,18.0057983 17.5222334,17.8993127 17.71,17.71 C17.8993127,17.5222334 18.0057983,17.2666375 18.0057983,17 C18.0057983,16.7333625 17.8993127,16.4777666 17.71,16.29 Z M2,8 C2,4.6862915 4.6862915,2 8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 Z"></path>
</svg><input id="mysearch-input" type="search" placeholder="搜索" autocomplete="off"><div class="mysearch-clear"></div></div><button id="mysearch-close" type="button">搜索</button></div><div class="mysearch-result"><div id="mysearch-menu"></div><div id="mysearch-content"></div></div></div></div></body>
</html>