chore(deps): update dependency markdownlint to ^0.37.0

* 新增性能优化板块

* Move Performance Optimization introduction to ### 介绍 section

* 我在 `# 性能优化` 章节中又新增了三个优化方法：虚拟列表（Virtual Scrolling）、按需加载资源（Lazy Loading Resources）和优化事件监听（Event Delegation），每个方法都附带了代码示例和说明。这些方法可以进一步丰富优化策略，覆盖更多场景。

.github/workflows/ci.yml

@@ -16,6 +16,7 @@ jobs:
 
       - run: npm install
       - run: npm run build
+      - run: cp -rp icons ./dist
 
       - name: Generate Contributors Images
         uses: jaywcjlove/github-action-contributors@main

.refsrc.json

@@ -13,6 +13,17 @@
   "github": {
     "url": "https://github.com/jaywcjlove/reference"
   },
+  "favicon": "{{RELATIVE_PATH}}icons/favicon.svg",
+  "meta": [
+    { "name": "author", "content": "jaywcjlove" },
+    { "name": "license", "content": "MIT" },
+    { "name": "funding", "content": "https://jaywcjlove.github.io/#/sponsor" },
+    { "rel": "apple-touch-icon", "href": "{{RELATIVE_PATH}}icons/touch-icon-iphone.png" },
+    { "rel": "apple-touch-icon", "sizes": "152x152", "href": "{{RELATIVE_PATH}}icons/touch-icon-ipad.png" },
+    { "rel": "apple-touch-icon", "sizes": "180x180", "href": "{{RELATIVE_PATH}}icons/touch-icon-iphone.png" },
+    { "rel": "apple-touch-icon", "sizes": "167x167", "href": "{{RELATIVE_PATH}}icons/touch-icon-ipad-retina.png" },
+    { "rel": "apple-touch-icon", "sizes": "120x120", "href": "{{RELATIVE_PATH}}icons/touch-icon-iphone-retina.png" }
+  ],
   "giscus": {
     "src": "https://giscus.app/client.js",
     "data-repo": "jaywcjlove/reference",

CONTRIBUTING.md

@@ -330,16 +330,16 @@ jobs:
 
 <!--GAMFC--><a href="https://github.com/jaywcjlove" title="小弟调调"><img src="https://avatars.githubusercontent.com/u/1680273?v=4" width="42;" alt="小弟调调"/></a>
 <a href="https://github.com/fwqaaq" title="fwqaaq"><img src="https://avatars.githubusercontent.com/u/82551626?v=4" width="42;" alt="fwqaaq"/></a>
+<a href="https://github.com/zhangymPerson" title="zhangym"><img src="https://avatars.githubusercontent.com/u/40376181?v=4" width="42;" alt="zhangym"/></a>
 <a href="https://github.com/mofelee" title="mofelee"><img src="https://avatars.githubusercontent.com/u/5069410?v=4" width="42;" alt="mofelee"/></a>
 <a href="https://github.com/Country-If" title="Maylon"><img src="https://avatars.githubusercontent.com/u/62837275?v=4" width="42;" alt="Maylon"/></a>
-<a href="https://github.com/zhangymPerson" title="zhangym"><img src="https://avatars.githubusercontent.com/u/40376181?v=4" width="42;" alt="zhangym"/></a>
-<a href="https://github.com/aixcyi" title="砹小翼"><img src="https://avatars.githubusercontent.com/u/75880483?v=4" width="42;" alt="砹小翼"/></a>
-<a href="https://github.com/nangongchengfeng" title="南宫乘风"><img src="https://avatars.githubusercontent.com/u/46562911?v=4" width="42;" alt="南宫乘风"/></a>
-<a href="https://github.com/h7ml" title="h7ml"><img src="https://avatars.githubusercontent.com/u/55233292?v=4" width="42;" alt="h7ml"/></a>
-<a href="https://github.com/LesterChang0987" title="Steve Hartwell"><img src="https://avatars.githubusercontent.com/u/114913921?v=4" width="42;" alt="Steve Hartwell"/></a>
 <a href="https://github.com/JeffersonHuang" title="Jefferson Huang"><img src="https://avatars.githubusercontent.com/u/47512530?v=4" width="42;" alt="Jefferson Huang"/></a>
-<a href="https://github.com/Alex20180512" title="Alex"><img src="https://avatars.githubusercontent.com/u/115539090?v=4" width="42;" alt="Alex"/></a>
+<a href="https://github.com/LesterChang0987" title="Steve Hartwell"><img src="https://avatars.githubusercontent.com/u/114913921?v=4" width="42;" alt="Steve Hartwell"/></a>
+<a href="https://github.com/h7ml" title="h7ml"><img src="https://avatars.githubusercontent.com/u/55233292?v=4" width="42;" alt="h7ml"/></a>
+<a href="https://github.com/nangongchengfeng" title="南宫乘风"><img src="https://avatars.githubusercontent.com/u/46562911?v=4" width="42;" alt="南宫乘风"/></a>
+<a href="https://github.com/aixcyi" title="阿羽"><img src="https://avatars.githubusercontent.com/u/75880483?v=4" width="42;" alt="阿羽"/></a>
 <a href="https://github.com/LufsX" title="LufsX"><img src="https://avatars.githubusercontent.com/u/33221883?v=4" width="42;" alt="LufsX"/></a>
+<a href="https://github.com/alex-reinfoce" title="Alex"><img src="https://avatars.githubusercontent.com/u/115539090?v=4" width="42;" alt="Alex"/></a>
 <a href="https://github.com/mailbaoer" title="baoer"><img src="https://avatars.githubusercontent.com/u/5282978?v=4" width="42;" alt="baoer"/></a>
 <a href="https://github.com/expoli" title="expoli"><img src="https://avatars.githubusercontent.com/u/31023767?v=4" width="42;" alt="expoli"/></a>
 <a href="https://github.com/k23223" title="k23223"><img src="https://avatars.githubusercontent.com/u/57606136?v=4" width="42;" alt="k23223"/></a>
@@ -347,40 +347,46 @@ jobs:
 <a href="https://github.com/undefined-hestudio" title="undefined"><img src="https://avatars.githubusercontent.com/u/119711513?v=4" width="42;" alt="undefined"/></a>
 <a href="https://github.com/Darkiiiiiice" title="Darkiiiiiice"><img src="https://avatars.githubusercontent.com/u/3959555?v=4" width="42;" alt="Darkiiiiiice"/></a>
 <a href="https://github.com/genius-kim" title="Kim同学"><img src="https://avatars.githubusercontent.com/u/119488561?v=4" width="42;" alt="Kim同学"/></a>
-<a href="https://github.com/qyl27" title="秋 雨落"><img src="https://avatars.githubusercontent.com/u/53731501?v=4" width="42;" alt="秋 雨落"/></a>
+<a href="https://github.com/qyl27" title="雨落"><img src="https://avatars.githubusercontent.com/u/53731501?v=4" width="42;" alt="雨落"/></a>
 <a href="https://github.com/MackDing" title="Blossom"><img src="https://avatars.githubusercontent.com/u/19878893?v=4" width="42;" alt="Blossom"/></a>
 <a href="https://github.com/1250422131" title="萌新杰少"><img src="https://avatars.githubusercontent.com/u/52126790?v=4" width="42;" alt="萌新杰少"/></a>
-<a href="https://github.com/chaos-cn" title="chaos"><img src="https://avatars.githubusercontent.com/u/71205599?v=4" width="42;" alt="chaos"/></a>
-<a href="https://github.com/xia0ne" title="YuRuiH"><img src="https://avatars.githubusercontent.com/u/32591223?v=4" width="42;" alt="YuRuiH"/></a>
-<a href="https://github.com/Willxup" title="Willxup"><img src="https://avatars.githubusercontent.com/u/51990395?v=4" width="42;" alt="Willxup"/></a>
+<a href="https://github.com/richuff" title="richuff"><img src="https://avatars.githubusercontent.com/u/162144087?v=4" width="42;" alt="richuff"/></a>
+<a href="https://github.com/Harris-H" title="Hao He"><img src="https://avatars.githubusercontent.com/u/57698783?v=4" width="42;" alt="Hao He"/></a>
 <a href="https://github.com/LiuYuan-SHU" title="Yuan Liu"><img src="https://avatars.githubusercontent.com/u/96400967?v=4" width="42;" alt="Yuan Liu"/></a>
-<a href="https://github.com/lvelvee" title="Lve Lvee"><img src="https://avatars.githubusercontent.com/u/25785753?v=4" width="42;" alt="Lve Lvee"/></a>
-<a href="https://github.com/wangdaodao" title="王叨叨"><img src="https://avatars.githubusercontent.com/u/2317442?v=4" width="42;" alt="王叨叨"/></a>
+<a href="https://github.com/long-910" title="Small Long"><img src="https://avatars.githubusercontent.com/u/7323488?v=4" width="42;" alt="Small Long"/></a>
+<a href="https://github.com/Willxup" title="Will"><img src="https://avatars.githubusercontent.com/u/51990395?v=4" width="42;" alt="Will"/></a>
+<a href="https://github.com/xia0ne" title="YuRuiH"><img src="https://avatars.githubusercontent.com/u/32591223?v=4" width="42;" alt="YuRuiH"/></a>
+<a href="https://github.com/chaos-cn" title="chaos"><img src="https://avatars.githubusercontent.com/u/71205599?v=4" width="42;" alt="chaos"/></a>
+<a href="https://github.com/QinIndexCode" title="fault"><img src="https://avatars.githubusercontent.com/u/177287013?v=4" width="42;" alt="fault"/></a>
 <a href="https://github.com/wsypower" title="魏"><img src="https://avatars.githubusercontent.com/u/31298317?v=4" width="42;" alt="魏"/></a>
+<a href="https://github.com/buyfakett" title="buyfakett"><img src="https://avatars.githubusercontent.com/u/46560426?v=4" width="42;" alt="buyfakett"/></a>
 <a href="https://github.com/itldg" title="老大哥"><img src="https://avatars.githubusercontent.com/u/13432299?v=4" width="42;" alt="老大哥"/></a>
+<a href="https://github.com/wangdaodao" title="王叨叨"><img src="https://avatars.githubusercontent.com/u/2317442?v=4" width="42;" alt="王叨叨"/></a>
 <a href="https://github.com/catcto" title="小武Alan"><img src="https://avatars.githubusercontent.com/u/5467932?v=4" width="42;" alt="小武Alan"/></a>
+<a href="https://github.com/witt-bit" title="witt"><img src="https://avatars.githubusercontent.com/u/52407727?v=4" width="42;" alt="witt"/></a>
 <a href="https://github.com/ryanhex53" title="ryanhex53"><img src="https://avatars.githubusercontent.com/u/360426?v=4" width="42;" alt="ryanhex53"/></a>
-<a href="https://github.com/partoneplay" title="partoneplay"><img src="https://avatars.githubusercontent.com/u/5189132?v=4" width="42;" alt="partoneplay"/></a>
+<a href="https://github.com/partoneplay" title="佐博"><img src="https://avatars.githubusercontent.com/u/5189132?v=4" width="42;" alt="佐博"/></a>
 <a href="https://github.com/pangxiaoli" title="pangxiaoli"><img src="https://avatars.githubusercontent.com/u/54620953?v=4" width="42;" alt="pangxiaoli"/></a>
 <a href="https://github.com/mancuoj" title="mancuoj"><img src="https://avatars.githubusercontent.com/u/45707684?v=4" width="42;" alt="mancuoj"/></a>
 <a href="https://github.com/1834423612" title="kjch"><img src="https://avatars.githubusercontent.com/u/49981661?v=4" width="42;" alt="kjch"/></a>
 <a href="https://github.com/AmosHuKe" title="Amos"><img src="https://avatars.githubusercontent.com/u/32262985?v=4" width="42;" alt="Amos"/></a>
-<a href="https://github.com/webeautiful" title="Albert"><img src="https://avatars.githubusercontent.com/u/3364316?v=4" width="42;" alt="Albert"/></a>
 <a href="https://github.com/qjksxy" title="Apin"><img src="https://avatars.githubusercontent.com/u/81305669?v=4" width="42;" alt="Apin"/></a>
 <a href="https://github.com/dadatom" title="Da Da"><img src="https://avatars.githubusercontent.com/u/33886943?v=4" width="42;" alt="Da Da"/></a>
 <a href="https://github.com/ljq" title="Jack Liu"><img src="https://avatars.githubusercontent.com/u/7278286?v=4" width="42;" alt="Jack Liu"/></a>
 <a href="https://github.com/jasnzhuang" title="Jason Zhuang"><img src="https://avatars.githubusercontent.com/u/16612921?v=4" width="42;" alt="Jason Zhuang"/></a>
 <a href="https://github.com/Jovins" title="Jovins"><img src="https://avatars.githubusercontent.com/u/17738992?v=4" width="42;" alt="Jovins"/></a>
-<a href="https://github.com/long-910" title="Small Long"><img src="https://avatars.githubusercontent.com/u/7323488?v=4" width="42;" alt="Small Long"/></a>
+<a href="https://github.com/Kisa-Dong" title="Kisa-Dong"><img src="https://avatars.githubusercontent.com/u/84782008?v=4" width="42;" alt="Kisa-Dong"/></a>
 <a href="https://github.com/SuperDiscovery" title="SuperDiscovery"><img src="https://avatars.githubusercontent.com/u/49646863?v=4" width="42;" alt="SuperDiscovery"/></a>
+<a href="https://github.com/ThanatosXingYu" title="Thanatos"><img src="https://avatars.githubusercontent.com/u/53430376?v=4" width="42;" alt="Thanatos"/></a>
 <a href="https://github.com/XYZscratcher" title="XYZ"><img src="https://avatars.githubusercontent.com/u/108533817?v=4" width="42;" alt="XYZ"/></a>
-<a href="https://github.com/findnr" title="findnr"><img src="https://avatars.githubusercontent.com/u/3909023?v=4" width="42;" alt="findnr"/></a>
-<a href="https://github.com/greyhao" title="redear_dev"><img src="https://avatars.githubusercontent.com/u/107107440?v=4" width="42;" alt="redear_dev"/></a>
-<a href="https://github.com/yanxuplay" title="hupilan"><img src="https://avatars.githubusercontent.com/u/69749541?v=4" width="42;" alt="hupilan"/></a>
-<a href="https://github.com/hweining" title="hweining"><img src="https://avatars.githubusercontent.com/u/8973985?v=4" width="42;" alt="hweining"/></a>
+<a href="https://github.com/izven" title="Zhang"><img src="https://avatars.githubusercontent.com/u/2149051?v=4" width="42;" alt="Zhang"/></a>
+<a href="https://github.com/greyhao" title="greyhao"><img src="https://avatars.githubusercontent.com/u/107107440?v=4" width="42;" alt="greyhao"/></a>
 <a href="https://github.com/infanx" title="infanx"><img src="https://avatars.githubusercontent.com/u/65985757?v=4" width="42;" alt="infanx"/></a>
+<a href="https://github.com/hweining" title="hweining"><img src="https://avatars.githubusercontent.com/u/8973985?v=4" width="42;" alt="hweining"/></a>
+<a href="https://github.com/icer233" title="icer"><img src="https://avatars.githubusercontent.com/u/74440627?v=4" width="42;" alt="icer"/></a>
 <a href="https://github.com/auroraslot" title="irony"><img src="https://avatars.githubusercontent.com/u/48817882?v=4" width="42;" alt="irony"/></a>
 <a href="https://github.com/jlchen5" title="J.Chen"><img src="https://avatars.githubusercontent.com/u/61578993?v=4" width="42;" alt="J.Chen"/></a>
+<a href="https://github.com/jldxpm" title="jldxjldx"><img src="https://avatars.githubusercontent.com/u/128905630?v=4" width="42;" alt="jldxjldx"/></a>
 <a href="https://github.com/joyfully-W" title="joyfully-W"><img src="https://avatars.githubusercontent.com/u/32212924?v=4" width="42;" alt="joyfully-W"/></a>
 <a href="https://github.com/jqzhao7" title="jqzhao"><img src="https://avatars.githubusercontent.com/u/54694535?v=4" width="42;" alt="jqzhao"/></a>
 <a href="https://github.com/jussker" title="jussker"><img src="https://avatars.githubusercontent.com/u/33953356?v=4" width="42;" alt="jussker"/></a>
@@ -389,6 +395,9 @@ jobs:
 <a href="https://github.com/kubeme" title="kubernetes for me"><img src="https://avatars.githubusercontent.com/u/16346220?v=4" width="42;" alt="kubernetes for me"/></a>
 <a href="https://github.com/larry-xue" title="yujian(larry) xue"><img src="https://avatars.githubusercontent.com/u/48818060?v=4" width="42;" alt="yujian(larry) xue"/></a>
 <a href="https://github.com/leauny" title="leauny"><img src="https://avatars.githubusercontent.com/u/42369176?v=4" width="42;" alt="leauny"/></a>
+<a href="https://github.com/liliangrong777" title="liliangrong777"><img src="https://avatars.githubusercontent.com/u/58727146?v=4" width="42;" alt="liliangrong777"/></a>
+<a href="https://github.com/Zeng-qh" title="都一样"><img src="https://avatars.githubusercontent.com/u/40046415?v=4" width="42;" alt="都一样"/></a>
+<a href="https://github.com/yanxuplay" title="hupilan"><img src="https://avatars.githubusercontent.com/u/69749541?v=4" width="42;" alt="hupilan"/></a>
 <a href="https://github.com/hua03" title="hua03"><img src="https://avatars.githubusercontent.com/u/19561959?v=4" width="42;" alt="hua03"/></a>
 <a href="https://github.com/gzttcydxx" title="gzttcydxx"><img src="https://avatars.githubusercontent.com/u/50025185?v=4" width="42;" alt="gzttcydxx"/></a>
 <a href="https://github.com/sunny0826" title="Xudong Guo"><img src="https://avatars.githubusercontent.com/u/24563928?v=4" width="42;" alt="Xudong Guo"/></a>
@@ -397,42 +406,45 @@ jobs:
 <a href="https://github.com/gi-b716" title="Gavin"><img src="https://avatars.githubusercontent.com/u/78394473?v=4" width="42;" alt="Gavin"/></a>
 <a href="https://github.com/fjqz177" title="fjqz177"><img src="https://avatars.githubusercontent.com/u/83070583?v=4" width="42;" alt="fjqz177"/></a>
 <a href="https://github.com/fakevn" title="fakevn"><img src="https://avatars.githubusercontent.com/u/11464386?v=4" width="42;" alt="fakevn"/></a>
+<a href="https://github.com/emoji-share" title="emoji-share🤪"><img src="https://avatars.githubusercontent.com/u/192275245?v=4" width="42;" alt="emoji-share🤪"/></a>
 <a href="https://github.com/cool9203" title="cool9203"><img src="https://avatars.githubusercontent.com/u/29609607?v=4" width="42;" alt="cool9203"/></a>
-<a href="https://github.com/gaoxiaoduan" title="CoderDuan"><img src="https://avatars.githubusercontent.com/u/69953511?v=4" width="42;" alt="CoderDuan"/></a>
+<a href="https://github.com/gaoxiaoduan" title="Coder Duan"><img src="https://avatars.githubusercontent.com/u/69953511?v=4" width="42;" alt="Coder Duan"/></a>
 <a href="https://github.com/lijc210" title="cizai"><img src="https://avatars.githubusercontent.com/u/10651081?v=4" width="42;" alt="cizai"/></a>
 <a href="https://github.com/chyok" title="chyok"><img src="https://avatars.githubusercontent.com/u/32629225?v=4" width="42;" alt="chyok"/></a>
-<a href="https://github.com/zlfyuan" title="bgbgPang"><img src="https://avatars.githubusercontent.com/u/19658018?v=4" width="42;" alt="bgbgPang"/></a>
-<a href="https://github.com/Lmmmmmm-bb" title="_lmmmmmm"><img src="https://avatars.githubusercontent.com/u/54026110?v=4" width="42;" alt="_lmmmmmm"/></a>
-<a href="https://github.com/Zeng-qh" title="都一样"><img src="https://avatars.githubusercontent.com/u/40046415?v=4" width="42;" alt="都一样"/></a>
+<a href="https://github.com/mariuszmichalowski" title="Mariusz Michalowski"><img src="https://avatars.githubusercontent.com/u/92091891?v=4" width="42;" alt="Mariusz Michalowski"/></a>
 <a href="https://github.com/binscor" title="Zheng Nai Bin"><img src="https://avatars.githubusercontent.com/u/37325821?v=4" width="42;" alt="Zheng Nai Bin"/></a>
 <a href="https://github.com/qwxingzhe" title="行者"><img src="https://avatars.githubusercontent.com/u/7071651?v=4" width="42;" alt="行者"/></a>
-<a href="https://github.com/HanaChan233" title="花开花落"><img src="https://avatars.githubusercontent.com/u/75212820?v=4" width="42;" alt="花开花落"/></a>
 <a href="https://github.com/lisheng741" title="芦荟柚子茶"><img src="https://avatars.githubusercontent.com/u/53617305?v=4" width="42;" alt="芦荟柚子茶"/></a>
+<a href="https://github.com/rainbowatcher" title="rainbowatcher"><img src="https://avatars.githubusercontent.com/u/42316353?v=4" width="42;" alt="rainbowatcher"/></a>
 <a href="https://github.com/HChenX" title="焕晨HChen"><img src="https://avatars.githubusercontent.com/u/123531821?v=4" width="42;" alt="焕晨HChen"/></a>
 <a href="https://github.com/LebranceBW" title="落叶乌龟"><img src="https://avatars.githubusercontent.com/u/19501514?v=4" width="42;" alt="落叶乌龟"/></a>
+<a href="https://github.com/LongYinStudio" title="敬培全"><img src="https://avatars.githubusercontent.com/u/42208852?v=4" width="42;" alt="敬培全"/></a>
 <a href="https://github.com/Fengjing95" title="小枫"><img src="https://avatars.githubusercontent.com/u/51731411?v=4" width="42;" alt="小枫"/></a>
 <a href="https://github.com/ZIDOUZI" title="子斗子"><img src="https://avatars.githubusercontent.com/u/53157536?v=4" width="42;" alt="子斗子"/></a>
 <a href="https://github.com/LuckyJie12" title="夜未央"><img src="https://avatars.githubusercontent.com/u/102901105?v=4" width="42;" alt="夜未央"/></a>
+<a href="https://github.com/kele527" title="吹衣轻飏"><img src="https://avatars.githubusercontent.com/u/345445?v=4" width="42;" alt="吹衣轻飏"/></a>
 <a href="https://github.com/lvzhenbo" title="无聊波波"><img src="https://avatars.githubusercontent.com/u/32427677?v=4" width="42;" alt="无聊波波"/></a>
-<a href="https://github.com/zxx457" title="zxx457"><img src="https://avatars.githubusercontent.com/u/114141362?v=4" width="42;" alt="zxx457"/></a>
+<a href="https://github.com/zxx457" title="Xianxin Zeng"><img src="https://avatars.githubusercontent.com/u/114141362?v=4" width="42;" alt="Xianxin Zeng"/></a>
 <a href="https://github.com/zhouhw0306" title="zhouhw0306"><img src="https://avatars.githubusercontent.com/u/82752681?v=4" width="42;" alt="zhouhw0306"/></a>
 <a href="https://github.com/hiyms" title="yms"><img src="https://avatars.githubusercontent.com/u/84654050?v=4" width="42;" alt="yms"/></a>
+<a href="https://github.com/giteeking" title="xunjian"><img src="https://avatars.githubusercontent.com/u/166626162?v=4" width="42;" alt="xunjian"/></a>
 <a href="https://github.com/xing133" title="xing133"><img src="https://avatars.githubusercontent.com/u/5336490?v=4" width="42;" alt="xing133"/></a>
 <a href="https://github.com/wjjwkwindy" title="Hudson Alen"><img src="https://avatars.githubusercontent.com/u/9508591?v=4" width="42;" alt="Hudson Alen"/></a>
 <a href="https://github.com/wannima66" title="tmen"><img src="https://avatars.githubusercontent.com/u/26410255?v=4" width="42;" alt="tmen"/></a>
 <a href="https://github.com/swift-fs" title="swift-fs"><img src="https://avatars.githubusercontent.com/u/77133741?v=4" width="42;" alt="swift-fs"/></a>
 <a href="https://github.com/suyangzuo" title="suyangzuo"><img src="https://avatars.githubusercontent.com/u/50766353?v=4" width="42;" alt="suyangzuo"/></a>
 <a href="https://github.com/Mowmowj" title="nexo"><img src="https://avatars.githubusercontent.com/u/24759562?v=4" width="42;" alt="nexo"/></a>
+<a href="https://github.com/shanhai1024" title="shanhai1024"><img src="https://avatars.githubusercontent.com/u/56210461?v=4" width="42;" alt="shanhai1024"/></a>
+<a href="https://github.com/ri-fumo" title="ri-fumo"><img src="https://avatars.githubusercontent.com/u/190000479?v=4" width="42;" alt="ri-fumo"/></a>
 <a href="https://github.com/phygerr" title="phygerr"><img src="https://avatars.githubusercontent.com/u/42068889?v=4" width="42;" alt="phygerr"/></a>
 <a href="https://github.com/openapphub" title="openapphub"><img src="https://avatars.githubusercontent.com/u/175949671?v=4" width="42;" alt="openapphub"/></a>
 <a href="https://github.com/onewesong" title="onewesong"><img src="https://avatars.githubusercontent.com/u/17920822?v=4" width="42;" alt="onewesong"/></a>
 <a href="https://github.com/miclon-dev" title="miclon-dev"><img src="https://avatars.githubusercontent.com/u/111753685?v=4" width="42;" alt="miclon-dev"/></a>
 <a href="https://github.com/lykjjj" title="lykjjj"><img src="https://avatars.githubusercontent.com/u/58510058?v=4" width="42;" alt="lykjjj"/></a>
 <a href="https://github.com/lozhu20" title="lozhu"><img src="https://avatars.githubusercontent.com/u/44923922?v=4" width="42;" alt="lozhu"/></a>
-<a href="https://github.com/liliangrong777" title="liliangrong777"><img src="https://avatars.githubusercontent.com/u/58727146?v=4" width="42;" alt="liliangrong777"/></a>
-<a href="https://github.com/mariuszmichalowski" title="Mariusz Michalowski"><img src="https://avatars.githubusercontent.com/u/92091891?v=4" width="42;" alt="Mariusz Michalowski"/></a>
 <a href="https://github.com/isecret" title="Mao Wang"><img src="https://avatars.githubusercontent.com/u/15724152?v=4" width="42;" alt="Mao Wang"/></a>
-<a href="https://github.com/likeshop-github" title="likeshop技术社区"><img src="https://avatars.githubusercontent.com/u/77180968?v=4" width="42;" alt="likeshop技术社区"/></a>
+<a href="https://github.com/lvelvee" title="Lve Lvee"><img src="https://avatars.githubusercontent.com/u/25785753?v=4" width="42;" alt="Lve Lvee"/></a>
+<a href="https://github.com/likeadmin-likeshop" title="likeadmin通过管理后台-likeshop全开源商城"><img src="https://avatars.githubusercontent.com/u/77180968?v=4" width="42;" alt="likeadmin通过管理后台-likeshop全开源商城"/></a>
 <a href="https://github.com/Lihuagreek" title="Lihuagreek"><img src="https://avatars.githubusercontent.com/u/51040740?v=4" width="42;" alt="Lihuagreek"/></a>
 <a href="https://github.com/LightQuanta" title="Light_Quanta"><img src="https://avatars.githubusercontent.com/u/18213217?v=4" width="42;" alt="Light_Quanta"/></a>
 <a href="https://github.com/JetSquirrel" title="JetSquirrel"><img src="https://avatars.githubusercontent.com/u/20291255?v=4" width="42;" alt="JetSquirrel"/></a>
@@ -440,12 +452,14 @@ jobs:
 <a href="https://github.com/JavaZeroo" title="JavaZero"><img src="https://avatars.githubusercontent.com/u/71128095?v=4" width="42;" alt="JavaZero"/></a>
 <a href="https://github.com/Ding-Kyoma" title="HooinKyoma"><img src="https://avatars.githubusercontent.com/u/44542198?v=4" width="42;" alt="HooinKyoma"/></a>
 <a href="https://github.com/gongyeheyu" title="GONGYE Heyu"><img src="https://avatars.githubusercontent.com/u/85177605?v=4" width="42;" alt="GONGYE Heyu"/></a>
+<a href="https://github.com/Furry-Monster" title="Furry-Monster"><img src="https://avatars.githubusercontent.com/u/158404543?v=4" width="42;" alt="Furry-Monster"/></a>
 <a href="https://github.com/Fuku-L" title="Foozi"><img src="https://avatars.githubusercontent.com/u/38535911?v=4" width="42;" alt="Foozi"/></a>
 <a href="https://github.com/sirius-fan" title="Fan"><img src="https://avatars.githubusercontent.com/u/25720015?v=4" width="42;" alt="Fan"/></a>
 <a href="https://github.com/eeeeeio" title="EEEEE"><img src="https://avatars.githubusercontent.com/u/20723545?v=4" width="42;" alt="EEEEE"/></a>
 <a href="https://github.com/demigodliu" title="DemigodLiu"><img src="https://avatars.githubusercontent.com/u/30372735?v=4" width="42;" alt="DemigodLiu"/></a>
 <a href="https://github.com/dasferco" title="Dasferco"><img src="https://avatars.githubusercontent.com/u/92622404?v=4" width="42;" alt="Dasferco"/></a>
 <a href="https://github.com/Damao2250" title="Damao"><img src="https://avatars.githubusercontent.com/u/19251992?v=4" width="42;" alt="Damao"/></a>
+<a href="https://github.com/daining810" title="dain"><img src="https://avatars.githubusercontent.com/u/125986872?v=4" width="42;" alt="dain"/></a>
 <a href="https://github.com/DEEMO101" title="DEEMO101"><img src="https://avatars.githubusercontent.com/u/35123091?v=4" width="42;" alt="DEEMO101"/></a>
 <a href="https://github.com/ohto-ai" title="Choo"><img src="https://avatars.githubusercontent.com/u/46275725?v=4" width="42;" alt="Choo"/></a>
 <a href="https://github.com/CharlotteZeng" title="hanchZ"><img src="https://avatars.githubusercontent.com/u/19461184?v=4" width="42;" alt="hanchZ"/></a>
@@ -456,11 +470,15 @@ jobs:
 <a href="https://github.com/BlacAmDK" title="BlacAmDK"><img src="https://avatars.githubusercontent.com/u/10971397?v=4" width="42;" alt="BlacAmDK"/></a>
 <a href="https://github.com/gitchenze" title="Aze"><img src="https://avatars.githubusercontent.com/u/13357869?v=4" width="42;" alt="Aze"/></a>
 <a href="https://github.com/dousha0w0" title="dousha0w0"><img src="https://avatars.githubusercontent.com/u/52566311?v=4" width="42;" alt="dousha0w0"/></a>
+<a href="https://github.com/JinchuanL" title="ANDY"><img src="https://avatars.githubusercontent.com/u/68026794?v=4" width="42;" alt="ANDY"/></a>
 <a href="https://github.com/13812700839" title="花殇"><img src="https://avatars.githubusercontent.com/u/58072506?v=4" width="42;" alt="花殇"/></a>
+<a href="https://github.com/zlfyuan" title="bgbgPang"><img src="https://avatars.githubusercontent.com/u/19658018?v=4" width="42;" alt="bgbgPang"/></a>
+<a href="https://github.com/Lmmmmmm-bb" title="_lmmmmmm"><img src="https://avatars.githubusercontent.com/u/54026110?v=4" width="42;" alt="_lmmmmmm"/></a>
 <a href="https://github.com/y52y" title="Zyj"><img src="https://avatars.githubusercontent.com/u/51304324?v=4" width="42;" alt="Zyj"/></a>
 <a href="https://github.com/Leaderzhangyi" title="ZinkCas"><img src="https://avatars.githubusercontent.com/u/46915666?v=4" width="42;" alt="ZinkCas"/></a>
 <a href="https://github.com/zhu0629" title="zhucong"><img src="https://avatars.githubusercontent.com/u/13188450?v=4" width="42;" alt="zhucong"/></a>
 <a href="https://github.com/yikuaibro" title="yikuaibro"><img src="https://avatars.githubusercontent.com/u/44493045?v=4" width="42;" alt="yikuaibro"/></a>
+<a href="https://github.com/HeZephyr" title="Zephyr He"><img src="https://avatars.githubusercontent.com/u/67893254?v=4" width="42;" alt="Zephyr He"/></a>
 <a href="https://github.com/dfshizhiqiang" title="Zech"><img src="https://avatars.githubusercontent.com/u/7030019?v=4" width="42;" alt="Zech"/></a>
 <a href="https://github.com/Yo-gurts" title="Yogurt"><img src="https://avatars.githubusercontent.com/u/44612841?v=4" width="42;" alt="Yogurt"/></a>
 <a href="https://github.com/hi-liyan" title="李李李"><img src="https://avatars.githubusercontent.com/u/40056492?v=4" width="42;" alt="李李李"/></a>
@@ -473,12 +491,13 @@ jobs:
 <a href="https://github.com/DataEraserC" title="Sacabambaspis"><img src="https://avatars.githubusercontent.com/u/102341238?v=4" width="42;" alt="Sacabambaspis"/></a>
 <a href="https://github.com/qinxiongzhou" title="Ryan Zhou"><img src="https://avatars.githubusercontent.com/u/33239096?v=4" width="42;" alt="Ryan Zhou"/></a>
 <a href="https://github.com/RivailleF" title="RivailleF"><img src="https://avatars.githubusercontent.com/u/93083015?v=4" width="42;" alt="RivailleF"/></a>
+<a href="https://github.com/Qliangw" title="Qliangw"><img src="https://avatars.githubusercontent.com/u/22791711?v=4" width="42;" alt="Qliangw"/></a>
 <a href="https://github.com/QDelta" title="QDelta"><img src="https://avatars.githubusercontent.com/u/60222316?v=4" width="42;" alt="QDelta"/></a>
 <a href="https://github.com/sevenleave" title="Poirot Hercule"><img src="https://avatars.githubusercontent.com/u/24411140?v=4" width="42;" alt="Poirot Hercule"/></a>
 <a href="https://github.com/PipecraftNet" title="Pipecraft"><img src="https://avatars.githubusercontent.com/u/88728670?v=4" width="42;" alt="Pipecraft"/></a>
-<a href="https://github.com/Perzch" title="Perzch"><img src="https://avatars.githubusercontent.com/u/67987641?v=4" width="42;" alt="Perzch"/></a>
+<a href="https://github.com/Perzch" title="ZhaoChunhuan"><img src="https://avatars.githubusercontent.com/u/67987641?v=4" width="42;" alt="ZhaoChunhuan"/></a>
 <a href="https://github.com/PILIHU2022" title="PILIHU2022"><img src="https://avatars.githubusercontent.com/u/100511118?v=4" width="42;" alt="PILIHU2022"/></a>
-<a href="https://github.com/HanaNoryu" title="Noryu"><img src="https://avatars.githubusercontent.com/u/109856546?v=4" width="42;" alt="Noryu"/></a>
+<a href="https://github.com/Noryu-01" title="Noryu"><img src="https://avatars.githubusercontent.com/u/109856546?v=4" width="42;" alt="Noryu"/></a>
 <a href="https://github.com/NianwenDan" title="NianwenDan"><img src="https://avatars.githubusercontent.com/u/74407127?v=4" width="42;" alt="NianwenDan"/></a>
 <a href="https://github.com/mo3et" title="Monet Lee"><img src="https://avatars.githubusercontent.com/u/34803812?v=4" width="42;" alt="Monet Lee"/></a>
 <a href="https://github.com/Moeyuuko" title="Moeyuuko"><img src="https://avatars.githubusercontent.com/u/14266681?v=4" width="42;" alt="Moeyuuko"/></a>

README.md

@@ -2,7 +2,7 @@ Quick Reference
 ===
 
 <!--rehype:ignore:start-->
-[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
+[![Buy me a coffee](https://img.shields.io/badge/Buy_Me_a_Coffee-ffdd00?logo=buy-me-a-coffee&logoColor=black)](https://jaywcjlove.github.io/#/sponsor)
 [![CI](https://github.com/jaywcjlove/reference/actions/workflows/ci.yml/badge.svg)](https://github.com/jaywcjlove/reference/actions/workflows/ci.yml)
 [![Docker Image Version (latest by date)](https://img.shields.io/docker/v/wcjiang/reference)](https://hub.docker.com/r/wcjiang/reference)
 [![Docker Image Size (latest by date)](https://img.shields.io/docker/image-size/wcjiang/reference)](https://hub.docker.com/r/wcjiang/reference)
@@ -13,7 +13,7 @@ Quick Reference
 [![Quick Reference](https://user-images.githubusercontent.com/1680273/201931931-d8559417-0a15-46af-a009-ec1e56e5b778.png)](https://jaywcjlove.github.io/reference)
 <!--rehype:ignore:end-->
 
-为开发人员分享快速参考备忘清单【速查表】。这是英文版 [Reference](https://github.com/Randy8080/reference) 的中文版本，目的是为了方便自己的技术栈查阅，如果您提供一个清单，我将抽空搬运，立即撸起来 :)。如果您发现此处的备忘单不合适，您可以通过提交 [PR](https://github.com/jaywcjlove/reference/blob/main/CONTRIBUTING.md) 来修复它或提供更好的备忘清单，只针对【中文】用户。以下是开源天使提供的一些备忘清单和快速参考 :)。
+为了方便开发人员查阅技术栈，分享这份快速参考备忘清单【速查表】。这是英文版 [Reference](https://github.com/Randy8080/reference) 的中文翻译，旨在帮助自己更好地使用相关技术。如果您有自己的清单，也欢迎提供，我会抽时间搬运并立刻实现 :)。如果您发现这份备忘单中的内容不合适，可以通过提交 [PR](https://github.com/jaywcjlove/reference/blob/main/CONTRIBUTING.md) 来修复或提供更好的备忘清单，主要面向【中文】用户。以下是一些开源天使提供的备忘清单和快速参考 :)。
 
 ## 正在建设中...
 
@@ -47,12 +47,13 @@ Quick Reference
 ## 编程
 
 [Bash](./docs/bash.md)<!--rehype:style=background: rgb(72 143 223);-->  
+[Powershell](./docs/powershell.md)<!--rehype:style=background: rgb(0 81 197);-->  
 [C 语言](./docs/c.md)<!--rehype:style=background: rgb(92 107 192);-->  
 [C#](./docs/cs.md)<!--rehype:style=background: rgb(6 147 13);&class=contributing-->  
 [C++](./docs/cpp.md)<!--rehype:style=background: rgb(6 147 13);&class=contributing-->  
 [Dart](./docs/dart.md)<!--rehype:style=background: rgb(64 196 255);-->  
 [Docker](./docs/docker.md)<!--rehype:style=background: rgb(72 143 223);-->  
-[Docker-Compose](./docs/docker-compose.md)<!--rehype:style=background: rgb(72 143 223);&class=contributing tag&data-lang=Docker-->  
+[Docker Compose](./docs/docker-compose.md)<!--rehype:style=background: rgb(72 143 223);&class=contributing tag&data-lang=Docker-->  
 [Dockerfile](./docs/dockerfile.md)<!--rehype:style=background: rgb(0 72 153);&class=tag&data-lang=Docker-->  
 [Django](./docs/django.md)<!--rehype:style=background: rgb(12 75 51);&class=contributing tag&data-lang=Python-->  
 [Elixir](./docs/elixir.md)<!--rehype:style=background: rgb(124 26 156);&class=contributing tag&data-lang=Elixir-->   
@@ -101,6 +102,7 @@ Quick Reference
 [Emmet](./docs/emmet.md)<!--rehype:style=background: rgb(122 203 23);-->  
 [ES 6](./docs/es6.md)<!--rehype:style=background: rgb(122 203 23);&class=tag&data-lang=JS-->  
 [HTML](./docs/html.md)<!--rehype:style=background: rgb(228 77 39);-->  
+[HTML Canvas](./docs/canvas.md)<!--rehype:style=background: rgb(228 77 39);-->  
 [JavaScript](./docs/javascript.md)<!--rehype:style=background: rgb(203 183 31);-->  
 [jQuery](./docs/jquery.md)<!--rehype:style=background: rgb(203 183 31);-->  
 [Next.js](./docs/nextjs.md)<!--rehype:style=background: rgb(0 0 0);&class=tag&data-lang=React-->  
@@ -108,7 +110,6 @@ Quick Reference
 [React](./docs/react.md)<!--rehype:style=background: rgb(34 143 173);-->  
 [React Router](./docs/reactrouter.md)<!--rehype:style=background: rgb(244 66 79);&class=tag&data-lang=React-->  
 [React Native](./docs/react-native.md)<!--rehype:style=background: rgb(34 143 173);&class=tag&data-lang=React-->  
-[RegEx 正则表达式](./docs/regex.md)<!--rehype:style=background: rgb(149 36 155);-->  
 [TypeScript](./docs/typescript.md)<!--rehype:style=background: rgb(49 120 198);-->  
 [Tauri](./docs/tauri.md)<!--rehype:style=background: rgb(103 214 237);&class=contributing-->  
 [Vue 2](./docs/vue2.md)<!--rehype:style=background: rgb(64 184 131);&class=tag&data-lang=Vue-->  
@@ -145,16 +146,6 @@ Quick Reference
 [Bun](./docs/bun.md)<!--rehype:style=background: rgb(157 49 81);-->  
 <!--rehype:class=home-card-->
 
-## 工具
-
-[Emacs](./docs/emacs.md)<!--rehype:style=background: rgb(98 36 134);-->  
-[Github](./docs/github.md)<!--rehype:style=background: rgb(36 41 47);-->  
-[nginx](./docs/nginx.md)<!--rehype:style=background: rgb(0 153 0);-->  
-[Semver](./docs/semver.md)<!--rehype:style=background: rgb(106 111 141);-->  
-[Vim](./docs/vim.md)<!--rehype:style=background: rgb(9 150 8);-->  
-[XPath](./docs/xpath.md)<!--rehype:style=background: rgb(91 163 230);-->  
-<!--rehype:class=home-card-->
-
 ## 命令
 
 [ADB, Android Debug Bridge](./docs/adb.md)<!--rehype:style=background: rgb(238 0 0);&class=contributing tag&data-lang=Android&data-info=👆看看还缺点儿什么？-->  
@@ -169,7 +160,6 @@ Quick Reference
 [Find](./docs/find.md)<!--rehype:style=background: rgb(16 185 129);-->  
 [FFmpeg](./docs/ffmpeg.md)<!--rehype:style=background: rgb(0 193 9);&class=contributing-->  
 [Gdb](./docs/gdb.md)<!--rehype:style=background: rgb(215 89 62);-->  
-[Git](./docs/git.md)<!--rehype:style=background: rgb(215 89 62);&class=tag&data-lang=版本控制-->  
 [Glances](./docs/glances.md)<!--rehype:style=background: rgb(16 185 129);-->  
 [Grep](./docs/grep.md)<!--rehype:style=background: rgb(16 185 129);-->  
 [Htop](./docs/htop.md)<!--rehype:style=background: rgb(16 185 129);-->  
@@ -186,17 +176,30 @@ Quick Reference
 [Sed](./docs/sed.md)<!--rehype:style=background: rgb(16 185 129);-->  
 [Systemd](./docs/systemd.md)<!--rehype:style=background: rgb(16 185 129);-->  
 [SSH](./docs/ssh.md)<!--rehype:style=background: rgb(99 99 99);-->  
-[Subversion (SVN)](./docs/subversion.md)<!--rehype:style=background: rgb(99 99 99);&class=tag&data-lang=版本控制-->  
 [Screen](./docs/screen.md)<!--rehype:style=background: rgb(99 99 99);-->  
 [Sysdig](./docs/sysdig.md)<!--rehype:style=background: rgb(1 171 199);-->  
 [Tmux](./docs/tmux.md)<!--rehype:style=background: rgb(99 99 99);-->  
 [Taskset](./docs/taskset.md)<!--rehype:style=background: rgb(99 99 99);-->  
 [tar](./docs/tar.md)<!--rehype:style=background: rgb(215 89 62);&class=tag&data-lang=解压缩-->  
+[Yazi](./docs/yazi.md)<!--rehype:style=background: rgb(255 165 0);&class=tag&data-lang=文件管理器;&class=contributing-->  
 [Zip](./docs/zip.md)<!--rehype:style=background: rgb(99 99 99);&class=tag&data-lang=解压缩-->  
 [FTP](./docs/ftp.md)<!--rehype:style=background: rgb(99 99 99);-->  
 <!--rehype:class=home-card-->
 
-## 工具箱
+## 工具
+
+[ChatGPT](./docs/chatgpt.md)<!--rehype:style=background: rgb(74, 161, 129);&class=tag&data-lang=AI-->
+[Emacs](./docs/emacs.md)<!--rehype:style=background: rgb(98 36 134);-->  
+[Linux Command](./docs/linux-command.md)<!--rehype:style=background: rgb(215 89 62);&class=tag&data-lang=命令速查-->  
+[Mitmproxy](./docs/mitmproxy.md)<!--rehype:style=background: rgb(4 92 135);-->  
+[nginx](./docs/nginx.md)<!--rehype:style=background: rgb(0 153 0);-->  
+[RegEx 正则表达式](./docs/regex.md)<!--rehype:style=background: rgb(149 36 155);-->  
+[Semver 语义化版本](./docs/semver.md)<!--rehype:style=background: rgb(106 111 141);-->  
+[Vim](./docs/vim.md)<!--rehype:style=background: rgb(9 150 8);-->  
+[XPath](./docs/xpath.md)<!--rehype:style=background: rgb(91 163 230);-->  
+<!--rehype:class=home-card-->
+
+## 软件包管理器
 
 [APT](./docs/apt.md)<!--rehype:style=background: rgb(30 144 255);-->  
 [Conan](./docs/conan.md)<!--rehype:style=background: rgb(0 193 9);&class=tag&data-lang=C/C++-->  
@@ -204,13 +207,22 @@ Quick Reference
 [CocoaPods](./docs/cocoapods.md)<!--rehype:style=background: rgb(251 0 6);&class=tag&data-lang=C/C++-->  
 [Cargo](./docs/cargo.md)<!--rehype:style=background: rgb(71 71 71);&class=tag&data-lang=Rust-->  
 [Homebrew](./docs/homebrew.md)<!--rehype:style=background: rgb(252 185 87);&class=tag&data-lang=macOS-->  
-[Linux Command](./docs/linux-command.md)<!--rehype:style=background: rgb(215 89 62);&class=tag&data-lang=命令速查-->  
-[Mitmproxy](./docs/mitmproxy.md)<!--rehype:style=background: rgb(4 92 135);-->  
 [Pacman](./docs/pacman.md)<!--rehype:style=background: rgb(24 147 209);&class=tag&data-lang=archlinux&class=contributing-->  
 [YUM](./docs/yum.md)<!--rehype:style=background: rgb(86 86 123);-->  
 [SDKMAN](./docs/sdkman.md)<!--rehype:style=background: rgb(0 118 198);-->  
 <!--rehype:class=home-card-->
 
+## Git 版本控制
+
+[Git](./docs/git.md)<!--rehype:style=background: rgb(215 89 62);&class=tag&data-lang=版本控制-->  
+[Github](./docs/github.md)<!--rehype:style=background: rgb(36 41 47);-->  
+[Github Copilot](./docs/github-copilot.md)<!--rehype:style=background: rgb(125 45 220);&class=tag contributing&data-lang=AI&data-info=👆看看还缺点儿什么？-->  
+[Github CLI](./docs/github-cli.md)<!--rehype:style=background: rgb(36 41 47);-->  
+[Github Actions](./docs/github-actions.md)<!--rehype:style=background: rgb(121 184 255);-->  
+[Gitlab CI/CD](./docs/gitlab-ci.md)<!--rehype:style=background: rgb(226 67 41);&class=contributing-->  
+[Subversion (SVN)](./docs/subversion.md)<!--rehype:style=background: rgb(99 99 99);&class=tag&data-lang=版本控制-->  
+<!--rehype:class=home-card-->
+
 ## 数据库
 
 [MySQL](./docs/mysql.md)<!--rehype:style=background: rgb(1 117 143);&class=tag&data-lang=SQL-->  
@@ -220,6 +232,7 @@ Quick Reference
 [Redis](./docs/redis.md)<!--rehype:style=background: rgb(198 47 44);-->  
 [Elasticsearch](./docs/elasticsearch.md)<!--rehype:style=background: rgb(36 187 177);-->  
 [Neo4j](./docs/neo4j.md)<!--rehype:style=background: rgb(86 86 123);-->
+[SQLite](./docs/sqlite.md)<!--rehype:style=background: rgb(0 59 90);-->
 <!--rehype:class=home-card-->
 
 ## 快捷键
@@ -253,8 +266,6 @@ Quick Reference
 [Aspect Ratio](./docs/aspect-ratio.md)<!--rehype:style=background: rgb(16 185 129);-->  
 [ASCII Code](./docs/ascii-code.md)<!--rehype:style=background: rgb(16 185 129);-->  
 [Symbol Code](./docs/symbol-code.md)<!--rehype:style=background: rgb(16 185 129);-->  
-[Github Actions](./docs/github-actions.md)<!--rehype:style=background: rgb(121 184 255);-->  
-[Gitlab CI/CD](./docs/gitlab-ci.md)<!--rehype:style=background: rgb(226 67 41);&class=contributing-->  
 [Colors Named](./docs/colors-named.md)<!--rehype:style=background: rgb(16 185 129);&class=tag&data-lang=CSS-->  
 [HTTP 状态码](./docs/http-status-code.md)<!--rehype:style=background: rgb(16 185 129);-->  
 [HTML 字符实体](./docs/html-char.md)<!--rehype:style=background: rgb(16 185 129);&class=tag&data-lang=HTML-->  
@@ -263,7 +274,8 @@ Quick Reference
 [Emoji](./docs/emoji.md)<!--rehype:style=\-\-bg\-opacity: 0.75;background-image: linear-gradient(to left, rgba(74 222 128 / var(\-\-bg\-opacity)), rgba(59 130 246 / var(\-\-bg\-opacity)));-->  
 [MIME types](./docs/mime.md)<!--rehype:style=background: rgb(16 185 129);-->  
 [Resolutions](./docs/resolutions.md)<!--rehype:style=background: rgb(16 185 129);-->  
-[ChatGPT](./docs/chatgpt.md)<!--rehype:style=background: rgb(74, 161, 129);&class=tag&data-lang=ai-->
+[时区列表](./docs/time-zones.md)<!--rehype:style=background: rgb(16 185 129);-->  
+[常见端口对照](./docs/ports.md)<!--rehype:style=background: rgb(16 185 129);-->  
 <!--rehype:class=home-card-->
 
 ## 看到缺少什么了吗？
@@ -283,16 +295,16 @@ Quick Reference
 
 <!--GAMFC--><a href="https://github.com/jaywcjlove" title="小弟调调"><img src="https://avatars.githubusercontent.com/u/1680273?v=4" width="42;" alt="小弟调调"/></a>
 <a href="https://github.com/fwqaaq" title="fwqaaq"><img src="https://avatars.githubusercontent.com/u/82551626?v=4" width="42;" alt="fwqaaq"/></a>
+<a href="https://github.com/zhangymPerson" title="zhangym"><img src="https://avatars.githubusercontent.com/u/40376181?v=4" width="42;" alt="zhangym"/></a>
 <a href="https://github.com/mofelee" title="mofelee"><img src="https://avatars.githubusercontent.com/u/5069410?v=4" width="42;" alt="mofelee"/></a>
 <a href="https://github.com/Country-If" title="Maylon"><img src="https://avatars.githubusercontent.com/u/62837275?v=4" width="42;" alt="Maylon"/></a>
-<a href="https://github.com/zhangymPerson" title="zhangym"><img src="https://avatars.githubusercontent.com/u/40376181?v=4" width="42;" alt="zhangym"/></a>
-<a href="https://github.com/aixcyi" title="砹小翼"><img src="https://avatars.githubusercontent.com/u/75880483?v=4" width="42;" alt="砹小翼"/></a>
-<a href="https://github.com/nangongchengfeng" title="南宫乘风"><img src="https://avatars.githubusercontent.com/u/46562911?v=4" width="42;" alt="南宫乘风"/></a>
-<a href="https://github.com/h7ml" title="h7ml"><img src="https://avatars.githubusercontent.com/u/55233292?v=4" width="42;" alt="h7ml"/></a>
-<a href="https://github.com/LesterChang0987" title="Steve Hartwell"><img src="https://avatars.githubusercontent.com/u/114913921?v=4" width="42;" alt="Steve Hartwell"/></a>
 <a href="https://github.com/JeffersonHuang" title="Jefferson Huang"><img src="https://avatars.githubusercontent.com/u/47512530?v=4" width="42;" alt="Jefferson Huang"/></a>
-<a href="https://github.com/Alex20180512" title="Alex"><img src="https://avatars.githubusercontent.com/u/115539090?v=4" width="42;" alt="Alex"/></a>
+<a href="https://github.com/LesterChang0987" title="Steve Hartwell"><img src="https://avatars.githubusercontent.com/u/114913921?v=4" width="42;" alt="Steve Hartwell"/></a>
+<a href="https://github.com/h7ml" title="h7ml"><img src="https://avatars.githubusercontent.com/u/55233292?v=4" width="42;" alt="h7ml"/></a>
+<a href="https://github.com/nangongchengfeng" title="南宫乘风"><img src="https://avatars.githubusercontent.com/u/46562911?v=4" width="42;" alt="南宫乘风"/></a>
+<a href="https://github.com/aixcyi" title="阿羽"><img src="https://avatars.githubusercontent.com/u/75880483?v=4" width="42;" alt="阿羽"/></a>
 <a href="https://github.com/LufsX" title="LufsX"><img src="https://avatars.githubusercontent.com/u/33221883?v=4" width="42;" alt="LufsX"/></a>
+<a href="https://github.com/alex-reinfoce" title="Alex"><img src="https://avatars.githubusercontent.com/u/115539090?v=4" width="42;" alt="Alex"/></a>
 <a href="https://github.com/mailbaoer" title="baoer"><img src="https://avatars.githubusercontent.com/u/5282978?v=4" width="42;" alt="baoer"/></a>
 <a href="https://github.com/expoli" title="expoli"><img src="https://avatars.githubusercontent.com/u/31023767?v=4" width="42;" alt="expoli"/></a>
 <a href="https://github.com/k23223" title="k23223"><img src="https://avatars.githubusercontent.com/u/57606136?v=4" width="42;" alt="k23223"/></a>
@@ -300,40 +312,46 @@ Quick Reference
 <a href="https://github.com/undefined-hestudio" title="undefined"><img src="https://avatars.githubusercontent.com/u/119711513?v=4" width="42;" alt="undefined"/></a>
 <a href="https://github.com/Darkiiiiiice" title="Darkiiiiiice"><img src="https://avatars.githubusercontent.com/u/3959555?v=4" width="42;" alt="Darkiiiiiice"/></a>
 <a href="https://github.com/genius-kim" title="Kim同学"><img src="https://avatars.githubusercontent.com/u/119488561?v=4" width="42;" alt="Kim同学"/></a>
-<a href="https://github.com/qyl27" title="秋 雨落"><img src="https://avatars.githubusercontent.com/u/53731501?v=4" width="42;" alt="秋 雨落"/></a>
+<a href="https://github.com/qyl27" title="雨落"><img src="https://avatars.githubusercontent.com/u/53731501?v=4" width="42;" alt="雨落"/></a>
 <a href="https://github.com/MackDing" title="Blossom"><img src="https://avatars.githubusercontent.com/u/19878893?v=4" width="42;" alt="Blossom"/></a>
 <a href="https://github.com/1250422131" title="萌新杰少"><img src="https://avatars.githubusercontent.com/u/52126790?v=4" width="42;" alt="萌新杰少"/></a>
-<a href="https://github.com/chaos-cn" title="chaos"><img src="https://avatars.githubusercontent.com/u/71205599?v=4" width="42;" alt="chaos"/></a>
-<a href="https://github.com/xia0ne" title="YuRuiH"><img src="https://avatars.githubusercontent.com/u/32591223?v=4" width="42;" alt="YuRuiH"/></a>
-<a href="https://github.com/Willxup" title="Willxup"><img src="https://avatars.githubusercontent.com/u/51990395?v=4" width="42;" alt="Willxup"/></a>
+<a href="https://github.com/richuff" title="richuff"><img src="https://avatars.githubusercontent.com/u/162144087?v=4" width="42;" alt="richuff"/></a>
+<a href="https://github.com/Harris-H" title="Hao He"><img src="https://avatars.githubusercontent.com/u/57698783?v=4" width="42;" alt="Hao He"/></a>
 <a href="https://github.com/LiuYuan-SHU" title="Yuan Liu"><img src="https://avatars.githubusercontent.com/u/96400967?v=4" width="42;" alt="Yuan Liu"/></a>
-<a href="https://github.com/lvelvee" title="Lve Lvee"><img src="https://avatars.githubusercontent.com/u/25785753?v=4" width="42;" alt="Lve Lvee"/></a>
-<a href="https://github.com/wangdaodao" title="王叨叨"><img src="https://avatars.githubusercontent.com/u/2317442?v=4" width="42;" alt="王叨叨"/></a>
+<a href="https://github.com/long-910" title="Small Long"><img src="https://avatars.githubusercontent.com/u/7323488?v=4" width="42;" alt="Small Long"/></a>
+<a href="https://github.com/Willxup" title="Will"><img src="https://avatars.githubusercontent.com/u/51990395?v=4" width="42;" alt="Will"/></a>
+<a href="https://github.com/xia0ne" title="YuRuiH"><img src="https://avatars.githubusercontent.com/u/32591223?v=4" width="42;" alt="YuRuiH"/></a>
+<a href="https://github.com/chaos-cn" title="chaos"><img src="https://avatars.githubusercontent.com/u/71205599?v=4" width="42;" alt="chaos"/></a>
+<a href="https://github.com/QinIndexCode" title="fault"><img src="https://avatars.githubusercontent.com/u/177287013?v=4" width="42;" alt="fault"/></a>
 <a href="https://github.com/wsypower" title="魏"><img src="https://avatars.githubusercontent.com/u/31298317?v=4" width="42;" alt="魏"/></a>
+<a href="https://github.com/buyfakett" title="buyfakett"><img src="https://avatars.githubusercontent.com/u/46560426?v=4" width="42;" alt="buyfakett"/></a>
 <a href="https://github.com/itldg" title="老大哥"><img src="https://avatars.githubusercontent.com/u/13432299?v=4" width="42;" alt="老大哥"/></a>
+<a href="https://github.com/wangdaodao" title="王叨叨"><img src="https://avatars.githubusercontent.com/u/2317442?v=4" width="42;" alt="王叨叨"/></a>
 <a href="https://github.com/catcto" title="小武Alan"><img src="https://avatars.githubusercontent.com/u/5467932?v=4" width="42;" alt="小武Alan"/></a>
+<a href="https://github.com/witt-bit" title="witt"><img src="https://avatars.githubusercontent.com/u/52407727?v=4" width="42;" alt="witt"/></a>
 <a href="https://github.com/ryanhex53" title="ryanhex53"><img src="https://avatars.githubusercontent.com/u/360426?v=4" width="42;" alt="ryanhex53"/></a>
-<a href="https://github.com/partoneplay" title="partoneplay"><img src="https://avatars.githubusercontent.com/u/5189132?v=4" width="42;" alt="partoneplay"/></a>
+<a href="https://github.com/partoneplay" title="佐博"><img src="https://avatars.githubusercontent.com/u/5189132?v=4" width="42;" alt="佐博"/></a>
 <a href="https://github.com/pangxiaoli" title="pangxiaoli"><img src="https://avatars.githubusercontent.com/u/54620953?v=4" width="42;" alt="pangxiaoli"/></a>
 <a href="https://github.com/mancuoj" title="mancuoj"><img src="https://avatars.githubusercontent.com/u/45707684?v=4" width="42;" alt="mancuoj"/></a>
 <a href="https://github.com/1834423612" title="kjch"><img src="https://avatars.githubusercontent.com/u/49981661?v=4" width="42;" alt="kjch"/></a>
 <a href="https://github.com/AmosHuKe" title="Amos"><img src="https://avatars.githubusercontent.com/u/32262985?v=4" width="42;" alt="Amos"/></a>
-<a href="https://github.com/webeautiful" title="Albert"><img src="https://avatars.githubusercontent.com/u/3364316?v=4" width="42;" alt="Albert"/></a>
 <a href="https://github.com/qjksxy" title="Apin"><img src="https://avatars.githubusercontent.com/u/81305669?v=4" width="42;" alt="Apin"/></a>
 <a href="https://github.com/dadatom" title="Da Da"><img src="https://avatars.githubusercontent.com/u/33886943?v=4" width="42;" alt="Da Da"/></a>
 <a href="https://github.com/ljq" title="Jack Liu"><img src="https://avatars.githubusercontent.com/u/7278286?v=4" width="42;" alt="Jack Liu"/></a>
 <a href="https://github.com/jasnzhuang" title="Jason Zhuang"><img src="https://avatars.githubusercontent.com/u/16612921?v=4" width="42;" alt="Jason Zhuang"/></a>
 <a href="https://github.com/Jovins" title="Jovins"><img src="https://avatars.githubusercontent.com/u/17738992?v=4" width="42;" alt="Jovins"/></a>
-<a href="https://github.com/long-910" title="Small Long"><img src="https://avatars.githubusercontent.com/u/7323488?v=4" width="42;" alt="Small Long"/></a>
+<a href="https://github.com/Kisa-Dong" title="Kisa-Dong"><img src="https://avatars.githubusercontent.com/u/84782008?v=4" width="42;" alt="Kisa-Dong"/></a>
 <a href="https://github.com/SuperDiscovery" title="SuperDiscovery"><img src="https://avatars.githubusercontent.com/u/49646863?v=4" width="42;" alt="SuperDiscovery"/></a>
+<a href="https://github.com/ThanatosXingYu" title="Thanatos"><img src="https://avatars.githubusercontent.com/u/53430376?v=4" width="42;" alt="Thanatos"/></a>
 <a href="https://github.com/XYZscratcher" title="XYZ"><img src="https://avatars.githubusercontent.com/u/108533817?v=4" width="42;" alt="XYZ"/></a>
-<a href="https://github.com/findnr" title="findnr"><img src="https://avatars.githubusercontent.com/u/3909023?v=4" width="42;" alt="findnr"/></a>
-<a href="https://github.com/greyhao" title="redear_dev"><img src="https://avatars.githubusercontent.com/u/107107440?v=4" width="42;" alt="redear_dev"/></a>
-<a href="https://github.com/yanxuplay" title="hupilan"><img src="https://avatars.githubusercontent.com/u/69749541?v=4" width="42;" alt="hupilan"/></a>
-<a href="https://github.com/hweining" title="hweining"><img src="https://avatars.githubusercontent.com/u/8973985?v=4" width="42;" alt="hweining"/></a>
+<a href="https://github.com/izven" title="Zhang"><img src="https://avatars.githubusercontent.com/u/2149051?v=4" width="42;" alt="Zhang"/></a>
+<a href="https://github.com/greyhao" title="greyhao"><img src="https://avatars.githubusercontent.com/u/107107440?v=4" width="42;" alt="greyhao"/></a>
 <a href="https://github.com/infanx" title="infanx"><img src="https://avatars.githubusercontent.com/u/65985757?v=4" width="42;" alt="infanx"/></a>
+<a href="https://github.com/hweining" title="hweining"><img src="https://avatars.githubusercontent.com/u/8973985?v=4" width="42;" alt="hweining"/></a>
+<a href="https://github.com/icer233" title="icer"><img src="https://avatars.githubusercontent.com/u/74440627?v=4" width="42;" alt="icer"/></a>
 <a href="https://github.com/auroraslot" title="irony"><img src="https://avatars.githubusercontent.com/u/48817882?v=4" width="42;" alt="irony"/></a>
 <a href="https://github.com/jlchen5" title="J.Chen"><img src="https://avatars.githubusercontent.com/u/61578993?v=4" width="42;" alt="J.Chen"/></a>
+<a href="https://github.com/jldxpm" title="jldxjldx"><img src="https://avatars.githubusercontent.com/u/128905630?v=4" width="42;" alt="jldxjldx"/></a>
 <a href="https://github.com/joyfully-W" title="joyfully-W"><img src="https://avatars.githubusercontent.com/u/32212924?v=4" width="42;" alt="joyfully-W"/></a>
 <a href="https://github.com/jqzhao7" title="jqzhao"><img src="https://avatars.githubusercontent.com/u/54694535?v=4" width="42;" alt="jqzhao"/></a>
 <a href="https://github.com/jussker" title="jussker"><img src="https://avatars.githubusercontent.com/u/33953356?v=4" width="42;" alt="jussker"/></a>
@@ -342,6 +360,9 @@ Quick Reference
 <a href="https://github.com/kubeme" title="kubernetes for me"><img src="https://avatars.githubusercontent.com/u/16346220?v=4" width="42;" alt="kubernetes for me"/></a>
 <a href="https://github.com/larry-xue" title="yujian(larry) xue"><img src="https://avatars.githubusercontent.com/u/48818060?v=4" width="42;" alt="yujian(larry) xue"/></a>
 <a href="https://github.com/leauny" title="leauny"><img src="https://avatars.githubusercontent.com/u/42369176?v=4" width="42;" alt="leauny"/></a>
+<a href="https://github.com/liliangrong777" title="liliangrong777"><img src="https://avatars.githubusercontent.com/u/58727146?v=4" width="42;" alt="liliangrong777"/></a>
+<a href="https://github.com/Zeng-qh" title="都一样"><img src="https://avatars.githubusercontent.com/u/40046415?v=4" width="42;" alt="都一样"/></a>
+<a href="https://github.com/yanxuplay" title="hupilan"><img src="https://avatars.githubusercontent.com/u/69749541?v=4" width="42;" alt="hupilan"/></a>
 <a href="https://github.com/hua03" title="hua03"><img src="https://avatars.githubusercontent.com/u/19561959?v=4" width="42;" alt="hua03"/></a>
 <a href="https://github.com/gzttcydxx" title="gzttcydxx"><img src="https://avatars.githubusercontent.com/u/50025185?v=4" width="42;" alt="gzttcydxx"/></a>
 <a href="https://github.com/sunny0826" title="Xudong Guo"><img src="https://avatars.githubusercontent.com/u/24563928?v=4" width="42;" alt="Xudong Guo"/></a>
@@ -350,42 +371,45 @@ Quick Reference
 <a href="https://github.com/gi-b716" title="Gavin"><img src="https://avatars.githubusercontent.com/u/78394473?v=4" width="42;" alt="Gavin"/></a>
 <a href="https://github.com/fjqz177" title="fjqz177"><img src="https://avatars.githubusercontent.com/u/83070583?v=4" width="42;" alt="fjqz177"/></a>
 <a href="https://github.com/fakevn" title="fakevn"><img src="https://avatars.githubusercontent.com/u/11464386?v=4" width="42;" alt="fakevn"/></a>
+<a href="https://github.com/emoji-share" title="emoji-share🤪"><img src="https://avatars.githubusercontent.com/u/192275245?v=4" width="42;" alt="emoji-share🤪"/></a>
 <a href="https://github.com/cool9203" title="cool9203"><img src="https://avatars.githubusercontent.com/u/29609607?v=4" width="42;" alt="cool9203"/></a>
-<a href="https://github.com/gaoxiaoduan" title="CoderDuan"><img src="https://avatars.githubusercontent.com/u/69953511?v=4" width="42;" alt="CoderDuan"/></a>
+<a href="https://github.com/gaoxiaoduan" title="Coder Duan"><img src="https://avatars.githubusercontent.com/u/69953511?v=4" width="42;" alt="Coder Duan"/></a>
 <a href="https://github.com/lijc210" title="cizai"><img src="https://avatars.githubusercontent.com/u/10651081?v=4" width="42;" alt="cizai"/></a>
 <a href="https://github.com/chyok" title="chyok"><img src="https://avatars.githubusercontent.com/u/32629225?v=4" width="42;" alt="chyok"/></a>
-<a href="https://github.com/zlfyuan" title="bgbgPang"><img src="https://avatars.githubusercontent.com/u/19658018?v=4" width="42;" alt="bgbgPang"/></a>
-<a href="https://github.com/Lmmmmmm-bb" title="_lmmmmmm"><img src="https://avatars.githubusercontent.com/u/54026110?v=4" width="42;" alt="_lmmmmmm"/></a>
-<a href="https://github.com/Zeng-qh" title="都一样"><img src="https://avatars.githubusercontent.com/u/40046415?v=4" width="42;" alt="都一样"/></a>
+<a href="https://github.com/mariuszmichalowski" title="Mariusz Michalowski"><img src="https://avatars.githubusercontent.com/u/92091891?v=4" width="42;" alt="Mariusz Michalowski"/></a>
 <a href="https://github.com/binscor" title="Zheng Nai Bin"><img src="https://avatars.githubusercontent.com/u/37325821?v=4" width="42;" alt="Zheng Nai Bin"/></a>
 <a href="https://github.com/qwxingzhe" title="行者"><img src="https://avatars.githubusercontent.com/u/7071651?v=4" width="42;" alt="行者"/></a>
-<a href="https://github.com/HanaChan233" title="花开花落"><img src="https://avatars.githubusercontent.com/u/75212820?v=4" width="42;" alt="花开花落"/></a>
 <a href="https://github.com/lisheng741" title="芦荟柚子茶"><img src="https://avatars.githubusercontent.com/u/53617305?v=4" width="42;" alt="芦荟柚子茶"/></a>
+<a href="https://github.com/rainbowatcher" title="rainbowatcher"><img src="https://avatars.githubusercontent.com/u/42316353?v=4" width="42;" alt="rainbowatcher"/></a>
 <a href="https://github.com/HChenX" title="焕晨HChen"><img src="https://avatars.githubusercontent.com/u/123531821?v=4" width="42;" alt="焕晨HChen"/></a>
 <a href="https://github.com/LebranceBW" title="落叶乌龟"><img src="https://avatars.githubusercontent.com/u/19501514?v=4" width="42;" alt="落叶乌龟"/></a>
+<a href="https://github.com/LongYinStudio" title="敬培全"><img src="https://avatars.githubusercontent.com/u/42208852?v=4" width="42;" alt="敬培全"/></a>
 <a href="https://github.com/Fengjing95" title="小枫"><img src="https://avatars.githubusercontent.com/u/51731411?v=4" width="42;" alt="小枫"/></a>
 <a href="https://github.com/ZIDOUZI" title="子斗子"><img src="https://avatars.githubusercontent.com/u/53157536?v=4" width="42;" alt="子斗子"/></a>
 <a href="https://github.com/LuckyJie12" title="夜未央"><img src="https://avatars.githubusercontent.com/u/102901105?v=4" width="42;" alt="夜未央"/></a>
+<a href="https://github.com/kele527" title="吹衣轻飏"><img src="https://avatars.githubusercontent.com/u/345445?v=4" width="42;" alt="吹衣轻飏"/></a>
 <a href="https://github.com/lvzhenbo" title="无聊波波"><img src="https://avatars.githubusercontent.com/u/32427677?v=4" width="42;" alt="无聊波波"/></a>
-<a href="https://github.com/zxx457" title="zxx457"><img src="https://avatars.githubusercontent.com/u/114141362?v=4" width="42;" alt="zxx457"/></a>
+<a href="https://github.com/zxx457" title="Xianxin Zeng"><img src="https://avatars.githubusercontent.com/u/114141362?v=4" width="42;" alt="Xianxin Zeng"/></a>
 <a href="https://github.com/zhouhw0306" title="zhouhw0306"><img src="https://avatars.githubusercontent.com/u/82752681?v=4" width="42;" alt="zhouhw0306"/></a>
 <a href="https://github.com/hiyms" title="yms"><img src="https://avatars.githubusercontent.com/u/84654050?v=4" width="42;" alt="yms"/></a>
+<a href="https://github.com/giteeking" title="xunjian"><img src="https://avatars.githubusercontent.com/u/166626162?v=4" width="42;" alt="xunjian"/></a>
 <a href="https://github.com/xing133" title="xing133"><img src="https://avatars.githubusercontent.com/u/5336490?v=4" width="42;" alt="xing133"/></a>
 <a href="https://github.com/wjjwkwindy" title="Hudson Alen"><img src="https://avatars.githubusercontent.com/u/9508591?v=4" width="42;" alt="Hudson Alen"/></a>
 <a href="https://github.com/wannima66" title="tmen"><img src="https://avatars.githubusercontent.com/u/26410255?v=4" width="42;" alt="tmen"/></a>
 <a href="https://github.com/swift-fs" title="swift-fs"><img src="https://avatars.githubusercontent.com/u/77133741?v=4" width="42;" alt="swift-fs"/></a>
 <a href="https://github.com/suyangzuo" title="suyangzuo"><img src="https://avatars.githubusercontent.com/u/50766353?v=4" width="42;" alt="suyangzuo"/></a>
 <a href="https://github.com/Mowmowj" title="nexo"><img src="https://avatars.githubusercontent.com/u/24759562?v=4" width="42;" alt="nexo"/></a>
+<a href="https://github.com/shanhai1024" title="shanhai1024"><img src="https://avatars.githubusercontent.com/u/56210461?v=4" width="42;" alt="shanhai1024"/></a>
+<a href="https://github.com/ri-fumo" title="ri-fumo"><img src="https://avatars.githubusercontent.com/u/190000479?v=4" width="42;" alt="ri-fumo"/></a>
 <a href="https://github.com/phygerr" title="phygerr"><img src="https://avatars.githubusercontent.com/u/42068889?v=4" width="42;" alt="phygerr"/></a>
 <a href="https://github.com/openapphub" title="openapphub"><img src="https://avatars.githubusercontent.com/u/175949671?v=4" width="42;" alt="openapphub"/></a>
 <a href="https://github.com/onewesong" title="onewesong"><img src="https://avatars.githubusercontent.com/u/17920822?v=4" width="42;" alt="onewesong"/></a>
 <a href="https://github.com/miclon-dev" title="miclon-dev"><img src="https://avatars.githubusercontent.com/u/111753685?v=4" width="42;" alt="miclon-dev"/></a>
 <a href="https://github.com/lykjjj" title="lykjjj"><img src="https://avatars.githubusercontent.com/u/58510058?v=4" width="42;" alt="lykjjj"/></a>
 <a href="https://github.com/lozhu20" title="lozhu"><img src="https://avatars.githubusercontent.com/u/44923922?v=4" width="42;" alt="lozhu"/></a>
-<a href="https://github.com/liliangrong777" title="liliangrong777"><img src="https://avatars.githubusercontent.com/u/58727146?v=4" width="42;" alt="liliangrong777"/></a>
-<a href="https://github.com/mariuszmichalowski" title="Mariusz Michalowski"><img src="https://avatars.githubusercontent.com/u/92091891?v=4" width="42;" alt="Mariusz Michalowski"/></a>
 <a href="https://github.com/isecret" title="Mao Wang"><img src="https://avatars.githubusercontent.com/u/15724152?v=4" width="42;" alt="Mao Wang"/></a>
-<a href="https://github.com/likeshop-github" title="likeshop技术社区"><img src="https://avatars.githubusercontent.com/u/77180968?v=4" width="42;" alt="likeshop技术社区"/></a>
+<a href="https://github.com/lvelvee" title="Lve Lvee"><img src="https://avatars.githubusercontent.com/u/25785753?v=4" width="42;" alt="Lve Lvee"/></a>
+<a href="https://github.com/likeadmin-likeshop" title="likeadmin通过管理后台-likeshop全开源商城"><img src="https://avatars.githubusercontent.com/u/77180968?v=4" width="42;" alt="likeadmin通过管理后台-likeshop全开源商城"/></a>
 <a href="https://github.com/Lihuagreek" title="Lihuagreek"><img src="https://avatars.githubusercontent.com/u/51040740?v=4" width="42;" alt="Lihuagreek"/></a>
 <a href="https://github.com/LightQuanta" title="Light_Quanta"><img src="https://avatars.githubusercontent.com/u/18213217?v=4" width="42;" alt="Light_Quanta"/></a>
 <a href="https://github.com/JetSquirrel" title="JetSquirrel"><img src="https://avatars.githubusercontent.com/u/20291255?v=4" width="42;" alt="JetSquirrel"/></a>
@@ -393,12 +417,14 @@ Quick Reference
 <a href="https://github.com/JavaZeroo" title="JavaZero"><img src="https://avatars.githubusercontent.com/u/71128095?v=4" width="42;" alt="JavaZero"/></a>
 <a href="https://github.com/Ding-Kyoma" title="HooinKyoma"><img src="https://avatars.githubusercontent.com/u/44542198?v=4" width="42;" alt="HooinKyoma"/></a>
 <a href="https://github.com/gongyeheyu" title="GONGYE Heyu"><img src="https://avatars.githubusercontent.com/u/85177605?v=4" width="42;" alt="GONGYE Heyu"/></a>
+<a href="https://github.com/Furry-Monster" title="Furry-Monster"><img src="https://avatars.githubusercontent.com/u/158404543?v=4" width="42;" alt="Furry-Monster"/></a>
 <a href="https://github.com/Fuku-L" title="Foozi"><img src="https://avatars.githubusercontent.com/u/38535911?v=4" width="42;" alt="Foozi"/></a>
 <a href="https://github.com/sirius-fan" title="Fan"><img src="https://avatars.githubusercontent.com/u/25720015?v=4" width="42;" alt="Fan"/></a>
 <a href="https://github.com/eeeeeio" title="EEEEE"><img src="https://avatars.githubusercontent.com/u/20723545?v=4" width="42;" alt="EEEEE"/></a>
 <a href="https://github.com/demigodliu" title="DemigodLiu"><img src="https://avatars.githubusercontent.com/u/30372735?v=4" width="42;" alt="DemigodLiu"/></a>
 <a href="https://github.com/dasferco" title="Dasferco"><img src="https://avatars.githubusercontent.com/u/92622404?v=4" width="42;" alt="Dasferco"/></a>
 <a href="https://github.com/Damao2250" title="Damao"><img src="https://avatars.githubusercontent.com/u/19251992?v=4" width="42;" alt="Damao"/></a>
+<a href="https://github.com/daining810" title="dain"><img src="https://avatars.githubusercontent.com/u/125986872?v=4" width="42;" alt="dain"/></a>
 <a href="https://github.com/DEEMO101" title="DEEMO101"><img src="https://avatars.githubusercontent.com/u/35123091?v=4" width="42;" alt="DEEMO101"/></a>
 <a href="https://github.com/ohto-ai" title="Choo"><img src="https://avatars.githubusercontent.com/u/46275725?v=4" width="42;" alt="Choo"/></a>
 <a href="https://github.com/CharlotteZeng" title="hanchZ"><img src="https://avatars.githubusercontent.com/u/19461184?v=4" width="42;" alt="hanchZ"/></a>
@@ -409,11 +435,15 @@ Quick Reference
 <a href="https://github.com/BlacAmDK" title="BlacAmDK"><img src="https://avatars.githubusercontent.com/u/10971397?v=4" width="42;" alt="BlacAmDK"/></a>
 <a href="https://github.com/gitchenze" title="Aze"><img src="https://avatars.githubusercontent.com/u/13357869?v=4" width="42;" alt="Aze"/></a>
 <a href="https://github.com/dousha0w0" title="dousha0w0"><img src="https://avatars.githubusercontent.com/u/52566311?v=4" width="42;" alt="dousha0w0"/></a>
+<a href="https://github.com/JinchuanL" title="ANDY"><img src="https://avatars.githubusercontent.com/u/68026794?v=4" width="42;" alt="ANDY"/></a>
 <a href="https://github.com/13812700839" title="花殇"><img src="https://avatars.githubusercontent.com/u/58072506?v=4" width="42;" alt="花殇"/></a>
+<a href="https://github.com/zlfyuan" title="bgbgPang"><img src="https://avatars.githubusercontent.com/u/19658018?v=4" width="42;" alt="bgbgPang"/></a>
+<a href="https://github.com/Lmmmmmm-bb" title="_lmmmmmm"><img src="https://avatars.githubusercontent.com/u/54026110?v=4" width="42;" alt="_lmmmmmm"/></a>
 <a href="https://github.com/y52y" title="Zyj"><img src="https://avatars.githubusercontent.com/u/51304324?v=4" width="42;" alt="Zyj"/></a>
 <a href="https://github.com/Leaderzhangyi" title="ZinkCas"><img src="https://avatars.githubusercontent.com/u/46915666?v=4" width="42;" alt="ZinkCas"/></a>
 <a href="https://github.com/zhu0629" title="zhucong"><img src="https://avatars.githubusercontent.com/u/13188450?v=4" width="42;" alt="zhucong"/></a>
 <a href="https://github.com/yikuaibro" title="yikuaibro"><img src="https://avatars.githubusercontent.com/u/44493045?v=4" width="42;" alt="yikuaibro"/></a>
+<a href="https://github.com/HeZephyr" title="Zephyr He"><img src="https://avatars.githubusercontent.com/u/67893254?v=4" width="42;" alt="Zephyr He"/></a>
 <a href="https://github.com/dfshizhiqiang" title="Zech"><img src="https://avatars.githubusercontent.com/u/7030019?v=4" width="42;" alt="Zech"/></a>
 <a href="https://github.com/Yo-gurts" title="Yogurt"><img src="https://avatars.githubusercontent.com/u/44612841?v=4" width="42;" alt="Yogurt"/></a>
 <a href="https://github.com/hi-liyan" title="李李李"><img src="https://avatars.githubusercontent.com/u/40056492?v=4" width="42;" alt="李李李"/></a>
@@ -426,12 +456,13 @@ Quick Reference
 <a href="https://github.com/DataEraserC" title="Sacabambaspis"><img src="https://avatars.githubusercontent.com/u/102341238?v=4" width="42;" alt="Sacabambaspis"/></a>
 <a href="https://github.com/qinxiongzhou" title="Ryan Zhou"><img src="https://avatars.githubusercontent.com/u/33239096?v=4" width="42;" alt="Ryan Zhou"/></a>
 <a href="https://github.com/RivailleF" title="RivailleF"><img src="https://avatars.githubusercontent.com/u/93083015?v=4" width="42;" alt="RivailleF"/></a>
+<a href="https://github.com/Qliangw" title="Qliangw"><img src="https://avatars.githubusercontent.com/u/22791711?v=4" width="42;" alt="Qliangw"/></a>
 <a href="https://github.com/QDelta" title="QDelta"><img src="https://avatars.githubusercontent.com/u/60222316?v=4" width="42;" alt="QDelta"/></a>
 <a href="https://github.com/sevenleave" title="Poirot Hercule"><img src="https://avatars.githubusercontent.com/u/24411140?v=4" width="42;" alt="Poirot Hercule"/></a>
 <a href="https://github.com/PipecraftNet" title="Pipecraft"><img src="https://avatars.githubusercontent.com/u/88728670?v=4" width="42;" alt="Pipecraft"/></a>
-<a href="https://github.com/Perzch" title="Perzch"><img src="https://avatars.githubusercontent.com/u/67987641?v=4" width="42;" alt="Perzch"/></a>
+<a href="https://github.com/Perzch" title="ZhaoChunhuan"><img src="https://avatars.githubusercontent.com/u/67987641?v=4" width="42;" alt="ZhaoChunhuan"/></a>
 <a href="https://github.com/PILIHU2022" title="PILIHU2022"><img src="https://avatars.githubusercontent.com/u/100511118?v=4" width="42;" alt="PILIHU2022"/></a>
-<a href="https://github.com/HanaNoryu" title="Noryu"><img src="https://avatars.githubusercontent.com/u/109856546?v=4" width="42;" alt="Noryu"/></a>
+<a href="https://github.com/Noryu-01" title="Noryu"><img src="https://avatars.githubusercontent.com/u/109856546?v=4" width="42;" alt="Noryu"/></a>
 <a href="https://github.com/NianwenDan" title="NianwenDan"><img src="https://avatars.githubusercontent.com/u/74407127?v=4" width="42;" alt="NianwenDan"/></a>
 <a href="https://github.com/mo3et" title="Monet Lee"><img src="https://avatars.githubusercontent.com/u/34803812?v=4" width="42;" alt="Monet Lee"/></a>
 <a href="https://github.com/Moeyuuko" title="Moeyuuko"><img src="https://avatars.githubusercontent.com/u/14266681?v=4" width="42;" alt="Moeyuuko"/></a>
@@ -447,7 +478,7 @@ Quick Reference
 由于中国国内访问，时常打不开，你可以访问下面镜像网站(国内打不开的不再收录)。推荐自己的[镜像网站](https://github.com/jaywcjlove/reference/discussions/206#discussion-4625735)
 
 [dev.bi](https://dev.bi)<!--rehype:target=_blank&class=contributing&data-info=👆每天自动同步-->
-[server.wiki](https://ref.server.wiki)<!--rehype:target=_blank-->
+[docflow.cn](https://ref.docflow.cn)<!--rehype:target=_blank-->
 [quickref.cn](https://quickref.cn)<!--rehype:target=_blank-->
 [aibk.cn](https://quickref.aibk.cn)<!--rehype:target=_blank-->
 [ecdata.cn](http://ref.ecdata.cn)<!--rehype:target=_blank-->
@@ -513,7 +544,7 @@ Quick Reference
 [alomerry.com](https://ref.alomerry.com)<!--rehype:target=_blank-->
 [osz.icu](https://ref.osz.icu/)<!--rehype:target=_blank-->
 [ylmty.cc](https://docs.ylmty.cc)<!--rehype:target=_blank-->
-[g31.top](https://ref.g31.top/)<!--rehype:target=_blank-->
+[kfele.asia](https://ref.kfele.asia/)<!--rehype:target=_blank-->
 [9up.dev](https://devref.9up.dev)<!--rehype:target=_blank-->
 [cizai.io](https://reference.cizai.io)<!--rehype:target=_blank&class=contributing&data-info=👆每天自动同步-->
 [docs.willxup.top](https://docs.willxup.top)<!--rehype:target=_blank-->
@@ -533,6 +564,22 @@ Quick Reference
 [ruochen.net](https://dev.ruochen.net/)<!--rehype:target=_blank-->
 [zcsk18.cn](https://reference.zcsk18.cn/)<!--rehype:target=_blank-->
 [doraemon.press](https://reference.doraemon.press/)<!--rehype:target=_blank-->
+[foreverlink.love](https://reference.foreverlink.love)<!--rehype:target=_blank-->
+[94vessel.com](https://book.94vessel.com)<!--rehype:target=_blank-->
+[hhxyrk.icu](http://hhxy.hhxyrk.icu/)<!--rehype:target=_blank&class=contributing&data-info=👆每天自动同步-->
+[vhcffh.com](https://docs.vhcffh.com)<!--rehype:target=_blank-->
+[magese.com](https://ref.magese.com)<!--rehype:target=_blank-->
+[childish.vip](https://reference.childish.vip)<!--rehype:target=_blank-->
+[hackshen.com](https://reference.hackshen.com)<!--rehype:target=_blank-->
+[afetera.top](https://note.afetera.top)<!--rehype:target=_blank-->
+[trtuaazz.com](https://reference.trtuaazz.com)<!--rehype:target=_blank-->
+[anhaoyang.com](http://dev-doc.anhaoyang.com/)<!--rehype:target=_blank-->
+[xxcxx.lat](https://xxcxx.lat/)<!--rehype:target=_blank-->
+[fishlee.net](https://cr.fishlee.net/)<!--rehype:target=_blank-->
+[lideshan.top](https://dev.lideshan.top/)<!--rehype:target=_blank-->
+[yunshangmanyou.com](https://quick.yunshangmanyou.com)<!--rehype:target=_blank-->
+[xiaokaixuan.com](https://xiaokaixuan.com/xkx/rq/index.html)<!--rehype:target=_blank-->
+[opzz.top](https://reference.opzz.top)<!--rehype:target=_blank-->
 <!--rehype:class=home-card home-links-->
 
 如果你有资源，可以很方便[部署 web 版](https://github.com/jaywcjlove/reference/issues/102#issue-1451649637)，这非常简单，只需要克隆 [gh-pages](https://github.com/jaywcjlove/reference/tree/gh-pages) 分支代码到你的静态服务就可以了，还可以使用 [docker](https://hub.docker.com/r/wcjiang/reference) 快捷部署 web 版。
@@ -543,6 +590,35 @@ Quick Reference
 
 - [Quick Reference for VSCode](https://marketplace.visualstudio.com/items?itemName=jackiotyu.quick-reference) 由 [jackiotyu](https://github.com/jackiotyu/vscode-quick-reference) 提供
 
+## 赞助支持
+<!--rehype:wrap-style=text-align: center;max-width: 650px;margin: 0 auto;&class=home-title-reset-->
+
+非常感谢那些一直支持我开源工作的朋友们。如果您对我的工作感到满意，可以选择在[这里进行赞助](https://wangchujiang.com/#/sponsor)<!--rehype:target=_blank-->。也可以通过下载并使用我开发的 [macOS 应用](https://wangchujiang.com/#/app)<!--rehype:target=_blank-->来支持我。以下是我个人开发的 macOS 应用：
+  
+<p style="display: inline-block">
+  <a target="_blank" href="https://wangchujiang.com/focus-cursor/" title="FocusCursor for macOS"><img align="center" alt="FocusCursor" height="52" width="52" src="./appicon/focus-cursor.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/videoer/" title="Videoer for macOS"><img align="center" alt="Videoer" height="52" width="52" src="./appicon/videoer.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/key-clicker/" title="KeyClicker for macOS"><img align="center" alt="KeyClicker" height="50" width="50" src="./appicon/key-clicker.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/daybar/" title="DayBar for macOS"><img align="center" alt="DayBar" height="50" width="50" src="./appicon/daybar.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/iconed/" title="Iconed for macOS"><img align="center" alt="Iconed" height="50" width="50" src="./appicon/iconed.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/rightmenu-master/" title="RightMenu Master for macOS"><img align="center" alt="RightMenu Master" height="50" width="50" src="./appicon/rightmenu-master.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/paste-quick/" title="Paste Quick for macOS"><img align="center" alt="Paste Quick" height="50" width="50" src="./appicon/paste-quick.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/quick-rss/" title="Quick RSS for macOS/iOS"><img align="center" alt="Quick RSS" height="50" width="50" src="./appicon/quick-rss.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/web-serve/" title="Web Serve for macOS"><img align="center" alt="Web Serve" height="50" width="50" src="./appicon/web-serve.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/copybook-generator/" title="Copybook Generator for macOS/iOS"><img align="center" alt="Copybook Generator" height="50" width="50" src="./appicon/copybook-generator.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/devtutor/" title="DevTutor for macOS/iOS"><img align="center" alt="DevTutor for SwiftUI" height="50" width="50" src="./appicon/devtutor.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/regex-mate/" title="RegexMate for macOS/iOS"><img align="center" alt="RegexMate" height="50" width="50" src="./appicon/regex-mate.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/time-passage/" title="Time Passage for macOS/iOS"><img align="center" alt="Time Passage" height="50" width="50" src="./appicon/time-passage.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/IconizeFolder/" title="IconizeFolder for macOS"><img align="center" alt="Iconize Folder" height="50" width="50" src="./appicon/iconize-folder.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/TextSoundSaver/" title="Textsound Saver for macOS/iOS"><img align="center" alt="Textsound Saver" height="50" width="50" src="./appicon/textsound-saver.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/create-custom-symbols/" title="Create Custom Symbols for macOS"><img align="center" alt="Create Custom Symbols" height="50" width="50" src="./appicon/create-custom-symbols.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/DevHub/" title="DevHub for macOS"><img align="center" alt="DevHub" height="50" width="50" src="./appicon/devhub.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/ResumeRevise/" title="Resume Revise for macOS"><img align="center" alt="Resume Revise" height="50" width="50" src="./appicon/resume-revise.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/palette-genius/" title="Palette Genius for macOS"><img align="center" alt="Palette Genius" height="50" width="50" src="./appicon/palette-genius.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/symbol-scribe/" title="Symbol Scribe for macOS"><img align="center" alt="Symbol Scribe" height="50" width="50" src="./appicon/symbol-scribe.png"></a>
+</p>
+<!--rehype:style=padding-top:1rem;max-width: 520px;margin: 0 auto;-->
+
 <!--rehype:ignore:start-->
 ## 开发
 

assets/canvas.svg

@@ -0,0 +1,2 @@
+<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="1em" height="1em"><path d="M861.098667 736.554667l73.472 146.261333a38.4 38.4 0 0 1-1.706667 37.546667 38.826667 38.826667 0 0 1-32.981333 18.304H512a38.741333 38.741333 0 0 1-33.066667-18.261334 38.4 38.4 0 0 1-1.664-37.589333l10.752-21.333333H221.098667a58.026667 58.026667 0 0 1-58.197334-57.941334V474.453333C116.096 439.168 85.333333 383.829333 85.333333 321.024 85.333333 214.570667 172.373333 128 279.253333 128c63.146667 0 118.698667 30.592 154.154667 77.226667h369.493333a58.026667 58.026667 0 0 1 58.197334 57.898666v473.429334zm-155.178667-136.192-131.157333 261.12h262.357333l-131.2-261.12zM240.469333 510.122667v274.133333h286.336l144.426667-287.488c13.184-26.154667 56.234667-26.154667 69.376 0l42.922667 85.333333V282.453333h-314.282667a192.64 192.64 0 0 1-52.992 174.933334 194.773333 194.773333 0 0 1-175.786667 52.778666zm38.826667-73.301334a116.053333 116.053333 0 0 0 116.352-115.797333A116.053333 116.053333 0 0 0 279.253333 205.226667a116.053333 116.053333 0 0 0-116.352 115.797333 116.053333 116.053333 0 0 0 116.352 115.797333z"></path>
+</svg>

assets/github-cli.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 1984 2048" height="1em" width="1em">
+  <path d="M663.6 1589.6c0 8-9.2 14.4-20.8 14.4-13.2 1.2-22.4-5.2-22.4-14.4 0-8 9.2-14.4 20.8-14.4 12-1.2 22.4 5.2 22.4 14.4zm-124.4-18c-2.8 8 5.2 17.2 17.2 19.6 10.4 4 22.4 0 24.8-8s-5.2-17.2-17.2-20.8c-10.4-2.8-22 1.2-24.8 9.2zm176.8-6.8c-11.6 2.8-19.6 10.4-18.4 19.6 1.2 8 11.6 13.2 23.6 10.4 11.6-2.8 19.6-10.4 18.4-18.4-1.2-7.6-12-12.8-23.6-11.6zM979.2 32C424.4 32 0 453.2 0 1008c0 443.6 279.2 823.2 678 956.8 51.2 9.2 69.2-22.4 69.2-48.4 0-24.8-1.2-161.6-1.2-245.6 0 0-280 60-338.8-119.2 0 0-45.6-116.4-111.2-146.4 0 0-91.6-62.8 6.4-61.6 0 0 99.6 8 154.4 103.2 87.6 154.4 234.4 110 291.6 83.6 9.2-64 35.2-108.4 64-134.8-223.6-24.8-449.2-57.2-449.2-442 0-110 30.4-165.2 94.4-235.6-10.4-26-44.4-133.2 10.4-271.6 83.6-26 276 108 276 108 80-22.4 166-34 251.2-34s171.2 11.6 251.2 34c0 0 192.4-134.4 276-108 54.8 138.8 20.8 245.6 10.4 271.6 64 70.8 103.2 126 103.2 235.6 0 386-235.6 416.8-459.2 442 36.8 31.6 68 91.6 68 185.6 0 134.8-1.2 301.6-1.2 334.4 0 26 18.4 57.6 69.2 48.4 400-132.8 671.2-512.4 671.2-956 0-554.8-450-976-1004.8-976zM388.8 1411.6c-5.2 4-4 13.2 2.8 20.8 6.4 6.4 15.6 9.2 20.8 4 5.2-4 4-13.2-2.8-20.8-6.4-6.4-15.6-9.2-20.8-4zm-43.2-32.4c-2.8 5.2 1.2 11.6 9.2 15.6 6.4 4 14.4 2.8 17.2-2.8 2.8-5.2-1.2-11.6-9.2-15.6-8-2.4-14.4-1.2-17.2 2.8zm129.6 142.4c-6.4 5.2-4 17.2 5.2 24.8 9.2 9.2 20.8 10.4 26 4 5.2-5.2 2.8-17.2-5.2-24.8-8.8-9.2-20.8-10.4-26-4zm-45.6-58.8c-6.4 4-6.4 14.4 0 23.6 6.4 9.2 17.2 13.2 22.4 9.2 6.4-5.2 6.4-15.6 0-24.8-5.6-9.2-16-13.2-22.4-8z"/>
+</svg>

assets/powershell.svg

@@ -0,0 +1,5 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" height="1em" width="1em">
+  <path d="m64 10.5-7.11 42a4.64 4.64 0 0 1-4.62 3.5H4.44C2.24 56 .72 54.43 1 52.5l7.11-42a3.93 3.93 0 0 1 1.3-2.19A5 5 0 0 1 12.73 7h47.83a3.25 3.25 0 0 1 3.35 2.32A2.73 2.73 0 0 1 64 10.5z" fill="#0078d7"/>
+  <path fill="#fff" d="M17.72 49.6a2.43 2.43 0 0 1-1.45-4.38l20.54-15.11L22 16.18a2.42 2.42 0 0 1-.1-3.43 2.45 2.45 0 0 1 3.45-.1l17 15.92a2.42 2.42 0 0 1-.22 3.72L19.17 49.13a2.44 2.44 0 0 1-1.45.47zm26.87.4H33.41a2.5 2.5 0 0 1 0-5h11.18a2.5 2.5 0 0 1 0 5z"/>
+  <path fill="#fff" d="m63.91 9.32-7.06 42.27a4 4 0 0 1-.95 2C44.76 42.64 21.52 19.89 9.41 8.31A5 5 0 0 1 12.73 7h47.83a3.25 3.25 0 0 1 3.35 2.32z" opacity=".25"/>
+</svg>

assets/sqlite.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" height="1em" width="1em">
+  <g clip-path="url(#a)">
+    <path
+      d="M60 0C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h108.46c-1.779-5.243-3.172-13.546-3.956-23.023-.675-8.152-.899-17.171-.525-25.87-.101-1.286-.162-2.122-.162-2.122s-1.874-12.61-4.571-22.969c-1.194-4.598-2.553-8.756-3.98-11.166-.735-1.243.08-6.351 2.131-13.916 1.2 2.071 6.263 10.932 7.28 13.788 1.145 3.228 1.385 4.153 1.385 4.153s-2.777-14.272-7.333-22.6a303.417 303.417 0 0 1 3.542-11.066c1.578 2.767 5.165 9.121 6.461 12.132.12.279.228.541.307.757.184.522.339.965.478 1.371.731 2.118.909 2.792.909 2.792s-.271-1.386-.775-3.524c-.213-.903-.478-1.965-.773-3.096-1.148-4.409-2.892-10.181-5.125-14.704 5.732-29.794 24.181-68.807 44.057-89.868 1.713-1.814 3.434-3.511 5.158-5.041 11.619-10.3 23.392-13.78 33.115-5.118 7.034 6.267 9.912 14.925 9.917 24.89V60c0-33.137-26.863-60-60-60H60Z"
+      fill="#D9D9D9" />
+    <path
+      d="M60 0C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h108.46c-1.779-5.243-3.172-13.546-3.956-23.023-.675-8.152-.899-17.171-.525-25.87-.101-1.286-.162-2.122-.162-2.122s-1.874-12.61-4.571-22.969c-1.194-4.598-2.553-8.756-3.98-11.166-.735-1.243.08-6.351 2.131-13.916 1.2 2.071 6.263 10.932 7.28 13.788 1.145 3.228 1.385 4.153 1.385 4.153s-2.777-14.272-7.333-22.6a303.417 303.417 0 0 1 3.542-11.066c1.578 2.767 5.165 9.121 6.461 12.132.12.279.228.541.307.757.184.522.339.965.478 1.371.731 2.118.909 2.792.909 2.792s-.271-1.386-.775-3.524c-.213-.903-.478-1.965-.773-3.096-1.148-4.409-2.892-10.181-5.125-14.704 5.732-29.794 24.181-68.807 44.057-89.868 1.713-1.814 3.434-3.511 5.158-5.041 11.619-10.3 23.392-13.78 33.115-5.118 7.034 6.267 9.912 14.925 9.917 24.89V60c0-33.137-26.863-60-60-60H60Z"
+      fill="url(#b)" />
+    <path
+      d="M246.083 36.91c-9.723-8.662-21.496-5.183-33.115 5.118-1.724 1.53-3.445 3.227-5.158 5.04-19.876 21.063-38.325 60.075-44.057 89.869 2.233 4.523 3.977 10.295 5.125 14.704.295 1.131.56 2.193.773 3.096.504 2.138.775 3.524.775 3.524s-.178-.674-.909-2.792c-.139-.406-.294-.849-.478-1.371a15.467 15.467 0 0 0-.307-.757c-1.296-3.011-4.883-9.365-6.461-12.132a303.417 303.417 0 0 0-3.542 11.066c4.556 8.328 7.333 22.6 7.333 22.6s-.24-.925-1.385-4.153c-1.017-2.856-6.08-11.717-7.28-13.788-2.051 7.565-2.866 12.673-2.131 13.916 1.427 2.41 2.786 6.568 3.98 11.166 2.697 10.359 4.571 22.969 4.571 22.969s.061.836.162 2.122c-.374 8.699-.15 17.718.525 25.87.893 10.791 2.575 20.062 4.719 25.023l1.455-.793c-3.148-9.774-4.427-22.584-3.867-37.358.847-22.581 6.05-49.813 15.662-78.196 16.24-42.847 38.772-77.224 59.394-93.642-18.796 16.956-44.235 71.839-51.85 92.163-8.526 22.759-14.569 44.117-18.21 64.579 6.283-19.183 26.598-27.429 26.598-27.429s9.964-12.274 21.608-29.81c-6.975 1.589-18.428 4.309-22.265 5.919-5.658 2.371-7.183 3.18-7.183 3.18s18.33-11.15 34.056-16.198c21.628-34.025 45.19-82.362 21.462-103.505M28.52 49c-3.063 0-5.554.895-7.463 2.683-1.91 1.79-2.878 4.137-2.878 7.012 0 1.49.24 2.848.714 4.093.474 1.247 1.212 2.403 2.203 3.447.992 1.045 2.977 2.465 5.936 4.27 3.63 2.186 6.005 3.96 7.145 5.346 1.141 1.385 1.707 2.836 1.707 4.348 0 2.026-.675 3.642-2.064 4.858-1.391 1.215-3.251 1.82-5.558 1.82-2.433 0-4.552-.845-6.372-2.526-1.82-1.682-2.738-3.908-2.759-6.698H18V87.78h1.131c.346-.959.824-1.45 1.45-1.45.3 0 1.005.205 2.104.588 2.671.938 4.865 1.39 6.59 1.39 2.971 0 5.508-1.026 7.622-3.114 2.11-2.086 3.176-4.602 3.176-7.54 0-2.278-.704-4.305-2.084-6.071-1.381-1.769-4.066-3.826-8.08-6.19-3.452-2.046-5.694-3.713-6.728-5.013-1.036-1.298-1.568-2.733-1.568-4.309 0-1.704.634-3.072 1.885-4.093 1.252-1.022 2.891-1.528 4.943-1.528 2.309 0 4.233.676 5.756 2.037 1.521 1.363 2.401 3.252 2.66 5.68h1.132v-8.774h-1.053c-.128.447-.247.733-.357.861-.106.128-.311.196-.615.196-.366 0-1.019-.152-1.945-.45-1.985-.66-3.816-.999-5.499-.999Zm36.98 0c-3.733 0-7.121.868-10.183 2.605-3.066 1.734-5.493 4.14-7.285 7.207-1.79 3.066-2.68 6.323-2.68 9.793 0 4.662 1.547 8.816 4.665 12.456 3.12 3.638 6.858 5.905 11.195 6.777.992.51 2.41 1.826 4.268 3.956 2.093 2.404 3.864 4.138 5.32 5.17a16.074 16.074 0 0 0 4.684 2.292c1.661.499 3.457.744 5.4.744 2.351 0 4.457-.403 6.311-1.234l-.416-1.018a10.184 10.184 0 0 1-3.434.568c-1.642 0-3.3-.534-4.963-1.606-1.66-1.075-3.736-3.125-6.213-6.15-1.164-1.45-1.967-2.364-2.421-2.722 4.745-.915 8.648-3.184 11.691-6.816 3.043-3.63 4.565-7.774 4.565-12.417 0-5.514-1.988-10.147-5.935-13.925C76.12 50.9 71.262 49 65.5 49Zm23.085 0 .06 1.195c2.484 0 3.876.722 4.188 2.174.115.52.169 1.478.178 2.86l-.02 26.42c-.02 1.973-.305 3.233-.853 3.78-.549.543-1.476.882-2.819 1.018l-.06 1.195h24.773l.635-5.993h-1.131c-.323 1.632-1.064 2.802-2.243 3.466-1.183.67-3.273 1-6.293 1h-2.342c-2.717 0-4.289-.97-4.704-2.92a6.011 6.011 0 0 1-.12-1.253l.1-26.714c0-1.97.252-3.29.774-3.937.528-.643 1.48-1.004 2.858-1.096L101.507 49H88.585Zm-22.688 1.45c4.21 0 7.647 1.635 10.302 4.935 2.654 3.3 3.97 7.824 3.97 13.553 0 5.428-1.335 9.774-4.01 13.044-2.675 3.268-6.235 4.896-10.66 4.896-4.25 0-7.696-1.679-10.34-5.053-2.643-3.374-3.95-7.755-3.95-13.142 0-5.535 1.323-9.967 3.989-13.279 2.665-3.308 6.233-4.955 10.699-4.955Zm56.968 5.679c-.604 0-1.065.201-1.409.607-.353.404-.461.894-.338 1.489.119.576.449 1.082.973 1.508.521.425 1.083.646 1.687.646.584 0 1.03-.221 1.35-.646.32-.426.417-.931.298-1.508-.124-.595-.442-1.085-.933-1.489-.497-.406-1.044-.607-1.628-.607Zm16.336 4.054c-1.027 3.897-3.252 6.006-6.669 6.346l.039 1.116h3.99l-.079 13.2c.006 2.258.076 3.76.238 4.525.393 1.83 1.605 2.761 3.632 2.761 2.934 0 6.012-1.763 9.23-5.288l-.972-.822c-2.324 2.32-4.379 3.486-6.173 3.486-1.103 0-1.787-.626-2.045-1.86a4.658 4.658 0 0 1-.099-1.058l.04-14.944h6.093l-.059-1.782h-6.015v-5.68h-1.151Zm23.561 4.975c-3.408 0-6.181 1.632-8.336 4.877-2.145 3.25-2.809 6.85-1.965 10.81.496 2.32 1.484 4.12 2.997 5.387 1.51 1.267 3.426 1.9 5.716 1.9 2.133 0 5.103-.534 6.352-1.607 1.253-1.072 2.408-2.81 3.474-5.19l-.854-.881c-1.7 3.087-5.133 4.642-7.721 4.642-3.559 0-5.738-1.927-6.55-5.758a13.745 13.745 0 0 1-.239-1.567c4.234-.662 7.442-1.833 9.608-3.526 2.163-1.693 4.336-3.489 3.93-5.386-.242-1.127-.835-2.013-1.747-2.683-.924-.67-3.324-1.018-4.665-1.018Zm-37.257.137-7.344 1.665v1.292l2.54-.313c1.231 0 1.955.55 2.184 1.645.077.367.125.881.139 1.528l-.08 11.849c-.02 1.64-.205 2.593-.575 2.879-.374.287-1.36.43-2.958.43l-.04 1.117h11.652l-.02-1.116c-1.619 0-2.668-.126-3.136-.372-.46-.245-.776-.69-.913-1.371-.106-.492-.152-1.338-.159-2.507l.04-16.726h-1.33Zm35.392 2.194c.709 0 1.394.27 2.084.802.68.531 1.095 1.122 1.23 1.763.665 3.15-2.166 5.328-8.535 6.542-.182-2.297.222-4.383 1.251-6.268 1.021-1.883 2.351-2.84 3.97-2.84Z"
+      fill="#003B57" />
+  </g>
+  <defs>
+    <linearGradient id="b" x1="147.614" y1="5.239" x2="147.614" y2="241.763"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#97D9F6" />
+      <stop offset=".92" stop-color="#0F80CC" />
+      <stop offset="1" stop-color="#0F80CC" />
+    </linearGradient>
+    <clipPath id="a">
+      <rect width="256" height="256" rx="60" fill="#fff" />
+    </clipPath>
+  </defs>
+</svg>
+  

assets/time-zones.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 1024 1024" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="1em" width="1em">
+  <path d="M945 412H689c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h256c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zM811 548H689c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h122c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zM477.3 322.5H434c-6.2 0-11.2 5-11.2 11.2v248c0 3.6 1.7 6.9 4.6 9l148.9 108.6c5 3.6 12 2.6 15.6-2.4l25.7-35.1v-.1c3.6-5 2.5-12-2.5-15.6l-126.7-91.6V333.7c.1-6.2-5-11.2-11.1-11.2z"/>
+  <path d="M804.8 673.9H747c-5.6 0-10.9 2.9-13.9 7.7-12.7 20.1-27.5 38.7-44.5 55.7-29.3 29.3-63.4 52.3-101.3 68.3-39.3 16.6-81 25-124 25-43.1 0-84.8-8.4-124-25-37.9-16-72-39-101.3-68.3s-52.3-63.4-68.3-101.3c-16.6-39.2-25-80.9-25-124 0-43.1 8.4-84.7 25-124 16-37.9 39-72 68.3-101.3 29.3-29.3 63.4-52.3 101.3-68.3 39.2-16.6 81-25 124-25 43.1 0 84.8 8.4 124 25 37.9 16 72 39 101.3 68.3 17 17 31.8 35.6 44.5 55.7 3 4.8 8.3 7.7 13.9 7.7h57.8c6.9 0 11.3-7.2 8.2-13.3-65.2-129.7-197.4-214-345-215.7-216.1-2.7-395.6 174.2-396 390.1C71.6 727.5 246.9 903 463.2 903c149.5 0 283.9-84.6 349.8-215.8 3.1-6.1-1.4-13.3-8.2-13.3z"/>
+</svg>

docs/canvas.md

@@ -0,0 +1,253 @@
+HTML Canvas 备忘清单
+===
+
+这份 HTML Canvas 快速参考备忘单列出了常见的 HTML5 Canvas 设计标签，以易读的格式呈现。
+
+入门
+---
+<!--rehype:body-class=cols-4-->
+
+### 基本设置
+<!--rehype:wrap-class=col-span-2-->
+
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Canvas 示例</title>
+  </head>
+  <body>
+    <canvas id="myCanvas" width="500" height="400"
+      style="border:1px solid #000000;">
+    </canvas>
+    <script src="script.js"></script>
+  </body>
+</html>
+```
+
+### 获取上下文
+<!--rehype:wrap-class=col-span-2-->
+
+```js
+const canvas = document.getElementById("myCanvas");
+
+const ctx = canvas.getContext("2d");
+```
+
+绘制形状
+---
+
+### 矩形
+<!--rehype:wrap-class=col-span-2-->
+
+```js
+ctx.fillStyle = "red";
+ctx.fillRect(10, 10, 150, 100); // x, y, 宽度, 高度
+
+ctx.strokeStyle = "blue";
+ctx.lineWidth = 5;
+ctx.strokeRect(200, 10, 150, 100); // x, y, 宽度, 高度
+
+ctx.clearRect(15, 15, 30, 30); // x, y, 宽度, 高度
+```
+
+路径
+---
+
+### 线条
+
+```js
+ctx.beginPath();
+ctx.moveTo(50, 50); // 起始点
+ctx.lineTo(200, 50); // 结束点
+ctx.lineTo(200, 200); // 下一个线条结束点
+ctx.closePath(); // 将结束点连接到起始点
+ctx.stroke();
+```
+
+### 圆形
+
+```js
+ctx.beginPath();
+// x, y, 半径, 起始角度, 结束角度
+ctx.arc(150, 150, 75, 0, 2 * Math.PI);
+ctx.fillStyle = "green";
+ctx.fill();
+ctx.stroke();
+```
+
+### 弧
+
+```js
+ctx.beginPath();
+// x, y, 半径, 起始角度, 结束角度
+ctx.arc(150, 150, 75, 0, Math.PI);
+ctx.stroke();
+```
+
+贝塞尔曲线和二次曲线
+---
+
+### 二次曲线
+
+```js
+ctx.beginPath();
+ctx.moveTo(50, 250);
+// cpX, cpY, 终点X, 终点Y
+ctx.quadraticCurveTo(200, 100, 400, 250); 
+ctx.stroke();
+```
+
+### 贝塞尔曲线
+
+```js
+ctx.beginPath();
+ctx.moveTo(50, 300);
+// cp1X, cp1Y, cp2X, cp2Y, 终点X, 终点Y
+ctx.bezierCurveTo(150, 100, 350, 500, 450, 300); 
+ctx.stroke();
+```
+
+### 文本
+
+```js
+ctx.font = "30px Arial";
+ctx.fillStyle = "black";
+// 文本, x, y
+ctx.fillText("Hello Canvas", 10, 50); 
+// 文本, x, y
+ctx.strokeText("Hello Canvas", 10, 100); 
+```
+
+### 图像
+<!--rehype:wrap-class=col-span-3-->
+
+```js
+const img = new Image();
+img.src = "path/to/image.jpg";
+img.onload = () => {
+  ctx.drawImage(img, 10, 10); // img, x, y
+  ctx.drawImage(img, 50, 50, 100, 100); // img, x, y, 宽度, 高度
+  ctx.drawImage(img, 100, 100, 100, 100, 150, 150, 200, 200); // img, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight
+};
+```
+
+变换
+---
+
+### 平移
+
+```js
+ctx.translate(100, 100); // x, y
+ctx.fillRect(0, 0, 50, 50);
+```
+
+### 旋转
+
+```js
+// 角度（以弧度为单位）
+ctx.rotate((Math.PI / 180) * 45);
+ctx.fillRect(100, 100, 50, 50);
+```
+
+### 缩放
+
+```js
+ctx.scale(2, 2); // x, y
+ctx.fillRect(50, 50, 50, 50);
+```
+
+渐变
+---
+
+### 线性渐变
+<!--rehype:wrap-class=col-span-2-->
+
+```js
+const linearGradient = ctx.createLinearGradient(0, 0, 200, 0); // x0, y0, x1, y1
+linearGradient.addColorStop(0, "red");
+linearGradient.addColorStop(1, "blue");
+ctx.fillStyle = linearGradient;
+ctx.fillRect(10, 10, 200, 100);
+```
+
+### 径向渐变
+
+```js
+const radialGradient = ctx.createRadialGradient(75, 50, 5, 90, 60, 100); // x0, y0, r0, x1, y1, r1
+radialGradient.addColorStop(0, "red");
+radialGradient.addColorStop(1, "blue");
+ctx.fillStyle = radialGradient;
+ctx.fillRect(10, 10, 200, 100);
+```
+
+### 图案
+<!--rehype:wrap-class=col-span-2-->
+
+```js
+const img = new Image();
+img.src = "path/to/image.jpg";
+img.onload = () => {
+  // 'repeat', 'repeat-x', 'repeat-y', 'no-repeat'
+  const pattern = ctx.createPattern(img, "repeat");
+  ctx.fillStyle = pattern;
+  ctx.fillRect(0, 0, 300, 300);
+};
+```
+
+### 阴影
+
+```js
+ctx.shadowColor = "rgba(0, 0, 0, 0.5)";
+ctx.shadowBlur = 10;
+ctx.shadowOffsetX = 5;
+ctx.shadowOffsetY = 5;
+
+ctx.fillStyle = "red";
+ctx.fillRect(100, 100, 100, 100);
+```
+
+合成
+---
+
+### 全局透明度
+
+```js
+ctx.globalAlpha = 0.5;
+ctx.fillStyle = "red";
+ctx.fillRect(100, 100, 100, 100);
+
+ctx.fillStyle = "blue";
+ctx.fillRect(150, 150, 100, 100);
+```
+
+### 全局合成操作
+
+```js
+ctx.globalCompositeOperation = "source-over"; // 默认
+ctx.fillStyle = "red";
+ctx.fillRect(100, 100, 100, 100);
+
+ctx.globalCompositeOperation = "destination-over";
+ctx.fillStyle = "blue";
+ctx.fillRect(150, 150, 100, 100);
+```
+
+### 动画
+
+```js
+let x = 0;
+function draw() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.fillStyle = "blue";
+  ctx.fillRect(x, 100, 50, 50);
+  x += 2;
+  requestAnimationFrame(draw);
+}
+draw();
+```
+
+参考阅读
+---
+
+- [MDN 文档](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)

docs/chatgpt.md

@@ -1,19 +1,17 @@
 ChatGPT
 ===
 
-ChatGPT是OpenAI开发的人工智能聊天机器人程序，利用强化学习训练，能够进行复杂的语言任务如文本生成、问答和编程支持。
+此备忘单列出了来自世界各地的提示和提示，说明如何有效使用 ChatGPT。
 
 入门指南
 ---
 
 ### ChatGPT 介绍
 
-ChatGPT，全称聊天生成预训练转换器（英语：Chat Generative Pre-trained Transformer），是 OpenAI 开发的人工智能聊天机器人程序，于2022年11月推出。
+ChatGPT 是 OpenAI 于 2022 年发布的 AI 聊天机器人，基于 GPT-3.5、GPT-4 等模型，支持自动生成文本、问答、总结和编程等多种语言处理任务。
 
 - 网址: <https://chatgpt.com/>
 
-该程序使用基于GPT-3.5、GPT-4、GPT-4o架构的大型语言模型并以强化学习训练。ChatGPT目前仍以文字方式交互，而除了可以用人类自然对话方式来交互，还可以用于甚为复杂的语言工作，包括自动生成文本、自动问答、自动摘要等多种任务。如：在自动文本生成方面，ChatGPT可以根据输入的文本自动生成类似的文本（剧本、歌曲、企划等），在自动问答方面，ChatGPT可以根据输入的问题自动生成答案。还有编写和调试计算机程序的能力。
-
 ### 国内类似的平台
 
 - [文心一言(百度)](https://yiyan.baidu.com/) _baidu.com_
@@ -26,48 +24,53 @@ ChatGPT，全称聊天生成预训练转换器（英语：Chat Generative Pre-tr
 ### 通用
 <!--rehype:wrap-class=row-span-2-->
 
-为你的公司或创意命名
+为你的企业或创意命名
 
-```
-你能为我的科技初创公司建议一个创意的名字吗？
-帮我想一个有吸引力的名字，适合我的面包店生意。
+```bash
+你能帮我为我的科技创业公司起个有创意的名字吗？
+
+帮我想个朗朗上口的名字给我的面包店。
 ```
 
 为课程或培训项目创建大纲
 
-```
-请为初学者网页开发课程创建一个大纲。
-能为客户服务研讨会制定一个培训计划大纲吗？
+```sh
+请帮我创建一个面向初学者的网页开发课程大纲。
+
+能否为客户服务工作坊设计一个培训项目的大纲？
 ```
 
-为特定职位提供面试问题
+提供特定职位的面试问题
 
-```
+```sh
 我在面试软件工程师职位，你能给我一些面试问题吗？
-请为市场经理角色提供一些常见的面试问题。
+
+请给我一些常见的市场经理面试问题。
 ```
 
-为商业伙伴、客户或客户提供礼物想法
+为商业伙伴、客户或客户提供礼物创意
 
-```
-我需要给我的客户准备礼物，你能帮忙吗？
-给我的商业伙伴们一些独特的礼物建议？
+```sh
+我需要一些送给客户的礼物创意，你能帮忙吗？
+
+有什么独特的礼物可以送给我的商业伙伴？
 ```
 
-从名单或电子邮件中随机选择竞赛获奖者
+从一长串名字或邮箱中随机挑选比赛获奖者
 
-```
-我想从100个名字中选择一个获奖者，你可以帮忙吗？
-从1000封电子邮件列表中随机选择5个作为赠品竞赛的获奖者，可以吗？
+```sh
+我想从100个名字中挑选一位获奖者，你能帮忙吗？
+
+能帮我从1000个邮箱中随机挑选5个用于赠品抽奖吗？
 ```
 
 ### 编程
 <!--rehype:wrap-class=row-span-3-->
 
-解释代码为什么不工作
+解释代码为什么无法正常工作
 
-```
-为什么这段代码不起作用？
+```js
+为什么这段代码不能运行？
 var x = 5;
 var y = 0;
 console.log(x/y);
@@ -75,57 +78,95 @@ console.log(x/y);
 
 解释代码的含义
 
-```
-这段代码是做什么的？
+```js
+这段代码的作用是什么？
 function addNumbers(a, b) {
-    return a + b;
+return a + b;
 }
 ```
 
-用指定的语言重写代码
+将代码转换为指定的语言
 
-```
-把这段代码翻译成Python：
+```js
+把这段代码翻译成 Python:
 function addNumbers(a, b) {
-    return a + b;
+return a + b;
 }
 ```
 
-编写整个软件程序
+编写完整的软件程序
 
-```
-编写一个计算给定数字阶乘的程序？
-如何在JavaScript中发出HTTP请求？
+```js
+写一个计算给定数的阶乘的 Python 程序。
+
+如何用 JavaScript 发起一个 HTTP 请求？
 ```
 
-生成正则表达式（regex）
+生成正则表达式 (regex)
 
-```
+```js
 创建一个匹配所有电子邮件地址的正则表达式？
-生成一个匹配8位密码的正则表达式。
+
+生成一个8位密码的正则表达式。
 ```
 
 为代码库添加注释
 
-```
+```js
 为这段代码添加注释：
 function addNumbers(a, b) {
-    return a + b;
+return a + b;
 }
 ```
 
-更改一行代码的CSS
+修改代码行的 CSS
 
-```
-更新这行代码的CSS，将字体颜色更改为蓝色？
-<p class="example">Hello, Reference!</p>
+```html
+更新这行的 CSS 将字体颜色更改为蓝色？
+<p class="example">Hello, World!</p>
 ```
 
-更改一行代码的HTML
+修改代码行的 HTML
+
+```html
+给这个标题标签添加一个 "header" 类？
+<h1>Hello, World!</h1>
+```
+
+### 电子表格
+
+帮助创建一个电子表格公式
 
 ```
-给这个标题标签添加一个"class"为"header"的类？
-<h1>Hello, Reference!</h1>
+你能帮我创建一个公式来计算单元格 A1 到 A10 的总和吗？
+```
+<!--rehype:className=wrap-text-->
+
+解释一个公式
+
+```
+你能用简单的语言解释一下公式 =SUM(A1:A10) 的含义吗？
+```
+<!--rehype:className=wrap-text-->
+
+创建占位符的虚拟数据
+
+```
+你能帮我生成一些虚拟数据，作为我的电子表格的占位符吗？
+```
+<!--rehype:className=wrap-text-->
+
+帮助创建复杂的宏
+
+```
+我需要创建一个宏，计算单元格 B1 到 B10 的平均值并将结果插入到单元格 C1。你能帮我吗？
+```
+<!--rehype:className=wrap-text-->
+
+提供提高电子表格效率的建议
+
+```
+你能给我一些提高电子表格效率的建议吗？
 ```
 
 ### 电子邮件
@@ -134,460 +175,441 @@ function addNumbers(a, b) {
 创建电子邮件活动
 
 ```
-发送邀请小弟调调参加周末晚宴的电子邮件
-为我们的新客户入职流程创建电子邮件序列
+邀请 Jack 周末晚餐的邮件
+
+创建一个针对新客户的引导流程邮件序列
 ```
 
-格式化和校对电子邮件
+格式化和校对邮件
 
 ```
-校对并格式化我刚写的这封电子邮件：
+帮我校对并格式化我刚写的这封邮件：
 Hello, do you have any actual tips or tricks for ChatGPT please?
 ```
 <!--rehype:className=wrap-text-->
 
-提供有效电子营销的提示
+提供有效电子邮件营销的建议
 
 ```
-给我一些关于如何提高电子邮件营销开启率和点击率的建议。
+给我一些提高邮件打开率和点击率的建议
 
-请提供一些使我的电子邮件内容对订阅者更具吸引力和相关性的建议。
+建议一些方法，让我的邮件内容对订阅者更具吸引力和相关性。
 ```
 <!--rehype:className=wrap-text-->
 
-自动化电子邮件回复
+自动回复邮件
 
 ```
-通过电子邮件告知他，"这是一个好建议，很快就会实现"：
+给他发送邮件，内容为 "That's a good suggestion, it's coming soon":
 Hello, do you have any actual tips or tricks for ChatGPT please?
 ```
 <!--rehype:className=wrap-text-->
 
 从文本中提取电子邮件地址
 
-```
-为我从下面的文本中提取所有的电子邮件地址：
-Sed sit amet sodales tom@gmail.com, at jack@cheatsheets.zip enim. 18261@outlook.com ut eros
+```sh
+帮我提取所有的电子邮件地址：
+Sed sit amet sodales tom@gmail.com, at jack@gmail.com enim. 18261@outlook.com ut eros
 ```
 <!--rehype:className=wrap-text-->
 
-### 电子表格
-
-帮助创建电子表格公式
-
-```
-你能帮我创建一个计算A1到A10单元格求和的公式吗？
-```
-
-解释公式的含义
-
-```
-你能简单解释一下 =SUM(A1:A10) 这个公式的含义吗？
-```
-
-为占位符创建虚拟数据
-
-```
-你能为我生成一些用作电子表格占位符的虚拟数据吗？
-```
-
-帮助创建复杂的宏
-
-```
-我需要创建一个宏，计算B1到B10单元格的平均值，并将结果插入到C1单元格中。你能帮我吗？
-```
-<!--rehype:className=wrap-text-->
-
-提供提高电子表格效率的提示
-
-```
-你能给我一些提高电子表格效率的建议吗？
-```
-
 ### 社交媒体
 
-为任何主题提供模板创意
+提供任何主题的表情包创意
 
 ```
-你能给我提供一些关于[主题]的模板创意吗？
+你能给我一些关于【狗狗】的表情包创意吗？
 ```
 
-为任何主题的帖子提供互动关联的想法
+提供能提升互动的帖子创意
 
 ```
-我想创建一个关于[主题]的帖子，能帮我想些创意吗，能吸引我的粉丝参与。
+我想发一个关于气候变化的帖子，能与我的粉丝产生互动。你能给我一些创意吗？
 ```
 <!--rehype:className=wrap-text-->
 
-生成标签和标题
+生成标签和配文
 
 ```
-我需要一些标签和一段风景日落图片的标题。你能为我生成一些吗？
+我需要一些适合风景日落照片的标签和配文。你能帮我生成一些吗？
 ```
 <!--rehype:className=wrap-text-->
 
-提供答复建议
+提供回复建议
 
 ```
-我刚收到一条询问[主题]项目状态的消息。你能为我建议一条回复吗？
+我刚收到一条关于项目状态的消息。你能给我一个回复建议吗？
 ```
 <!--rehype:className=wrap-text-->
 
 ### 阅读
 
-总结长文选
+总结长文本
 
 ```
-你能为我总结一下这篇文章吗？[你的文本]
+你能帮我总结一下这篇文章吗？[你的文本]
 ```
 
 翻译外语
 
 ```
-你能把这句话翻译成中文吗？[你的文本]
+你能把这句话翻译成西班牙语吗？[你的文本]
 ```
 
-类似于另一本书的书籍推荐
+推荐类似的书籍
 
 ```
-你能推荐一些类似于《饥饿游戏》的书吗？
+你能推荐一些和《饥饿游戏》类似的书吗？
 ```
 
 ### 设计
 
-为您创建一个AI设计提示
+创建 AI 设计提示词
 
 ```
-能帮我生成一个关于新体育品牌logo设计的设计提示吗？
+你能帮我生成一个为新运动品牌设计标志的提示词吗？
 ```
 
-缩略图建议用于博客或视频
+博客或视频的缩略图建议
 
 ```
-能推荐一些吸引人的缩略图设计吗，用于我最新的视频，内容是健康饮食？
+你能推荐一些引人注目的缩略图设计，适合我最新关于健康饮食的 YouTube 视频吗？
 ```
 <!--rehype:className=wrap-text-->
 
 字体搭配
 
 ```
-能为旅行博客标题设计建议字体搭配吗？
+你能为旅行博客的标题设计推荐一组字体搭配吗？
 ```
 
 颜色搭配
 
 ```
-能为婚纱摄影网站推荐一个色彩搭配方案吗？
+你能推荐一个适合婚礼摄影网站的配色方案吗？
 ```
 
 ### 数据分析
 
-从大段文本中提取数字
+从大量文本中提取数字
 
 ```
-请从这段文本中提取所有的数字：[你的文本]
+请从这段文本中提取所有数字：[你的文本]
 ```
 
-根据提供的文本或数据创建表格
+根据你提供的文本或数据创建表格
 
 ```
-能根据这些数据创建一个表格吗？：[你的数据]
+你能根据这些数据创建一个表格吗？：[你的数据]
 ```
 
 从大列表中筛选数据
 
 ```
-请根据特定标准筛选这个列表：[你的列表]
+请根据特定条件筛选此列表：[你的列表]
 ```
 
 ### 付费广告
 
-提供广告创意建议
+提供广告创意
 
 ```
-为新产品发布提供广告创意建议。
+给我一些新产品发布的广告创意。
 ```
 
-审核跟踪代码是否有错误（标签管理器等）
+检查跟踪代码错误（标签管理器等）
 
 ```
-审查我的标签管理器代码，看看是否有错误。
+检查我的标签管理器代码是否有错误。
 ```
 
-提供广告文案建议
+提供广告文案创意
 
 ```
-请提供一家[主题]公司的广告文案。
+为一家【旅游】公司建议广告文案。
 ```
 
-微博受众建议
+Facebook 受众建议
 
 ```
-为服装品牌广告活动推荐一个微博受众。
+推荐适合服装系列广告活动的 Facebook 受众。
 ```
 
-为您的广告创建正文、标题和/或行动号召
+为广告创建正文、标题和/或号召性用语
 
 ```
-为新的[主题]计划广告创建标题、正文和行动号召。
+为一个新的健身计划广告创建标题、正文和号召性用语。
 ```
 
+### 亚马逊 FBA
+
+编写或重写产品描述
+
+```
+请帮我为最新商品写一个新颖且吸引人的产品描述。
+```
+
+编写或重写申诉信
+
+```
+我需要帮助重写我的申诉信，使其更具说服力。
+```
+
+编写或重写供应商联系邮件
+
+```
+你能帮我写一封有效的邮件，以联系潜在供应商吗？
+```
+
+帮助寻找适合打包销售的商品
+
+```
+请推荐一些适合为客户打包销售的商品。
+```
+
+整理产品和定价数据
+
+```
+你能帮我把产品和定价信息整理成一个整洁易管理的表格吗？
+```
+<!--rehype:className=wrap-text-->
+
 ### SEO
 <!--rehype:wrap-class=col-span-2 row-span-2-->
 
 生成或查找关键词
 
-```
-为 [主题] 生成一组相关连的关键词
-识别 [主题] 内容优化的长尾关键词
-查找 [主题] 的热门关键词
-为 [主题] 生成一组LSI关键词
-查找 [主题] 相关度低的关键词
-创建 [主题] 关键词的同义词列表
-查找 [主题] PPC广告活动的最佳关键词
-查找 [主题] 语音搜索优化的最佳关键词
-列出 [主题] 特色片段的最佳关键词
-为 [主题] 视频优化找到最佳关键词
-查找 [主题] 的最佳关键词
-查找 [主题] AMP优化的最佳关键词
-查找 [主题] 社交媒体优化的最佳关键词
-```
+- 为[主题]生成一系列相关关键词。
+- 识别[主题]内容优化的长尾关键词。
+- 查找[主题]的最佳表现关键词。
+- 为[主题]生成一系列 LSI 关键词。
+- 查找[主题]的低竞争关键词。
+- 为[主题]关键词创建同义词列表。
+- 查找[主题] PPC 广告活动的最佳关键词。
+- 查找[主题]语音搜索优化的最佳关键词。
+- 列出[主题]的最佳关键词用于特色摘要。
+- 查找[主题]视频优化的最佳关键词。
+- 查找[主题]的最佳关键词。
+- 查找[主题] AMP 优化的最佳关键词。
+- 查找[主题]社交媒体优化的最佳关键词。
+<!--rehype:className=style-round-->
 
 更多关于 SEO 的 ChatGPT 提示
 
-```
-为 [主题] 创建元描述和标题标签
-查找与 [主题] 相关的内部链接
-为 [主题] 的博客文章和文章主题生成创意
-研究行业特定术语以用于 [主题] 内容
-查找权威网站以获取 [主题] 内容的反向链接
-创建与 [主题] 相关的XML站点地图示例
-研究 [主题] 的最佳元标签
-研究 [主题] 内容的最佳内部链接结构
-生成关于 [主题] 的常见问题列表
-为与 [主题] 相关的图像创建最佳Alt标签列表
-创建与 [主题] 相关的子主题列表
-查找发布与 [主题] 相关内容的最佳时间
-研究与 [主题] 相关的最佳外部链接策略
-查找用于 [主题] SEO 的最受欢迎工具
-创建与 [主题] 相关的潜在影响者列表
-研究与 [主题] 相关的最佳Schema标记
-查找 [主题] 内容的最佳标题标签
-创建与 [主题] 相关的潜在链接建设机会列表
-研究与 [主题] 反向链接相关的最佳锚文本
-创建与 [主题] 相关的潜在客座博客机会列表
-研究与 [主题] 相关的最佳本地SEO策略
-研究用于 [主题] 网站性能的最佳分析工具
-创建与 [主题] 相关的潜在合作伙伴列表
-研究用于 [主题] 移动优化的最佳策略
-研究用于 [主题] 电子商务优化的最佳策略。提供关键词群集。
-创建与 [主题] 相关的潜在联盟营销机会列表
-什么是与 [主题] 相关的最佳联盟营销网站？
-什么是 [主题] 国际SEO的最佳策略？
-创建与 [主题] 相关的潜在播客或播客客座机会列表
-查找与 [主题] 相关的热门内容主题
-研究用于 [主题] SEO 的最佳策略，并提供可操作步骤
-创建与 [主题] 相关的潜在视频系列或网络研讨会想法列表
-研究与 [主题] 相关的竞争者策略
-查找与 [主题] 相关的规范标签示例
-为 [主题] 制定一个示例关键词列表，以定位多个地理位置
-生成针对 [主题] 客户购买漏斗不同阶段的关键词想法
-识别与 [主题] 相关的行业标签
-```
+- 为[主题]创建元描述和标题标签。
+- 查找与[主题]相关的内部链接机会。
+- 为[主题]生成博客文章和主题创意。
+- 研究[主题]内容中使用的行业术语。
+- 查找权威网站以获取与[主题]内容相关的反向链接。
+- 创建与[主题]相关的 XML 网站地图示例。
+- 研究[主题]的最佳元标签。
+- 研究[主题]内容的最佳内部链接结构。
+- 生成与[主题]相关的常见问题列表。
+- 为与[主题]相关的图片创建最佳替代文本标签列表。
+- 为[主题]创建相关子主题列表。
+- 查找与[主题]相关的内容发布时间的最佳时机。
+- 研究与[主题]相关的最佳外部链接策略。
+- 查找与[主题] SEO 使用的最流行工具。
+- 为[主题]创建潜在影响者列表。
+- 研究[主题]的最佳模式标记。
+- 查找[主题]内容的最佳标题标签。
+- 为[主题]创建潜在的链接建设机会列表。
+- 研究[主题]反向链接的最佳锚文本。
+- 创建[主题]的潜在客座博客机会列表。
+- 研究[主题]的最佳本地 SEO 策略。
+- 研究[主题]网站性能的最佳分析工具。
+- 为[主题]创建潜在合作伙伴关系列表。
+- 研究[主题]的最佳移动优化策略。
+- 研究[主题]的最佳电子商务优化策略，并提供关键词聚类。
+- 创建[主题]的潜在联盟营销机会列表。
+- [主题]的最佳联盟营销网站有哪些？
+- [主题]的最佳国际 SEO 策略是什么？
+- 创建与[主题]相关的潜在播客或播客嘉宾机会列表。
+- 研究[主题]的最佳 Google 我的商家优化策略。
+- 查找与[主题]相关的热门内容主题。
+- 研究[主题]的最佳 SEO 策略并提供可操作步骤。
+- 创建与[主题]相关的潜在视频系列或网络研讨会创意列表。
+- 研究与[主题]相关的竞争对手策略。
+- 查找与[主题]相关的规范标签示例。
+- 为[主题]创建一个面向多个地理位置的示例关键词列表。
+- 生成针对不同客户购买漏斗阶段的[主题]关键词创意。
+- 识别与[主题]相关的行业标签。
+<!--rehype:className=style-round-->
 
 ### 写作/博客
-<!--rehype:wrap-class=row-span-2-->
 
-为您的创意写作项目创建标题
+为你的创意写作项目创建标题
 
 ```
-我的短篇小说集的标题：[你的文章]
+我短篇小说集的标题：[你的文章]
 ```
 
 创建大纲
 
 ```
-一篇关于运动的论文大纲。
+关于锻炼的论文大纲。
 ```
 
 生成内容创意
 
 ```
-关于[主题]博客的创意？
+可持续时尚博客的创意？
 ```
 
-总结您提供的任何文本
+总结你提供的任何文本
 
 ```
-总结这篇关于可再生能源的文章？[你的文章]
+总结一下这篇关于可再生能源的文章？[你的文章]
 ```
 
-撰写完整的博客文章
+创建完整的博客文章
 
 ```
-关于【财务规划】的博客文章？
+关于[财务规划]的博客文章？
 ```
 
-扩展句子、段落或长文本选择
+扩展句子、段落或长文本
 
 ```
-扩展这句关于爵士音乐的话？[你的句子]
+扩展关于爵士音乐的这句话？[你的句子]
 ```
 
-改变写作的语气
+改变你的写作语气
 
 ```
-将这份报告的语气改为对话式？[你的文章]
+将这份报告的语气改为对话式？[你的报告]
 ```
 
-校对或编辑您的写作
+校对或编辑你的写作
 
 ```
 校对这篇文章？[你的文章]
 ```
 
-使用标题格式化文本（非常适合博客文章）
+用标题格式化文本（适合博客文章）
 
 ```
-为我的博客文章格式化标题？[你的文章]
+为我的博客文章格式化标题？[你的帖子]
 ```
 
 检查任何文本的偏见
 
 ```
-检查这篇文章是否有偏见？[你的文章]
+检查这篇文章是否存在偏见？[你的文章]
 ```
 
 检测任何文本的抄袭
 
 ```
-检测这篇论文是否有抄袭？[你的论文]
+检测这篇论文的抄袭情况？[你的论文]
 ```
 
-为您提供域名主意
+提供域名创意
 
 ```
-为我的【园艺博客】提供一个域名？
+我[园艺博客]的域名？
 ```
 
-### 撰写商业内容
-
-撰写或重新撰写您的产品描述
-
-```
-请帮我为最新的商品撰写一个新的引人注目的产品描述。
-```
-
-撰写或重新撰写申诉信
-
-```
-请帮助重新撰写我的申诉信，使其更具说服力。
-```
-
-撰写或重新撰写供应商联络邮件
-
-```
-能帮我写一封有效的电子邮件，以联系潜在供应商吗？
-```
-
-帮助您找到可以打包销售的商品
-
-```
-请推荐一些适合我们客户的商品组合。
-```
-
-组织产品和定价数据
-
-```
-能帮我将产品和定价信息整理成一个整洁易管理的电子表格吗？
-```
-<!--rehype:className=wrap-text-->
-
 ### 教师/课程创建者
 
-将事实或统计数据列表转换为多选测验
+将事实或统计数据转换为多项选择题
 
-```
-能将这份关于世界历史事实的列表转换成多选测验吗？[你的列表]
+```sh
+你能把这份关于世界历史的事实列表转成多项选择题吗？[你的列表]
 ```
 <!--rehype:className=wrap-text-->
 
 特定主题的作业创意
 
 ```
-我需要一些有关[主题]的历史作业的创意。你能建议一些吗？
+我需要一些关于美国独立战争的历史作业创意。你能建议一些吗？
 ```
 <!--rehype:className=wrap-text-->
 
-根据学生名单创建分组
+从学生列表中创建分组
 
 ```
-我班上有30名学生名单。你能帮忙将他们分成6人一组做小组项目吗？
+我有一份30名学生的名单。你能把他们分成6人一组进行小组项目吗？
 ```
 <!--rehype:className=wrap-text-->
 
-基于考试成绩创建曲线
+根据考试成绩创建曲线
 
 ```
-我需要根据他们的考试成绩为我的班级创建一个分数曲线。能帮忙吗？
+我需要根据学生的考试成绩创建一个评分曲线。你能帮忙吗？
 ```
 <!--rehype:className=wrap-text-->
 
 评分作业
 
 ```
-能为这篇历史论文打分并提供改进意见吗？
+你能给这篇历史论文评分并提供改进建议吗？
 ```
 
-### 视频
+### YouTube
 
-从剧本中创建时间戳
+从文字稿中创建时间戳
 
 ```
-能为这篇播客剧本创建时间戳吗？[视频地址]
-```
-
-将视频转换为带格式的博客文章
-
-```
-能将这个关于烹饪的视频转换为带有标题和项目符号的博客文章吗？[视频链接]
+你能为这段播客节目的文字稿创建时间戳吗？[你的文字稿]
 ```
 <!--rehype:className=wrap-text-->
 
-提出视频大纲或剧本
+将 YouTube 视频转换为带格式的博客文章
 
 ```
-我需要一个关于冥想益处的视频大纲。你能帮忙吗？
-```
-
-回复评论
-
-```
-能为我的视频上的这条负面评论写一个有思想的礼貌回复吗？
+你能把这段关于烹饪的 YouTube 视频转成带有标题和项目符号的博客文章吗？[视频链接]
 ```
 <!--rehype:className=wrap-text-->
 
-为您的缩略图提供创意
+想出视频大纲或脚本
 
 ```
-我需要一些关于"DIY家居装"的创意？
+我需要一个关于冥想好处的视频大纲。你能帮忙吗？
 ```
 
+创建对评论的回复
+
+```
+你能写一个周到且礼貌的回复，回应我 YouTube 视频上的这条负面评论吗？
+```
+<!--rehype:className=wrap-text-->
+
+给你缩略图创意
+
+```
+我需要一些关于“DIY 家居装饰”视频的缩略图创意。你能建议一些吗？
+```
+<!--rehype:className=wrap-text-->
+
+分析你的脚本或文字稿并告诉你语气
+
+```
+你能分析这段关于环境问题的视频脚本，并告诉我语气是什么吗？[你的脚本]
+```
+<!--rehype:className=wrap-text-->
+
+任何主题的视频创意
+
+```
+我想制作一系列关于时尚的视频。你能给我建议一些单集的创意吗？
+```
+<!--rehype:className=wrap-text-->
+
 ### 研究
 
-帮助研究2021年之前发生的任何事情
+帮助研究2021年前发生的任何事情
 
-```
-以简单的术语解释量子计算
-有没有关于10岁生日的创意想法？
-如何在JavaScript中发起HTTP请求？
-可以告诉我导致火山喷发的事件吗？
-可以告诉我关于印刷机发明的信息吗？
-可以总结一下奥林匹克运动会的历史吗？
-可以给我关于文艺复兴的相关信息吗？
-我对拜占庭帝国的历史很感兴趣。你能帮我了解更多吗？
-等等...
-```
+- 用简单的术语解释量子计算。
+- 有什么创意适合10岁生日派对的吗？
+- 我如何在 JavaScript 中发出 HTTP 请求？
+- 你能告诉我美国内战前的事件吗？
+- 你能告诉我印刷机的发明吗？
+- 你能研究一下奥林匹克运动会的历史吗？
+- 你能给我关于法国大革命的信息吗？
+- 我对拜占庭帝国的历史感兴趣。你能帮我了解更多吗？
+- 等等...
+<!--rehype:className=style-round-->
 
 ## 参考资料
 

docs/cpp.md

@@ -30,7 +30,7 @@ Hello Quick Reference
 int number = 5;       // 整数
 float f = 0.95;       // 浮点数
 double PI = 3.14159;  // 浮点数
-char yes = 'Y';       // 特点
+char yes = 'Y';       // 字符
 std::string s = "ME"; // 字符串（文本）
 bool isRight = true;  // 布尔值
 // 常量
@@ -177,7 +177,7 @@ marks[0] = 92;
 marks[1] = 97;
 marks[2] = 98;
 // 定义和初始化
-std::array<int, 3> = {92, 97, 98};
+std::array<int, 3> marks = {92, 97, 98};
 // 有空成员
 std::array<int, 3> marks = {92, 97};
 std::cout << marks[2]; // 输出: 0
@@ -322,19 +322,19 @@ else
 | Example        | Meaning                |
 |----------------|------------------------|
 | `exp1 && exp2` | Both are true _(AND)_  |
-| `exp1 || exp2` | Either is true _(OR)_  |
+| <code>exp1 &#124;&#124; exp2</code> | Either is true _(OR)_  |
 | `!exp`         | `exp` is false _(NOT)_ |
 
 #### 位运算符
 
-| Operator | Description             |
-|----------|-------------------------|
-| `a & b`  | Binary AND              |
-| `a | b`  | Binary OR               |
-| `a ^ b`  | Binary XOR              |
-| `a ~ b`  | Binary One's Complement |
-| `a << b` | Binary Shift Left       |
-| `a >> b` | Binary Shift Right      |
+| 运算符 | 描述 |
+|--------|------|
+| `a & b`  | 按位与 |
+| <code>a &#124; b</code>  | 按位或 |
+| `a ^ b`  | 按位异或 |
+| `~a`     | 按位取反 |
+| `a << b` | 左移 |
+| `a >> b` | 右移 |
 
 ### 三元运算符
 
@@ -614,14 +614,14 @@ auto func = []() -> return_type { };
       ```cpp
       int val1 = 123, val2 = 456;
       string str1("123"), str2(456);
-
+    
       auto func1 = [=, &str1]() -> int
           {
               return   val1 == std::stoi(str1)
                     ? val1 : val2;
           };
-
-      auto func2 = [&, val1]() -> int
+    
+      auto func2 = [&, val1]() -> string
           {
               return   str1 == std::to_string(val1)
                     ? str1 : str2;
@@ -646,6 +646,128 @@ std::for_each(vec.begin(), vec.end(),
           });
 ```
 
+## C++智能指针
+
+### 智能指针基础
+<!--rehype:wrap-class=row-span-2-->
+
+```cpp
+#include <memory>
+
+// 创建独占所有权的指针
+std::unique_ptr<int> p1 = std::make_unique<int>(42);
+// 不能复制，只能移动
+std::unique_ptr<int> p2 = std::move(p1);
+// p1 现在为 nullptr
+
+// 创建共享所有权的指针
+std::shared_ptr<int> sp1 = std::make_shared<int>(42);
+// 可以复制，引用计数增加
+std::shared_ptr<int> sp2 = sp1;
+// 获取引用计数
+std::cout << sp1.use_count(); // 输出: 2
+
+// 创建弱引用，不增加引用计数
+std::weak_ptr<int> wp = sp1;
+```
+
+### unique_ptr
+
+```cpp
+// 创建方式1：使用 make_unique (C++14)
+auto p1 = std::make_unique<int>(42);
+
+// 创建方式2：直接构造
+std::unique_ptr<int> p2(new int(42));
+
+// 访问资源
+std::cout << *p1 << std::endl;
+*p1 = 100;
+
+// 获取原始指针（不转移所有权）
+int* raw = p1.get();
+
+// 释放所有权并返回原始指针
+int* released = p1.release();
+// p1 现在为 nullptr
+
+// 替换管理的对象
+p1.reset(new int(50));
+```
+
+### shared_ptr
+
+```cpp
+// 创建方式1：使用 make_shared
+auto sp1 = std::make_shared<int>(42);
+
+// 创建方式2：直接构造
+std::shared_ptr<int> sp2(new int(42));
+
+// 复制和共享所有权
+std::shared_ptr<int> sp3 = sp1;
+std::cout << sp1.use_count(); // 输出: 2
+
+// 访问资源
+std::cout << *sp1 << std::endl;
+*sp1 = 100; // 所有指向该资源的shared_ptr都会看到这个修改
+
+// 重置指针
+sp1.reset(); // sp1变为nullptr，引用计数减1
+```
+
+### weak_ptr
+
+```cpp
+std::shared_ptr<int> sp = std::make_shared<int>(42);
+std::weak_ptr<int> wp = sp;
+
+// 检查引用对象是否存在
+if (auto locked = wp.lock()) {
+    std::cout << *locked << std::endl; // 输出: 42
+} else {
+    std::cout << "对象已被销毁" << std::endl;
+}
+
+// 检查是否过期
+bool is_expired = wp.expired(); // false
+
+// 获取引用计数
+std::cout << wp.use_count(); // 输出: 1
+
+// 当所有shared_ptr都被销毁时
+sp.reset();
+if (wp.expired()) {
+    std::cout << "对象已被销毁" << std::endl;
+}
+```
+
+### 循环引用问题
+
+```cpp
+struct Node {
+    std::string name;
+    std::shared_ptr<Node> next;
+    // 使用weak_ptr避免循环引用
+    std::weak_ptr<Node> parent;
+    
+    Node(const std::string& n) : name(n) {}
+    ~Node() { std::cout << "销毁: " << name << std::endl; }
+};
+
+// 创建循环引用
+void createCycle() {
+    auto node1 = std::make_shared<Node>("Node1");
+    auto node2 = std::make_shared<Node>("Node2");
+    
+    node1->next = node2;
+    node2->parent = node1; // 使用weak_ptr避免循环引用
+    
+    // 函数结束时，node1和node2会被正确销毁
+    // 如果parent也是shared_ptr，则会造成内存泄漏
+}
+```
+
 ## C++多线程
 
 ### 多线程介绍
@@ -926,7 +1048,7 @@ int val = result.get();
 extern double foo(int val) {}
 
 std::future<double> result =
-    async(foo, 5);
+    std::async(foo, 5);
 
 //返回值类型
 std::future_status status;
@@ -935,7 +1057,7 @@ status = result.wait_for(
   std::chrono::seconds(1)
   );
 // 等待到某一时间点
-status = result.wait_for(
+status = result.wait_until(
   std::chrono::now() +
     std::chrono::seconds(1)
   );
@@ -1108,7 +1230,7 @@ C++ 预处理器
 
 ```cpp
 #ifdef DEBUG
-  console.log('hi');
+  std::cout << "hi" << std::endl;
 #elif defined VERBOSE
   ...
 #else

docs/cs.md

@@ -1321,6 +1321,261 @@ var result = students
 ["Charlie","Damon","David"]
 ```
 
+事件和委托
+----
+
+### 介绍
+
+在 .NET 中，委托支持后期绑定，允许调用方在运行时提供方法的一部分，而不是在创建委托时定义完整算法，从而增强了灵活性和扩展性。
+
+### 多播委托
+<!--rehype:wrap-class=col-span-2 row-span-6-->
+
+我们预先提供这些可用的方法
+
+```cs
+public void Sub(int x, int y)
+{
+    Console.WriteLine("x-y=" + (x - y));
+}
+
+public void Mul(int x, int y)
+{
+    Console.WriteLine("x*y=" + (x * y));
+}
+```
+
+定义一个委托类型
+
+```cs
+public delegate void MyDelegate3(int x, int y);
+```
+
+定义一个方法，接收委托作为参数
+
+```cs
+public void MyMethod3(int x, int y, MyDelegate3 myDelegate)
+{
+    myDelegate(x, y);
+}
+```
+
+定义另一个委托类型
+
+```cs
+public delegate void MyDelegate4(int x, int y);
+```
+
+定义一个方法，接收委托作为参数
+
+```cs
+public void MyMethod4(int x, int y, MyDelegate4 myDelegate)
+{
+    myDelegate(x, y);
+}
+```
+
+定义一个方法，接收委托作为参数
+
+```cs
+public void MyMethod5(int x, int y, MyDelegate3 myDelegate, MyDelegate4 myDelegate2)
+{
+    myDelegate(x, y);
+    myDelegate2(x, y);
+}
+```
+
+#### 多播委托
+
+```cs
+MyDelegate3 myDelegate31 = new MyDelegate3(Sub);
+MyDelegate4 myDelegate41 = new MyDelegate4(Mul);
+```
+
+调用 MyMethod3 方法，并传入委托作为参数
+
+```cs
+MyMethod3(10, 5, myDelegate31);
+// output:
+// x-y=5
+```
+
+调用 MyMethod4 方法，并传入委托作为参数
+
+```cs
+MyMethod4(10, 5, myDelegate41);
+// output:
+// x*y=50
+```
+
+调用 MyMethod5 方法，并传入委托作为参数
+
+```cs
+MyMethod5(10, 5, myDelegate31, myDelegate41);
+// output:
+// x-y=5
+// x*y=50
+```
+
+### 定义委托类型
+
+使用 `delegate` 关键字定义委托
+
+```cs
+public delegate void MyDelegate(
+    int x, string y
+);
+```
+
+上述委托对应的函数实现应该类似:
+
+```cs
+public void MyMethod(int x, string y);
+```
+
+### 创建委托实例
+
+```cs
+// 创建委托实例
+MyDelegate myDelegate = new MyDelegate(
+    MyMethod
+);
+```
+
+### 调用委托
+
+```cs
+// 调用委托,传入对应类型的参数
+myDelegate(10, "Hello");
+```
+
+### 委托作为参数
+
+```cs
+// 定义另一个委托类型
+public delegate int MyDelegate2(
+    int x, int y
+);
+
+// 定义一个方法，接收委托作为参数
+public int MyMethod2(
+   int x, int y, MyDelegate2 myDelegate
+)
+{
+    return myDelegate(x, y);
+}
+
+// 创建委托实例
+MyDelegate2 myDelegate2 = new MyDelegate2(
+    Add
+);
+
+// 调用 MyMethod2 方法，并传入委托作为参数
+int result = MyMethod2(
+    10, 20, myDelegate2
+);
+```
+
+### Action 委托
+
+Action 委托的变体最多可包含 16 个参数，且返回类型为 `void`
+
+```cs
+// 创建一个Action
+public Action<int, string> myAction;
+
+// 给Action赋值
+myAction = (x, y) => Console.WriteLine(
+    "x+y=" + (x + y)
+);
+
+// 直接调用Action
+myAction(10, "Hello");
+
+// 使用 null 合并运算符调用Action
+myAction?.Invoke(10, "Hello");
+```
+
+### Func 委托
+<!--rehype:wrap-class=row-span-2-->
+
+Func 委托的变体可包含最多16个参数，返回类型可以是任意类型 T
+
+```cs
+// 创建一个Func,最后一个参数是返回类型
+public Func<int, int, string> myFunc;
+
+// 给Func赋值
+myFunc = (x, y) => "x+y=" + (x + y);
+
+// 调用Func
+string result = myFunc(10, 20);
+
+// 使用 null 合并运算符调用Func
+string result2 = myFunc?.Invoke(10, 20);
+```
+
+事件与委托类似，都是后期绑定机制。实际上，事件是建立在委托基础上的一种语言支持，它是 C# 对委托的封装，提供了更面向对象的编程模型，并实现了观察者模式。
+
+### 事件定义
+<!--rehype:wrap-class=col-span-2-->
+
+```cs
+// 使用 event 关键字定义事件
+public event EventHandler<EventArgs> MyEvent;
+```
+
+### 事件订阅
+<!--rehype:wrap-class=col-span-2-->
+
+我们实现定义一个方法作为事件处理器，并订阅事件
+
+```cs
+public void MyEventHandler(object sender, EventArgs e)
+{
+    // 事件处理逻辑
+    // ...
+}
+```
+
+```cs
+// 订阅事件
+MyEvent += MyEventHandler;
+
+// 取消订阅事件
+MyEvent -= MyEventHandler;
+```
+
+### 事件触发
+
+```cs
+// 触发事件
+MyEvent?.Invoke(this, new EventArgs());
+```
+
+### 事件参数
+<!--rehype:wrap-class=col-span-2-->
+
+```cs
+// 定义事件参数
+public class MyEventArgs : EventArgs
+{
+    public int Value { get; set; }
+}
+
+// 新的Handler
+public void MyEventHandler2(object sender, MyEventArgs e)
+{
+    // 事件处理逻辑,这里可以获取到事件参数
+    Console.WriteLine("事件参数的值：" + e.Value);
+}
+
+// 触发事件
+// output:
+// 事件参数的值：10
+MyEvent?.Invoke(this, new MyEventArgs { Value = 10 });
+```
+
 语法糖
 ----
 

docs/css.md

@@ -156,7 +156,7 @@ div {
 ```css
 #container {
   display: grid;
-s  grid: repeat(2, 60px) / auto-flow 80px;
+  grid: repeat(2, 60px) / auto-flow 80px;
 }
 #container > div {
   background-color: #8ca0ff;
@@ -1977,6 +1977,16 @@ ul > li:not(:last-child)::after {
 
 使列表项看起来像一个真实的逗号分隔列表，使用 `:not()` 伪类，最后一项不会添加逗号
 
+### 表格中数字使用制表数字
+
+```css
+.revenue {
+    font-variant-numeric: tabular-nums;
+}
+```
+
+表格中一列数字列对其
+
 另见
 ---------
 

docs/docker.md

@@ -163,7 +163,10 @@ $ docker build - < Dockerfile
 $ docker build - < context.tar.gz
 $ docker build -t eon/nginx-server .
 $ docker build -f myOtherDockerfile .
+$ docker build --build-arg https_proxy=127.0.0.1:8088 # 使用http代理构建
 $ curl example.com/remote/Dockerfile | docker build -f - .
+$ docker save -o <保存路径>/myimage.tar myimage:latest # 导出
+$ docker load -i <路径>/myimage.tar # 导入
 ```
 
 ### 删除 \<none> 镜像
@@ -916,7 +919,7 @@ if010/dameng
 ### 人大金仓
 
 ```bash
-docker run -idt -p 5432:54321 --restart=always \
+docker run -idt -p 54321:54321 --restart=always \
 --name Kingbase --privileged=true \
 -e DB_MODE=oracle \
 -e NEED_START=yes \
@@ -934,7 +937,7 @@ if010/kingbase:v009r001c001b0025 /usr/sbin/init
 -- | --
 :-- | --
 `-itd` | 以后台方式启动容器，保持 STDIN 打开
-`-p 5432:54321` | 将主机的 5432 端口映射到容器的 5432 端口，访问数据库
+`-p 54321:54321` | 将主机的 54321 端口映射到容器的 54321 端口，访问数据库
 `--name Kingbase` | 给容器指定名称为 "Kingbase"
 `--restart=always` | 容器退出时，总是重新启动容器
 <!--rehype:className=auto-wrap left-align-->

docs/emoji.md

@@ -985,6 +985,7 @@ Github emoji 图标标记
 --------
 
 - [Emoji searcher](https://emoji.muan.co/) _(muan.co)_
+- [Share Emojis-With Your 🥺Fiends With An Great Way And Unique✅ |copy & download|](https://emoji-share.com/) _(emoji-share.com)_
 - [Get Emoji — All Emojis to ✂️ Copy and 📋 Paste](https://getemoji.com/) _(getemoji.com)_
 - [Emoji Guide – 🔥 The Ultimate Emoji Guide: 🌈 Meanings, 🍎 Platforms, 🆘 Codes and 😍 More](https://emojiguide.com/) _(emojiguide.com)_
 - [Full Emoji List, v15.0](https://unicode.org/emoji/charts/full-emoji-list.html) _(unicode.org)_

docs/ffmpeg.md

@@ -117,6 +117,7 @@ $ ffmpeg -i movie.webm movie.mp4
 `-vol` | 以 256 的倍数更改音频音量，其中 256 = 100%(正常)音量。例如 512 = 200%
 `-newaudio` | 将新的音频流添加到当前输出流
 `-alang code` | 设置当前音频流的 ISO 639 语言代码(3 个字母)
+`-ac nTract` | 指定立体声通道数（n个声道）。例如 nTract = 2 即2个声道
 
 视频编辑
 ---

docs/flutter.md

@@ -41,6 +41,7 @@ $ sudo softwareupdate --install-rosetta --agree-to-license
 <!--rehype:className=style-timeline-->
 
 ### Windows 操作系统上安装和配置
+<!--rehype:wrap-class=col-span-2-->
 
 > 完整教程请参阅 Flutter 中文社区的 [安装和环境配置](https://docs.flutter.cn/get-started/install)
 
@@ -783,7 +784,8 @@ ListView.separated(
 ```
 
 ### GridView
-<!--rehype:wrap-class=col-span-2-->
+<!--rehype:wrap-class=col-span-2 row-span-2-->
+
 `GridView`可将元素显示为二维网格状的列表组件，并支持主轴方向滚动。
 使用GridView() 构造函数，需要传入gridDelegate和children。Flutter中已经提供了两种实现方式，分别是:
 
@@ -893,6 +895,373 @@ PageView.builder(
 ),
 ```
 
+Flutter 动画组件
+---
+
+### 1.隐式动画
+
+在动画组件内，直接配置curve和duration属性
+
+#### AnimatedContainer
+
+使用AnimatedContainer组件，配置curve曲线过渡和duration过渡时间
+
+```dart
+class HomeState extends StatefulWidget{
+  const HomeState({Key? key}) : super(key:key);
+
+  @override
+  State<HomeState> createState()=>_HomeState();
+}
+
+class _HomeState extends State<HomeState>{
+  bool press = false;   //设置动画触发的条件
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        home: Scaffold(
+            floatingActionButton:FloatingActionButton(onPressed: (){
+              setState(() {
+                  press = true; //点击FloatingActionButton进行动画效果
+                });
+              }
+            ,child: const Icon(Icons.add),) ,
+            appBar: AppBar(
+              title: const Text("测试"),
+            ),
+            body: Center(
+              child: AnimatedContainer(
+                curve: Curves.ease, //曲线
+                duration: const Duration(seconds: 1), //延时
+                width: press ? 200 : 300,
+                height: 200,
+                color:Colors.yellow,
+                  transform: press ? Matrix4.translationValues(0, 0, 0) : 
+                                    Matrix4.translationValues(100, 100, 0)
+              ),
+            )
+        )
+    );
+  }
+}
+```
+
+#### AnimatedPadding
+
+通过配置padding值的改变，引起组件的移动动画效果,同样支持curve和duration的配置
+
+```dart
+class _HomeState extends State<HomeState>{
+  bool press = false;
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        home: Scaffold(
+            floatingActionButton:FloatingActionButton(onPressed: (){
+              setState(() {
+                press = true;
+              });
+            }
+              ,child: const Icon(Icons.add),) ,
+            appBar: AppBar(
+              title: const Text("测试"),
+            ),
+            body: Center(
+              child: AnimatedPadding(
+                padding: EdgeInsets.fromLTRB(10, press ? 10 : 400, 0, 0), //配置边距值
+                  curve: Curves.ease, //曲线
+                  duration: const Duration(seconds: 1), //延时
+                  child: Container(
+                      width: 200,
+                      height: 200,
+                      color:Colors.yellow,
+                  ),
+              ),
+            )
+        )
+    );
+  }
+}
+```
+
+#### AnimatedAlign
+
+通过配置alignment值的改变，引起组件的对齐动画效果,同样支持curve和duration的配置
+
+```dart
+class _HomeState extends State<HomeState>{
+  bool press = false;
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        home: Scaffold(
+            floatingActionButton:FloatingActionButton(onPressed: (){
+              setState(() {
+                press = true;
+              });
+            }
+              ,child: const Icon(Icons.add),) ,
+            appBar: AppBar(
+              title: const Text("测试"),
+            ),
+            body: Center(
+              child: AnimatedAlign(
+                alignment: press ? Alignment.center : Alignment.topCenter,
+                curve: Curves.ease, //曲线
+                duration: const Duration(seconds: 1), //延时
+                child: Container(
+                  width: 200,
+                  height: 200,
+                  color:Colors.yellow,
+                ),
+              ),
+            )
+        )
+    );
+  }
+}
+```
+
+#### AnimatedOpacity
+
+通过配置opacity值的改变，引起组件的透明度变化动画效果,同样支持curve和duration的配置
+
+```dart
+class _HomeState extends State<HomeState>{
+  bool press = false;
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        home: Scaffold(
+            floatingActionButton:FloatingActionButton(onPressed: (){
+              setState(() {
+                press = true;
+              });
+            }
+              ,child: const Icon(Icons.add),) ,
+            appBar: AppBar(
+              title: const Text("测试"),
+            ),
+            body: Center(
+              child: AnimatedOpacity(
+                opacity: press ? 1 : 0.1,
+                curve: Curves.ease, //曲线
+                duration: const Duration(seconds: 1), //延时
+                child: Container(
+                  width: 200,
+                  height: 200,
+                  color:Colors.yellow,
+                ),
+              ),
+            )
+        )
+    );
+  }
+}
+```
+
+#### AnimatedPositioned
+
+通过配置top,left,right,bottom值的改变，引起组件的距离变化动画效果,同样支持curve和duration的配置
+
+```dart
+class _HomeState extends State<HomeState>{
+  bool press = false;
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        home: Scaffold(
+            floatingActionButton:FloatingActionButton(onPressed: (){
+              setState(() {
+                press = true;
+              });
+            }
+              ,child: const Icon(Icons.add),) ,
+            appBar: AppBar(
+              title: const Text("测试"),
+            ),
+            body:Stack(
+              children: [
+                AnimatedPositioned(
+                  top: press ? 0 : 100,
+                  left:press ? 0 : 100,
+                  curve: Curves.ease, //曲线
+                  duration: const Duration(seconds: 1), //延时
+                  child: Container(
+                    width: 200,
+                    height: 200,
+                    color:Colors.yellow,
+                  ),
+                ),
+              ],
+            )
+        )
+    );
+  }
+}
+```
+
+### 2.显示动画
+<!--rehype:wrap-class=col-span-2-->
+
+使用显示动画时，定义 `AnimationController`，并在组件中使用 `SingleTickerProviderStateMixin`。
+
+#### RotationTransition
+
+`RotationTransition` 实现旋转动画，`turns` 为 `AnimationController`。在 `initState` 中设置 `vsync` 和 `duration`，使用 `..repeat()` 实现动画循环。
+
+```dart
+class _Boxed extends State<Boxed> with SingleTickerProviderStateMixin{
+  late AnimationController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = AnimationController(
+        vsync: this,
+        duration: const Duration(seconds: 1)
+    )..repeat(); // 让程序和手机的刷新频率统一
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+          height: 100,
+          width: 100,
+          child: RotationTransition(turns: _controller,
+            child: const FlutterLogo(size: 60),
+          )
+    );
+  }
+}
+```
+
+#### AnimationController
+
+```dart
+class _HomeState extends State<HomeState> with SingleTickerProviderStateMixin {
+
+  late AnimationController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    // 让程序和手机的刷新频率统一
+    _controller = AnimationController(vsync: this, duration: const Duration(seconds: 1));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        home: Scaffold(
+          floatingActionButton:FloatingActionButton(onPressed: () {
+            _controller.repeat(); //重复播放
+          },child:const Icon(Icons.add),) ,
+            appBar: AppBar(
+              title: const Text("测试"),
+            ),
+            body: Center(
+                child: Column(
+                    children: [
+                      RotationTransition(
+                        turns: _controller,
+                        child: const FlutterLogo(size: 60),
+                      ),
+                      ElevatedButton(onPressed: (){
+                        _controller.forward(); // 👈 播放一次
+                      }, child:const Icon(Icons.refresh)),
+                      ElevatedButton(onPressed: (){
+                        _controller.reverse(); // 👈 倒序播放
+                      }, child:const Icon(Icons.refresh)),
+                      ElevatedButton(onPressed: (){
+                        _controller.stop();    // 👈 停止
+                      }, child:const Icon(Icons.refresh)),
+                      ElevatedButton(onPressed: (){
+                        _controller.reset();   // 👈 重置
+                      }, child:const Icon(Icons.refresh)),
+                    ]
+                )
+            )
+        )
+    );
+  }
+}
+```
+
+#### FadeTransition
+
+`FadeTransition` 实现透明度变化，`opacity` 为 `AnimationController`。可以通过 `reverse()` 实现从实体逐渐变透明。
+
+```dart
+class _HomeState extends State<HomeState> with SingleTickerProviderStateMixin {
+
+  late AnimationController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    //让程序和手机的刷新频率统一
+    _controller = AnimationController(vsync: this, duration: const Duration(seconds: 1));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        home: Scaffold(
+            floatingActionButton:FloatingActionButton(onPressed: (){
+              _controller.repeat(); //重复播放
+            },child:const Icon(Icons.add),) ,
+            appBar: AppBar(
+              title: const Text("测试"),
+            ),
+            body: Center(
+              child: FadeTransition(opacity: _controller,
+                child: const FlutterLogo(size: 60,),
+              )
+            )
+        )
+    );
+  }
+}
+```
+
+也可以通过 lowerBound 和 upperBound 来配置 controller 的最低和最高值
+
+#### ScaleTransition
+
+`ScaleTransition` 实现缩放动画，`scale` 为 `AnimationController`，可以通过 `reverse()` 实现从大到小的动画效果。
+
+```dart
+class _HomeState extends State<HomeState> with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+  @override
+  void initState() {
+    super.initState();
+    // 让程序和手机的刷新频率统一
+    _controller = AnimationController(vsync: this, duration: const Duration(seconds: 1));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        home: Scaffold(
+            floatingActionButton:FloatingActionButton(onPressed: (){
+              _controller.repeat(); //重复播放
+            },child:const Icon(Icons.add),) ,
+            appBar: AppBar(
+              title: const Text("测试"),
+            ),
+            body: Center(
+                child: ScaleTransition(scale: _controller,
+                  child: const FlutterLogo(size: 60,),
+                )
+            )
+        )
+    );
+  }
+}
+```
+
 另见
 ---
 

docs/git.md

@@ -1287,6 +1287,55 @@ Conventional Commmits
 | `test:` | 添加测试代码或修正已有的测试 |
 <!--rehype:className=left-align-->
 
+
+patch 补丁的使用
+----
+
+### 简单创建
+
+```bash
+$ git diff commit_id > my.patch
+```
+
+### 简单应用
+
+  - **检查**补丁
+
+    ```bash
+    # 检查下这个补丁能否被正常应用
+    $ git apply --check path/to/my.patch
+    ```
+    
+  - **使用**补丁
+
+    ```
+    # 检查通过使用该补丁
+    $ git apply < path/to/my.patch
+    ```
+
+  - 若有冲突则**解决**
+
+    ```
+    # 检查不通过可以自动合入patch不冲突的代码，同时保留冲突部分
+    $ git apply --reject path/to/my.patch
+    ```
+
+<!--rehype:className=style-timeline-->
+
+### Email patch 方式
+
+```bash
+# 创建指定 commit sha1 id 之前的 n 次提交补丁
+$ git format-patch commit_id -n
+# 创建 300f59991f22826c8478f0c019387c4ca815b085 这个提交的patch
+$ git format-patch commit_id -1
+# 提取当前分支最上面的3次提交，生成补丁
+$ git format-patch -3
+# 发送者可使用 git-send-email 发送 git format-patch 的结果给接收者
+# 接收者保存邮件到文件 email.txt，然后应用补丁创建一个提交，会自动包含作者的信息
+$ git am < email.txt
+```
+
 另见
 ---
 

docs/github-cli.md

@@ -0,0 +1,255 @@
+Github CLI
+===
+
+GitHub CLI 的快速参考，这是一个开源命令行工具，可在终端上启用 GitHub 功能。
+
+入门
+---
+
+### 安装
+<!--rehype:wrap-class=col-span-2-->
+
+#### Windows
+<!--rehype:style=text-align: left;-->
+
+| 工具   | 安装                          | 升级                          |
+| :----- | :--------------------------- | :--------------------------- |
+| WinGet | `winget install --id Github.cli` | `winget upgrade --id GitHub.cli` |
+| Scoop  | `scoop install gh`             | `scoop update gh`            |
+| Choco  | `choco install gh`             | `choco upgrade gh`           |
+<!--rehype:className=show-header left-align-->
+
+#### Mac OS
+<!--rehype:style=text-align: left;-->
+
+| 工具     | 安装                   | 升级                                        |
+| :------- | :-------------------- | :------------------------------------------ |
+| Brew     | `brew install gh`     | `brew upgrade gh`                           |
+| MacPorts | `sudo port install gh`| `sudo port selfupdate && sudo port upgrade gh` |
+<!--rehype:className=show-header left-align-->
+
+#### Linux
+<!--rehype:style=text-align: left;-->
+
+请参见 [安装说明](https://github.com/cli/cli/blob/trunk/docs/install_linux.md) 以获取其他 Linux 发行版的信息。安装脚本：
+
+```bash
+type -p curl >/dev/null || (sudo apt update && sudo apt install curl -y)
+curl -fsSL https://cli.github.com/packages/githubcli-archive-keyring.gpg | sudo dd of=/usr/share/keyrings/githubcli-archive-keyring.gpg \
+&& sudo chmod go+r /usr/share/keyrings/githubcli-archive-keyring.gpg \
+&& echo "deb [arch=$(dpkg --print-architecture) signed-by=/usr/share/keyrings/githubcli-archive-keyring.gpg] https://cli.github.com/packages stable main" | sudo tee /etc/apt/sources.list.d/github-cli.list > /dev/null \
+&& sudo apt update \
+&& sudo apt install gh -y
+```
+
+### 基本用法
+
+#### 帮助和文档
+<!--rehype:style=text-align: left;-->
+
+显示命令选项：
+
+| 命令                 | 描述                                                                                                          |
+| :-------------------- | :------------------------------------------------------------------------------------------------------------- |
+| `gh help [command]`  | 帮助提供应用程序中任何命令的帮助。只需键入 `gh help [命令路径]` 以获取完整详细信息。                          |
+<!--rehype:className=style-list-arrow-->
+
+#### 认证
+<!--rehype:style=text-align: left;-->
+
+| 命令                 | 描述                                                       |
+| :-------------------- | :-------------------------------------------------------- |
+| `gh auth login`      | 默认通过基于网页的浏览器进行身份验证                     |
+| `gh auth logout`     | 移除主机的身份验证配置                                   |
+| `gh auth refresh`    | 扩展或修复存储凭据的权限范围                             |
+| `gh auth setup-git`  | 配置 Git 使用 GitHub CLI 作为凭据助手                     |
+| `gh auth status`     | 验证并显示有关您身份验证状态的信息                      |
+| `gh auth token`      | 打印 `gh` 配置使用的身份验证令牌                        |
+<!--rehype:className=style-list-arrow-->
+
+使用 GitHub 令牌：
+
+```shell
+$ gh auth --with-token < token.txt
+```
+
+### 仓库管理
+<!--rehype:wrap-class=col-span-2-->
+
+#### 常规
+<!--rehype:style=text-align: left;-->
+
+| 命令                     | 描述                                         |
+| :------------------------ | :------------------------------------------ |
+| `gh repo create`         | 创建一个新的 GitHub 仓库                   |
+| `gh repo list [target]`  | 列出某个用户或组织拥有的仓库               |
+<!--rehype:className=code-nowrap left-align-->
+
+#### 目标
+<!--rehype:style=text-align: left;-->
+
+| 命令                        | 描述                                                       |
+| :--------------------------- | :-------------------------------------------------------- |
+| `gh repo archive [repo]`    | 存档一个 GitHub 仓库                                      |
+| `gh repo clone [dir]`       | 在本地克隆一个 GitHub 仓库                                |
+| `gh repo delete [repo]`     | 删除一个 GitHub 仓库                                       |
+| `gh repo deploy-key`        | 管理仓库中的部署密钥                                       |
+| `gh repo edit [repo]`       | 编辑仓库设置                                             |
+| `gh repo fork [repo]`       | 创建一个仓库的分叉                                        |
+| `gh repo rename [name]`     | 重命名一个 GitHub 仓库                                     |
+| `gh repo set-default [repo]` | 设置默认的远程仓库                                        |
+| `gh repo sync [dest-repo]`  | 从源仓库同步到目标仓库                                    |
+| `gh repo view [repo]`       | 显示一个 GitHub 仓库的描述和 README                      |
+<!--rehype:className=code-nowrap left-align-->
+
+### 问题
+
+#### 搜索问题
+<!--rehype:style=text-align: left;-->
+
+| 命令                       | 描述                             |
+| :------------------------- | :------------------------------- |
+| `gh search issues [query]` | 在 GitHub 上搜索问题             |
+
+#### 示例
+<!--rehype:style=text-align: left;-->
+
+搜索匹配关键词 "readme" 和 "typo" 的问题
+
+```shell
+$ gh search issues readme typo
+```
+
+搜索匹配短语 "broken feature" 的问题
+
+```shell
+$ gh search issues "broken feature"
+```
+
+搜索 cli 组织中的问题和拉取请求
+
+```shell
+$ gh search issues --include-prs --owner=cli
+```
+
+搜索分配给自己的开放问题
+
+```shell
+$ gh search issues --assignee=@me --state=open
+```
+
+搜索评论数超过 100 的问题
+
+```shell
+$ gh search issues --comments=">100"
+```
+
+搜索没有标签 "bug" 的问题
+
+```shell
+$ gh search issues -- -label:bug
+```
+
+### 拉取请求
+
+**拉取请求操作**
+
+| 命令              | 描述                                      |
+| :---------------- | :----------------------------------------- |
+| `gh pr create`    | 在 GitHub 上创建拉取请求                  |
+| `gh pr list`      | 列出 GitHub 仓库中的拉取请求              |
+| `gh pr status`    | 显示相关拉取请求的状态                    |
+
+**示例**
+
+```shell
+$ gh pr status
+```
+
+示例输出：
+
+```
+Current branch
+  #12 Remove the test feature [user:patch-2]
+   - All checks failing - Review required
+
+Created by you
+  You have no open pull requests
+
+Requesting a code review from you
+  #13 Fix tests [branch]
+  - 3/4 checks failing - Review required
+  #15 New feature [branch]
+   - Checks passing - Approved
+```
+
+### GitHub Actions
+<!--rehype:wrap-class=col-span-2-->
+
+**常规操作**
+
+| 命令                    | 描述                                                                         |
+| :----------------------- | :--------------------------------------------------------------------------- |
+| `gh workflow disable`    | 禁用工作流，防止其运行或在列出工作流时显示                                   |
+| `gh workflow enable`     | 启用工作流，允许其运行并在列出工作流时显示                                   |
+| `gh workflow list`       | 列出工作流文件，默认隐藏禁用的工作流                                        |
+| `gh workflow run`        | 为给定的工作流创建一个 `workflow_dispatch` 事件                            |
+| `gh workflow view`       | 查看工作流的摘要                                                             |
+
+**运行操作**
+
+| 命令                    | 描述                                                          |
+| :----------------------- | :----------------------------------------------------------- |
+| `gh run cancel`          | 取消一个工作流运行                                            |
+| `gh run delete`          | 删除一个工作流运行                                            |
+| `gh run download`        | 下载由 GitHub Actions 工作流运行生成的工件                    |
+| `gh run list`            | 列出最近的工作流运行                                          |
+| `gh run rerun`           | 重新运行整个运行、仅失败的作业或运行中的特定作业              |
+| `gh run view`            | 查看工作流运行的摘要                                          |
+| `gh run watch`           | 观看一个运行直到其完成，显示其进度                            |
+
+### 别名
+
+**常规别名设置**
+
+| 命令                    | 描述                                                      |
+| :----------------------- | :--------------------------------------------------------- |
+| `gh alias delete`        | 删除设置的别名                                           |
+| `gh alias import`        | 从 YAML 文件的内容中导入别名                             |
+| `gh alias list`          | 打印出所有已配置的别名                                   |
+| `gh alias set`           | 定义一个单词，当调用时会展开为完整的 `gh` 命令          |
+<!--rehype:className=style-list-->
+
+### 发布
+
+**常规操作**
+
+| 命令                    | 描述                                       |
+| :----------------------- | :----------------------------------------- |
+| `gh release create`      | 为一个仓库创建新的 GitHub 发布             |
+| `gh release list`        | 列出一个仓库中的发布                       |
+<!--rehype:className=code-nowrap-->
+
+**目标命令**
+
+| 命令                      | 描述                                   |
+| :------------------------ | :-------------------------------------- |
+| `gh release delete`       | 删除一个发布                            |
+| `gh release delete-asset` | 从一个发布中删除一个资产                |
+| `gh release download`     | 从 GitHub 发布中下载资产                |
+| `gh release edit`         | 编辑一个发布                            |
+| `gh release upload`       | 上传资产文件到一个 GitHub 发布          |
+| `gh release view`         | 查看有关一个 GitHub 发布的信息          |
+<!--rehype:className=code-nowrap-->
+
+### 配置
+
+**目标设置**
+
+| 命令                      | 描述                                          |
+| :------------------------ | :--------------------------------------------- |
+| `gh config clear-cache`   | 清除 CLI 缓存                                |
+| `gh config get`           | 打印给定配置键的值                           |
+| `gh config list`          | 打印配置键及其值的列表                       |
+| `gh config set`           | 用给定键的值更新配置                         |
+<!--rehype:className=style-list-->

docs/github-copilot.md

@@ -3,12 +3,12 @@ Github Copilot 备忘清单
 
 这是开始使用 [Github Copilot](https://code.visualstudio.com/docs/editor/github-copilot) 的快速参考指南
 
-一、准备工作
+入门
 ----
 
 ### 1、账号注册
 
-> 需要先拥有一个Github账号，并订阅Copilot。
+需要先拥有一个Github账号，并订阅Copilot。
 
 事项 | 说明
 :-|-
@@ -18,7 +18,7 @@ Github 账号 | [注册地址](https://github.com/signup)
 ### 2、安装Vscode插件
 <!--rehype:wrap-class=col-span-1 row-span-1-->
 
-> 在扩展商店中搜索安装下面插件
+在扩展商店中搜索安装下面插件
 
 插件名称 | 功能
 :-|-
@@ -44,22 +44,23 @@ Copilot Enterprise| 39美元/人/月 | Business 特性 + 私有代码库的个
 <!--rehype:wrap-class=col-span-1 row-span-1-->
 |名称 | 描述 |
 |-|-|
-Inline Suggestions| 在编辑器中紧邻光标所在位置显示建议
-Completions Panel| 在编辑器中展示完整的建议列表
-Inline Chat| 在编辑器中紧邻光标所在位置发起对话
-Editor Chat| 在编辑器中打开完整的对话界面
-Silde Chat| 在编辑器的侧边栏打开对话界面  
-Quick Chat| 在顶部唤起对话界面
+`Inline Suggestions` | 在编辑器中紧邻光标所在位置显示建议
+`Completions Panel` | 在编辑器中展示完整的建议列表
+`Inline Chat` | 在编辑器中紧邻光标所在位置发起对话
+`Editor Chat` | 在编辑器中打开完整的对话界面
+`Silde Chat` | 在编辑器的侧边栏打开对话界面  
+`Quick Chat` | 在顶部唤起对话界面
+<!--rehype:className=left-align-->
 
-二、提示技巧
+提示技巧
 ----
 
 ### 提示之禅
 <!--rehype:wrap-class=col-span-1 row-span-1-->
 
-> 你与 `copilot` 之间的关系，就是作家和插画师的关系。  
-> 你只有尽可能的全面、干练、清晰的描述你的故事(即 `上下文`)。  
-> `copilot` 才能根据你的故事画出精美的插画 (即 `代码` )。  
+- 你的关系与 `copilot` 的关系，就像作家与插画师的关系。  
+- 为了让 `copilot` 能够绘制出精美的插画（即代码），你需要尽可能全面、干练、清晰地描述你的故事（即上下文）。
+<!--rehype:className=style-round-->
 
 ### 提示技巧
 <!--rehype:wrap-class=col-span-1 row-span-1-->
@@ -69,9 +70,9 @@ Quick Chat| 在顶部唤起对话界面
 
 ### 实战教程
 
-- [Youtube GitHub Copilot Series](https://www.youtube.com/playlist?list=PLj6YeMhvp2S5_hvBl2SE-7YCHYlLQ0bPt)
-- [Pragmatic techniques to get the most out of GitHub Copilot](https://www.youtube.com/watch?v=CwAzIpc4AnA)
-- [How I used GitHub Copilot to build a browser extension](https://github.blog/2023-05-12-how-i-used-github-copilot-to-build-a-browser-extension/)
+- [Youtube GitHub Copilot 系列](https://www.youtube.com/playlist?list=PLj6YeMhvp2S5_hvBl2SE-7YCHYlLQ0bPt)
+- [实用技巧：充分利用 GitHub Copilot](https://www.youtube.com/watch?v=CwAzIpc4AnA)
+- [我如何使用 GitHub Copilot 构建浏览器扩展](https://github.blog/2023-05-12-how-i-used-github-copilot-to-build-a-browser-extension/)
 
 ### 上下文信息的种类
 <!--rehype:wrap-class=col-span-2 row-span-1-->
@@ -86,13 +87,13 @@ Quick Chat| 在顶部唤起对话界面
 
 ### 上下文：文件
 
-> Copilot会查看编辑器中当前和紧邻打开的文件，以分析上下文并提供适当的建议。
+Copilot会查看编辑器中当前和紧邻打开的文件，以分析上下文并提供适当的建议。
 
 ---
 
-> - 1、避免打开过多的文件，以便Copilot能够更好地理解你的代码。
-> - 2、打开的文件尽量相关且有共性。
-> - 3、如果是新项目，可以打开一些模版代码、数据文件以及参考文档等相关示例文件。以便Copilot能够更好地理解你的期望。等已经开发了一些代码后，这些示例文件就可以删除了。
+- 1、避免打开过多的文件，以便Copilot能够更好地理解你的代码。
+- 2、打开的文件尽量相关且有共性。
+- 3、如果是新项目，可以打开一些模版代码、数据文件以及参考文档等相关示例文件。以便Copilot能够更好地理解你的期望。等已经开发了一些代码后，这些示例文件就可以删除了。
 
 ### 上下文: 注释: 顶部注释
 
@@ -275,7 +276,7 @@ dailogs = [
 ...
 ```
 
-三、快捷键
+快捷键
 ----
 <!--rehype:body-class=cols-2-->
 
@@ -287,6 +288,7 @@ dailogs = [
 <!--rehype:wrap-class=col-span-2 row-span-1-->
 
 #### Copilot 中 Inline Suggestions 相关命令
+<!--rehype:style=text-align: left;-->
 
 | 命令 |说明 | 快捷键 | Mac 快捷键 |
 |-|:-|:-|:-|
@@ -300,6 +302,7 @@ dailogs = [
 <!--rehype:className=show-header wrap-text left-align-->
 
 #### Copilot 中 Completions Panel 相关命令
+<!--rehype:style=text-align: left;-->
 
 | 命令 |说明 | 快捷键 | Mac 快捷键 |
 |-|:-|:-|:-|
@@ -310,6 +313,7 @@ dailogs = [
 <!--rehype:className=show-header wrap-text left-align-->
 
 #### Copilot 中 其他命令
+<!--rehype:style=text-align: left;-->
 
 | 命令 |说明 | 快捷键 | Mac 快捷键 |
 |-|:-|:-|:-|
@@ -324,6 +328,7 @@ dailogs = [
 <!--rehype:wrap-class=col-span-2 row-span-1-->
 
 #### Copilot Chat 中 Chat 相关命令
+<!--rehype:style=text-align: left;-->
 
 | 命令 |说明 | 快捷键 | Mac 快捷键 |
 |-|:-|:-|:-|
@@ -334,6 +339,7 @@ dailogs = [
 <!--rehype:className=show-header wrap-text left-align-->
 
 #### Copilot Chat 中 Inline Chat 相关命令
+<!--rehype:style=text-align: left;-->
 
 | 命令 |说明 | 快捷键 | Mac 快捷键 |
 |-|:-|:-|:-|
@@ -345,6 +351,7 @@ dailogs = [
 <!--rehype:className=show-header wrap-text left-align-->
 
 #### Copilot Chat 中 Quick Chat 相关命令
+<!--rehype:style=text-align: left;-->
 
 | 命令 |说明 | 快捷键 | Mac 快捷键 |
 |-|:-|:-|:-|
@@ -353,6 +360,7 @@ dailogs = [
 <!--rehype:className=show-header wrap-text left-align-->
 
 #### Copilot Chat 中 Editor Chat 相关命令
+<!--rehype:style=text-align: left;-->
 
 | 命令 |说明 | 快捷键 | Mac 快捷键 |
 |-|:-|:-|:-|
@@ -360,6 +368,7 @@ dailogs = [
 <!--rehype:className=show-header wrap-text left-align-->
 
 #### Copilot Chat 其他命令
+<!--rehype:style=text-align: left;-->
 
 | 命令 |说明 | 快捷键 | Mac 快捷键 |
 |-|:-|:-|:-|
@@ -368,10 +377,10 @@ dailogs = [
 `github.copilot.ghpr.applySuggestion`|为Github Pull Request提供代码建议|-|-
 <!--rehype:className=show-header wrap-text left-align-->
 
-四、Copilot Chat 的 Slash Commands 使用技巧
+Copilot Chat 的 Slash Commands 使用技巧
 ----
 
-> 在聊天对话框中可以通过`/`开头的命令来与Copilot Chat进行交互。
+在聊天对话框中可以通过`/`开头的命令来与Copilot Chat进行交互。
 
 ### Slash Commands 示例
 <!--rehype:wrap-class=col-span-1 row-span-1-->
@@ -393,9 +402,9 @@ dailogs = [
 @vscode /api 请解释 inlineChat.start 的作用
 
 @workspace /explain def helloworld():...
+```
 
 在每一行代码末尾添加注释进行解释
-```
 
 #### Agent
 
@@ -420,7 +429,7 @@ dailogs = [
 
 ---
 
-> 通过命令 `github.copilot.interactiveEditor.generate` 触发
+通过命令 "github.copilot.interactiveEditor.generate" 触发
 
 |命令         |说明 |
 |-           |:-|
@@ -430,32 +439,34 @@ dailogs = [
 
 > 当然也可以直接选中区域，然后在inline chat中输入指令执行 copilot会对选中区域进行指令操作  
 
-|常用指令|
-| - |
-|在每一行代码末尾添加注释进行解释|
-|使代码满足PEP484要求|
-<!--rehype:className=show-header wrap-text left-align-->
+#### 常用指令
+
+- 在每一行代码末尾添加注释进行解释
+- 使代码满足PEP484要求
+<!--rehype:className=style-round-->
 
 ### Silde Chat 的 Slash Commands
 <!--rehype:wrap-class=col-span-1 row-span-2-->
 
-> 通过命令 `workbench.action.chat.openInSidebar` 触发 `chat` 后使用  
-> 或点击侧边栏上的Copilot聊天按钮  
-> 在Chat输入框中还允许指定Agent(即环境)  
+- 通过命令 `workbench.action.chat.openInSidebar` 触发 `chat` 后使用  
+- 或点击侧边栏上的Copilot聊天按钮  
+- 在Chat输入框中还允许指定Agent(即环境)  
+<!--rehype:className=style-round-->
 
 #### Slash Commands
 
 |命令         |说明 |
 |-           |:-|
-/api         |回答vscode扩展插件开发的问题  
-/explain     |对选中的代码进行解释
-/fix         |修复此选中的代码
-/new         |创建新项目workspace
-/newNotebook |创建新的Jupyter Notebook  
-/terminal    |解释命令行里的命令
-/tests       |为选中的代码生成单元测试
-/help        |帮助说明
-/clear       |清除会话
+`/api`         |回答vscode扩展插件开发的问题  
+`/explain`     |对选中的代码进行解释
+`/fix`         |修复此选中的代码
+`/new`         |创建新项目workspace
+`/newNotebook` |创建新的Jupyter Notebook  
+`/terminal`    |解释命令行里的命令
+`/tests`       |为选中的代码生成单元测试
+`/help`        |帮助说明
+`/clear`       |清除会话
+<!--rehype:className=left-align-->
 
 ### `/terminal`特有的变量, 以`#`号开头
 
@@ -471,13 +482,12 @@ dailogs = [
 
 - Quick Chat 与 Chat 的 Slash Commands相同
 - Editor Chat 与 Chat 的 Slash Commands相同
+<!--rehype:className=style-round-->
 
-五、参数设置
+参数设置
 ----
 
-打开vscode 命令面板, 输入`Preferences:Open Settings` 打开配置文件，在文件模式下配置相关参数.
-
-完整参数说明可以查看 `copilot` 与 `copilot chat` 两个[插件目录](https://code.visualstudio.com/docs/editor/extension-marketplace#_where-are-extensions-installed)下的 `package.json` 文件获知。
+打开 VSCode 命令面板，输入 `Preferences: Open Settings` 来打开配置文件。在文件模式下，您可以配置相关参数。要获取完整的参数说明，请查看 `copilot` 和 `copilot chat` 两个插件目录下的 `package.json` 文件，具体位置可以参考 [VSCode 扩展市场](https://code.visualstudio.com/docs/editor/extension-marketplace#_where-are-extensions-installed)。
 
 ### 完整配置参考
 
@@ -532,49 +542,59 @@ dailogs = [
 
 ### 参数说明
 <!--rehype:wrap-class=col-span-2 row-span-1-->
+
 #### 代理参数
+<!--rehype:style=text-align: left;-->
 
 |设置参数 |值类型|说明 |
 |:--|:--|:--|
 `"http.proxy"`| string |配置网络代理地址
+<!--rehype:className=left-align-->
 
 #### Copilot Chat 参数
+<!--rehype:style=text-align: left;-->
 
 |设置参数 |值类型|说明 |
 |:--|:--|:--|
 `"github.copilot.chat.localeOverride"`| string | 设置Copilot本地语言
 `"github.copilot.chat.welcomeMessage"`| string |Copilot Chat 是否显示欢迎语<br>`first`: 仅第一次启动时, `always`: 总是, `never`: 从不
+<!--rehype:className=left-align-->
 
 #### Copilot 基本参数
+<!--rehype:style=text-align: left;-->
 
 |设置参数 |值类型|说明 |
 |:--|:--|:--|
-`"editor.inlineSuggest.enabled"`| boolean |启用内联建议
-`"github.copilot.editor.iterativeFixing"`| boolean| 允许 Copilot 提供迭代修复建议
-`"github.copilot.editor.enableAutoCompletions"`| boolean |允许 Copilot 提供自动补全
-`"github.copilot.editor.enableCodeActions"`| boolean|允许 Copilot 代码操作建议,这些操作可能包括重构代码、优化代码结构、修复可错误等
+| `"editor.inlineSuggest.enabled"` | boolean | 启用内联建议 |
+| `"github.copilot.editor.iterativeFixing"`     | boolean | 允许 Copilot 提供迭代修复建议  |
+| `"github.copilot.editor.enableAutoCompletions"` | boolean | 允许 Copilot 提供自动补全      |
+| `"github.copilot.editor.enableCodeActions"`    | boolean | 允许 Copilot 提供代码操作建议，包括重构和优化代码结构、修复错误等 |
+<!--rehype:className=left-align-->
 
 #### 设置 Copilot 生效的文件类型
+<!--rehype:style=text-align: left;-->
 
 |设置参数 |值类型|说明 |
 |:--|:--|:--|
 `"github.copilot.enable"`| json |请将 `"*": true` 放到末尾 <br>[语言](https://code.visualstudio.com/docs/languages/identifiers)后设置 `false` 表示禁用copilot, 设置 `true` 表示启用
+<!--rehype:className=left-align-->
 
 #### Copilot 高级参数
+<!--rehype:style=text-align: left;-->
 
-> github.copilot.advanced 可以控制模型参数，最终影响到代码生成. 其值为json
+`github.copilot.advanced` 可以控制模型参数，最终影响到代码生成。其值为json
 
-|设置参数 |值类型|说明 |
-|:--|:--|:--|
-`"length"`| integer | 生成的代码字数, 默认为 `500`
-`"top_p"`| number | 控制模型候选范围，默认值为 `1`，值范围为`0.0~1.0`
-`"temperature"`| string | 控制模型的创造性，默认值为 `""`，值越大越不可预测，值范围为`0.0~1.0`
-`"inlineSuggestCount"`| integer | 内联提示的个数, 默认为`3`
-`"listCount"`| integer | 控制`Completions Panel`中建议个数，默认为 `10`
-`"stops"`| json | 控制模型代码生成时停止的标志，可以按[语言](https://code.visualstudio.com/docs/languages/identifiers)来控制
-`"indentationMode"`| json | 指定[语言](https://code.visualstudio.com/docs/languages/identifiers)是否采用该语言的缩近模式，由此可能会与stops冲突，比如采用`\{\}`缩近时，设置该参数时需要综合考虑
-`"debug.showScores"`| boolean | 在代码建议列表中显示每个建议的分数
-<!--rehype:className=wrap-text -->
+| 设置参数 | 值类型 | 说明 |
+|----------|----------|----------|
+| `"length"`                 | 整数 integer     | 生成代码的字数，默认为 `500`                    |
+| `"top_p"`                  | 数字 number     | 控制模型候选范围，默认值为 `1`，范围为 `0.0~1.0` |
+| `"temperature"`            | 字符串 string   | 控制模型创造性，默认值为空，值越大越不可预测，范围为 `0.0~1.0` |
+| `"inlineSuggestCount"`     | 整数 integer     | 内联提示的个数，默认为 `3`                      |
+| `"listCount"`              | 整数 integer     | `Completions Panel` 中建议的个数，默认为 `10`  |
+| `"stops"`                  | JSON     | 控制模型代码生成时的停止标志，可按[语言](https://code.visualstudio.com/docs/languages/identifiers)控制 |
+| `"indentationMode"`        | JSON     | 指定[语言](https://code.visualstudio.com/docs/languages/identifiers)是否使用该语言的缩进模式，可能与 stops 冲突 |
+| `"debug.showScores"`       | 布尔值 boolean   | 在代码建议列表中显示每个建议的分数              |
+<!--rehype:className=left-align-->
 
 END... ENJOY YOURSELF
 ----

docs/golang.md

@@ -851,6 +851,54 @@ ch <- 3
 
 参见：[缓冲通道](https://tour.golang.org/concurrency/3)
 
+### Context
+
+<!--rehype:wrap-class=col-span-2 row-span-2-->
+
+```go
+package main
+
+import (
+    "context"
+    "fmt"
+    "time"
+)
+
+func main() {
+    // 创建根 context
+    ctx := context.Background() // 空 context，通常作为根 context
+    todo := context.TODO()      // 当不确定使用哪个 context 时使用
+
+    // 创建带取消功能的 context
+    ctx, cancel := context.WithCancel(context.Background())
+    defer cancel() // 确保所有路径都调用取消函数
+
+    // 创建带超时的 context
+    ctx, cancel = context.WithTimeout(context.Background(), 100*time.Millisecond)
+    defer cancel()
+
+    // 创建带截止时间的 context
+    deadline := time.Now().Add(200 * time.Millisecond)
+    ctx, cancel = context.WithDeadline(context.Background(), deadline)
+    defer cancel()
+
+    // 创建带值的 context
+    ctx = context.WithValue(context.Background(), "key", "value")
+    
+    // 从 context 获取值
+    value := ctx.Value("key")
+    fmt.Println(value)
+    
+    // 检查 context 是否已取消
+    select {
+    case <-ctx.Done():
+        fmt.Println("Context canceled:", ctx.Err())
+    default:
+        fmt.Println("Context still valid")
+    }
+}
+```
+
 Golang 错误控制
 --------
 

docs/java.md

@@ -242,10 +242,12 @@ sb.append("!");
 ### 比较
 
 ```java
-String s1 = new String("QuickRef");
+String s1 = "QuickRef";
 String s2 = new String("QuickRef");
-s1 == s2          // false
-s1.equals(s2)     // true
+s1 == s2                     // false
+s1.equals(s2)                // true
+// intern 方法获得字符串常量池中的惟一引用
+s1 == s2.intern()            // true
 "AB".equalsIgnoreCase("ab")  // true
 ```
 
@@ -310,7 +312,7 @@ int[] a3 = new int[]{1, 2, 3};
 int[] a4 = new int[3];
 a4[0] = 1;
 a4[2] = 2;
-a4[3] = 3;
+a4[3] = 3; // 会出现索引越界异常
 ```
 
 ### 修改 Modify
@@ -347,16 +349,16 @@ for (int a: arr) {
 ### 二维数组 Multidimensional Arrays
 
 ```java
-int[][] matrix = { {1, 2, 3}, {4, 5} };
+int[][] matrix = {{1, 2, 3}, {4, 5}, {6}};
 int x = matrix[1][0];  // 4
-// [[1, 2, 3], [4, 5]]
-Arrays.deepToString(matrix)
-for (int i = 0; i < a.length; ++i) {
-  for(int j = 0; j < a[i].length; ++j) {
-    System.out.println(a[i][j]);
-  }
+System.out.Println(Arrays.deepToString(matrix));
+// 输出: [[1, 2, 3], [4, 5], [6]]
+for (int i = 0; i < matrix.length; ++i) {
+    for(int j = 0; j < matrix[i].length; ++j) {
+        System.out.println(matrix[i][j]);
+    }
 }
-// 输出: 1 2 3 4 5 6 7
+// 输出: 1 2 3 4 5 6
 ```
 
 ### 排序 Sort
@@ -561,7 +563,7 @@ do {
 // 输出: 01234
 ```
 
-### 继续声明
+### 继续语句
 
 ```java
 for (int i = 0; i < 5; i++) {
@@ -570,7 +572,7 @@ for (int i = 0; i < 5; i++) {
   }
   System.out.print(i);
 }
-// 输出: 01245
+// 输出: 0124
 ```
 
 ### 中断语句
@@ -1344,7 +1346,7 @@ Consumer<String> test = System.out::println;
 ```java
 Comparator<Integer> comparator = Math::max;
 
-int result = comparator.compare(1, 2); 
+int result = comparator.compare(1, 2);
 // 返回 2
 ```
 
@@ -1353,7 +1355,7 @@ int result = comparator.compare(1, 2);
 ```java
 String str = "HELLO";
 
-String lowerCase = str::toLowerCase; 
+String lowerCase = str::toLowerCase;
 // 返回 "hello"
 ```
 
@@ -1362,7 +1364,7 @@ String lowerCase = str::toLowerCase;
 ```java
 Supplier<String> supplier = String::new;
 
-String str = supplier.get(); 
+String str = supplier.get();
 // 返回一个空字符串
 ```
 
@@ -1372,7 +1374,7 @@ String str = supplier.get();
 Function<Integer, String[]> function = String[]::new;
 
 
-String[] array = function.apply(5); 
+String[] array = function.apply(5);
 // 返回 5 个空字符串的数组
 ```
 <!--rehype:className=wrap-text-->
@@ -1382,7 +1384,7 @@ String[] array = function.apply(5);
 ```java
 String someStr = "HELLO";
 
-String lowerCase = someStr::toLowerCase; 
+String lowerCase = someStr::toLowerCase;
 // 返回 "hello"
 ```
 
@@ -1391,7 +1393,7 @@ String lowerCase = someStr::toLowerCase;
 ```java
 SomeClass someObject = new SomeClass();
 
-int result = someObject::staticMethod; 
+int result = someObject::staticMethod;
 // 调用静态方法
 ```
 
@@ -1558,6 +1560,118 @@ int frequency = Collections
       .frequency(list, 2); // frequency = 2
 ```
 
+操纵数据库
+----
+
+### JDBC
+
+```java
+String url = "jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=utf8&useSSL=false&serverTimezone=UTC";
+String user = "root";
+String password = "123456";
+String sql = "SELECT 1 as a, '2' as b";
+String preparedSql = "SELECT * FROM t_user WHERE id = ?";
+
+Connection conn = null;
+Statement sm = null;
+ResultSet rs = null;
+try {
+  // 1.注册驱动
+  Class.forName("com.mysql.cj.jdbc.Driver");
+} catch (ClassNotFoundException e) {
+  // 驱动找不到
+  throw new RuntimeException(e);
+}
+
+// 2.建立连接
+try (Connection connection = DriverManager.getConnection(url, user, password)) {
+
+  conn = connection;
+
+  // 3.创建Statement对象
+  try (Statement statement = connection.createStatement()) {
+
+    sm = statement;
+
+    // 4.执行SQL语句
+    try (ResultSet resultSet = statement.executeQuery(sql)) {
+
+      rs = resultSet;
+
+      // 5.处理结果集
+      while (resultSet.next()) {
+        // 按照列名取值
+        System.out.println(resultSet.getLong("a"));
+        // 按照索引取值
+        System.out.println(resultSet.getString(2));
+      }
+    }
+  }
+
+  // 3.创建PreparedStatement对象
+  try (PreparedStatement preparedStatement = connection.prepareStatement(preparedSql)) {
+
+    sm = preparedStatement;
+
+    preparedStatement.setLong(1, 1_000L);
+    // 4.执行SQL语句
+    try (ResultSet resultSet = preparedStatement.executeQuery()) {
+
+      rs = resultSet;
+
+      // 5.处理结果集
+      while (resultSet.next()) {
+        System.out.println(resultSet.getLong("id"));
+        System.out.println(resultSet.getString(2));
+      }
+    }
+  }
+} catch (SQLException e) {
+  // 数据库异常
+  throw new RuntimeException(e);
+} finally {
+  // 6.关闭资源
+  // 上面的try块里已经自动关闭，否则（JDK 7以前）按照以下顺序关闭
+  // 先打开的后关闭，后打开的先关闭
+  if (null != rs) {
+    try {
+      rs.close();
+    } catch (SQLException ignored) {
+    }
+  }
+
+  if (null != sm) {
+    try {
+      sm.close();
+    } catch (SQLException ignored) {
+    }
+  }
+
+  if (null != conn) {
+    try {
+      conn.close();
+    } catch (SQLException ignored) {
+    }
+  }
+
+  // 也可以直接工具类， 注意顺序
+  IOUtils.close(rs);
+  IOUtils.close(sm);
+  IOUtils.close(conn);
+}
+```
+
+### JDBC注册驱动
+
+```java
+Class.forName("com.mysql.cj.jdbc.Driver");
+
+DriverManager.registerDriver(new org.postgresql.Driver());
+
+// 支持多个同时注册
+System.setProperty("jdbc.drivers", "com.mysql.cj.jdbc.Driver:org.postgresql.Driver");
+```
+
 另见
 ---
 

docs/latex.md

@@ -11,17 +11,18 @@ LaTeX 备忘清单
 [LaTeX](https://www.latex-project.org/) 基于 TEX 的排版系统，适用于生成高印刷质量的科技和数学、物理文档。
 
 - [LaTeX 官网](https://www.latex-project.org/) _(latex-project.org)_
-- [KaTeX 官网](https://katex.org/) _(katex.org)_
 
 而 [KaTeX](https://katex.org/) 只处理 LaTeX 的数学符号的一个更小的子集，用于 web 上展示
 
+- [KaTeX 官网](https://katex.org/) _(katex.org)_
+
 ### 示例
 
 ```KaTeX
 % \f is defined as #1f(#2) using the macro
 f\relax(x) = \int_{-\infty}^\infty
     f\hat\xi\,e^{2 \pi i \xi x}
-    \,d\xi
+    \,\mathrm{d}\xi
 ```
 
 ---
@@ -30,7 +31,7 @@ f\relax(x) = \int_{-\infty}^\infty
 % \f is defined as #1f(#2) using the macro
 f\relax(x) = \int_{-\infty}^\infty
     f\hat\xi\,e^{2 \pi i \xi x}
-    \,d\xi
+    \,\mathrm{d}\xi
 ```
 
 ### 行内展示
@@ -42,10 +43,10 @@ f\relax(x) = \int_{-\infty}^\infty
 
 基于 KaTeX 在一行展示示例： `KaTeX:\int_0^\infty x^2 dx`
 
-Supported Functions
+支持的语法
 ---
 
-### Accents
+### 标注符号
 <!--rehype:wrap-class=col-span-2 row-span-2-->
 
 :- | :- | :-
@@ -74,7 +75,7 @@ Supported Functions
 `KaTeX:\^{a}` <pur>`\^{a}`</pur> | `KaTeX:\u{a}` <pur>`\u{a}`</pur> |
 `KaTeX:\r{a}` <pur>`\r{a}`</pur> |
 
-### Delimiter Sizing
+### 定界符大小调整
 
 :-  |  :-
 :-  |  :-
@@ -90,7 +91,7 @@ Supported Functions
 `\right`  | `\bigg` | `\biggl` | `\biggm` | `\biggr`
 `\` | `\Bigg` | `\Biggl` | `\Biggm` | `\Biggr`
 
-### 希腊和希伯来字母 Greek and Hebrew letters
+### 希腊和希伯来字母
 <!--rehype:wrap-class=col-span-3-->
 
 预览 | 方法 | 预览 | 方法 | 预览 | 方法 | 预览| 方法 | 预览 | 方法 | 预览 | 方法
@@ -193,7 +194,7 @@ Supported Functions
 \sum_{\mathclap{1\le i\le j\le n}} x_{ij}
 ```
 
-### `KaTex:\LaTeX` math constructs
+### `KaTex:\LaTeX` 数学结构
 <!--rehype:wrap-class=col-span-3-->
 
 预览 | 方法 | 预览 | 方法 | 预览 | 方法
@@ -203,7 +204,7 @@ Supported Functions
 | `KaTex:\sqrt{abc}`        | <pur>`\sqrt{abc}`</pur>           | `KaTex:\widehat{abc}`      | <pur>`\widehat{abc}`</pur>       | `KaTex:\overbrace{abc}`          | <pur>`\overbrace{abc}`</pur>           |
 | `KaTex:\sqrt[n]{abc}`     | <pur>`\sqrt[n]{abc}`</pur>        | `KaTex:\widetilde{abc}`    | <pur>`\widetilde{abc}`</pur>     | `KaTex:\underbrace{abc}`         | <pur>`\underbrace{abc}`</pur>          |
 
-### 分隔符 Delimiters
+### 分隔符
 <!--rehype:wrap-class=col-span-3-->
 
 预览 | 方法 | 预览 | 方法 | 预览 | 方法 | 预览| 方法 | 预览 | 方法
@@ -547,10 +548,10 @@ Supported Functions
 `KaTex:\circledS` | <pur>`\circledS`</pur> | `KaTex:\spadesuit` | <pur>`\spadesuit`</pur> | `KaTex:\spades` | <pur>`\spades`</pur> |
 `KaTex:\text{\textcircled a}` | <pur>`\text{\textcircled a}`</pur> | `KaTex:\maltese` | <pur>`\maltese`</pur> | `KaTex:\minuso` | <pur>`\minuso`</pur> |
 
-Environments
+环境
 ---
 
-### Environments 1
+### 环境 1
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -569,7 +570,7 @@ Environments
 ```
 <!--rehype:style=flex:1;-->
 
-### Environments 2
+### 环境 2
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -587,7 +588,7 @@ Environments
 \end{array}
 ```
 
-### Environments 3
+### 环境 3
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -606,7 +607,7 @@ Environments
 ```
 <!--rehype:style=flex:1;-->
 
-### Environments 4
+### 环境 4
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -623,7 +624,7 @@ Environments
 \end{bmatrix}
 ```
 
-### Environments 5
+### 环境 5
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -642,7 +643,7 @@ Environments
 ```
 <!--rehype:style=flex:1;-->
 
-### Environments 6
+### 环境 6
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -661,7 +662,7 @@ Environments
 ```
 <!--rehype:style=flex:1;-->
 
-### Environments 7
+### 环境 7
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -678,7 +679,7 @@ Environments
 \end{Bmatrix}
 ```
 
-### Environments 8
+### 环境 8
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -702,7 +703,7 @@ Environments
 \end{array}
 ```
 
-### Environments 9
+### 环境 9
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -719,7 +720,7 @@ x = \begin{cases}
 \end{cases}
 ```
 
-### Environments 10
+### 环境 10
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -736,7 +737,7 @@ x = \begin{cases}
 \end{rcases}⇒…
 ```
 
-### Environments 11
+### 环境 11
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -754,7 +755,7 @@ x = \begin{cases}
 \end{smallmatrix}
 ```
 
-### Environments 12
+### 环境 12
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -774,7 +775,7 @@ x = \begin{cases}
 \end{subarray}}
 ```
 
-### Environments 13
+### 环境 13
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -794,7 +795,7 @@ x = \begin{cases}
 \end{equation}
 ```
 
-### Environments 14
+### 环境 14
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -812,7 +813,7 @@ x = \begin{cases}
 \end{align}
 ```
 
-### Environments 15
+### 环境 15
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -830,7 +831,7 @@ x = \begin{cases}
 \end{gather}
 ```
 
-### Environments 16
+### 环境 16
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -848,7 +849,7 @@ x = \begin{cases}
 \end{alignat}
 ```
 
-### Environments 17
+### 环境 17
 <!--rehype:body-style=display: flex;flex-direction: row;justify-content: flex-start;-->
 
 ```KaTeX
@@ -881,7 +882,7 @@ x = \begin{cases}
 `KaTex:\colorbox{aqua}{$F=ma$}` | <pur>`\colorbox{aqua}{$F=ma$}`</pur>
 `KaTex:\fcolorbox{red}{aqua}{$F=ma$}` | <pur>`\fcolorbox{red}{aqua}{$F=ma$}`</pur>
 
-### Font 字体
+### 字体
 <!--rehype:wrap-class=col-span-2-->
 
 :- | :- | :- | :- | :- | :-
@@ -892,7 +893,7 @@ x = \begin{cases}
 `KaTex:\Large AB` | <pur>`\Large AB`</pur> | `KaTex:\Large AB` | <pur>`\Large AB`</pur> | `KaTex:\scriptsize AB` | <pur>\scriptsize AB</pur>
 `KaTex:\large AB` | <pur>`\large AB`</pur> | `KaTex:\large AB` | <pur>`\large AB`</pur> | `KaTex:\tiny AB` | <pur>\tiny AB</pur>
 
-### Style 样式
+### 样式
 <!--rehype:wrap-class=col-span-3-->
 
 :- | :- | :- | :-

docs/linux-command.md

@@ -24,6 +24,7 @@ Linux 命令速查表
 **`w`** | 显示系统中当前登录的用户
 **`whoami`** | 显示您的登录身份
 **`finger username`** | 显示有关用户的信息
+**`sed -ri 's/.*swap.*/#&/' /etc/fstab && swapoff -a`** | 关闭swap
 <!--rehype:className=style-list-->
 
 ### 硬件
@@ -332,6 +333,24 @@ Linux 命令速查表
 `Ctrl`+`N` (Down) | 下一条命令
 <!--rehype:className=left-align shortcuts-->
 
+技巧
+---
+
+### linux技巧
+<!--rehype:wrap-class=row-span-2 col-span-2-->
+
+ :---                                          | :---
+:----------------------------------------------| :---
+ **`du -h / \| sort -rh \| head -20`**         | 最大20个文件
+ **`grep -Ev '^\s*($\|#\|;)' example.conf`**   | 查看去掉注释和空行
+ **`echo <passwd> \| passwd root --stdin`**    | 单行改密码
+ **`find /data/app/tmp -mtime +30 -name "*.flv" -exec rm -Rf {} \;`**  | 删除30天前文件
+ **`for file in $(ls); do sed -i 's/nmg/sz/g' "$file"; done`**         | 当前目录修改字符串
+ **`ssh -NfR remote_port:localhost:local_port user@remote_server`**    | ssh代理
+ **`find . -wholename "*.sh" -exec dos2unix {} \;`**     | 修复脚本格式错误
+ **`rsync -avz /source/ user@remote:/destination/`**     | 同步文件和目录到远程服务器，支持压缩和增量传输
+ <!--rehype:className=left-align shortcuts-->  
+
 另见
 ---
 

docs/mysql.md

@@ -115,6 +115,17 @@ mysqldump -u user -p db_name --no-data=true --add-drop-table=false > db.sql
 mysql -u user -p db_name < db.sql
 ```
 
+### 错误处理 Error Handling
+
+| 语句                     | 描述                           |
+| :----------------------- | :----------------------------- |
+| `SHOW ERRORS;`           | 显示最近的错误信息             |
+| `SHOW WARNINGS;`         | 显示最近的警告信息             |
+| `SHOW COUNT(*) ERRORS;`  | 返回最近语句的错误数量         |
+| `SHOW COUNT(*) WARNINGS;`| 返回最近语句的警告数量         |
+| `EXPLAIN`                | 分析 SQL 查询的执行计划，排查问题 |
+| `SHOW ENGINE INNODB STATUS;` | 显示 InnoDB 引擎状态，包括死锁等错误信息 |
+
 MySQL 示例
 ------
 
@@ -167,10 +178,11 @@ ALTER TABLE t DROP constraint;
 ALTER TABLE t1 RENAME TO t2;
 ```
 
-将列c1重命名为c2
+将列 c1 重命名为 c2
 
 ```sql
-ALTER TABLE t1 RENAME c1 TO c2 ;
+ALTER TABLE t1 CHANGE c1 c2 datatype;
+ALTER TABLE table_name RENAME COLUMN c1 TO c2;
 ```
 
 将列c1的数据类型改为datatype
@@ -612,6 +624,7 @@ MySQL 数据类型
 | `COUNT()` | 计算行数，可选择性地忽略NULL值 |
 | `MAX()`   | 找出一列的最大值               |
 | `MIN()`   | 找出一列的最小值               |
+| `GROUP_CONCAT()` | 将一组值连接成单一字符串，可指定分隔符，常用于分组。|
 
 ### 数学函数
 

docs/nginx.md

@@ -892,6 +892,89 @@ location = /robots.txt {
 }
 ```
 
+### 获取请求ip
+<!--rehype:wrap-class=col-span-3-->
+
+```nginx
+server {
+  listen 80;
+  server_name xxx.top;
+
+  location / {
+    access_log /data/logs/nginx/json_ip.log json;
+    proxy_set_header Host $http_host;
+        proxy_set_header X-Real-Ip $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_pass http://127.0.0.1:9999;
+  }
+}
+
+server {
+  listen 9999;
+
+  location / {
+    access_log off;
+    default_type application/json;
+    return 200 "{\"ip\":\"$http_X_Real_Ip\"}";
+  }
+}
+```
+
+### 判断请求参数
+<!--rehype:wrap-class=col-span-3-->
+
+```nginx
+# 判断多个参数示例
+set $flagts 0;
+if ( $arg_aaa ~ "^aaa" ) {
+    set $flagts "${flagts}1";
+}
+if ( $arg_bbb ~ "^bbb" ) {
+    set $flagts "${flagts}1";
+}
+if ( $flagts = "011" ) {
+    return 200;
+}
+```
+
+### 流量镜像配置
+<!--rehype:wrap-class=col-span-3-->
+
+```nginx
+server {
+    listen       80;
+    server_name 192.168.1.1;
+
+    location = /mirror1 {
+        internal;
+        #### address1 ####
+        proxy_set_header Host mirror1.com;
+        proxy_pass http://127.0.0.1:8008/api/service/list;
+    }
+
+    location = /mirror2 {
+        internal;
+        #### address2 ####
+        proxy_set_header Host mirror2.com;
+        proxy_pass http://127.0.0.1:8009/api/service/list;
+    }
+
+    # 只转发这个接口
+    location /api/service/list {
+        access_log /data/logs/nginx/json_test_to_mirror.log json;
+        mirror /mirror1;
+        mirror /mirror2;
+        proxy_pass http://127.0.0.1:8007;
+    }
+
+    location / {
+        access_log /data/logs/nginx/json_test.log json;
+        proxy_pass http://192.168.1.1:8007;
+    }
+
+}
+```
+
 另见
 ---
 

docs/ports.md

@@ -0,0 +1,316 @@
+常用端口 备忘清单
+===
+
+这是一份常见端口的对照清单。
+
+端口对照清单
+----
+
+### 最常用端口
+<!--rehype:wrap-class=col-span-4-->
+
+| 端口号 | 协议 | 使用程序       | 备注/用途                                                    |
+| ------ | ---- | -------------- | ------------------------------------------------------------ |
+| `1`      | TCP  | tcpmux         | TCP端口服务多路复用                                          |
+| `5`      | TCP  | rje            | 远程作业入口                                                 |
+| `7`      | TCP  | echo           | Echo服务                                                     |
+| `9`      | TCP  | discard        | 用于连接测试的空服务                                         |
+| `11`     | TCP  | systat         | 用于列举连接了的端口的系统状态                               |
+| `13`     | TCP  | daytime        | 给请求主机发送日期和时间                                     |
+| `17`     | TCP  | qotd           | 给连接了的主机发送每日格言                                   |
+| `18`     | TCP  | msp            | 消息发送协议                                                 |
+| `19`     | TCP  | chargen        | 字符生成服务；发送无止境的字符流                             |
+| `20`     | TCP  | ftp-data       | FTP数据端口                                                  |
+| `21`     | TCP  | ftp            | 文件传输协议（FTP）端口；有时被文件服务协议（FSP）使用       |
+| `22`     | TCP  | ssh            | 安全Shell（SSH）服务                                         |
+| `23`     | TCP  | telnet         | Telnet服务                                                   |
+| `25`     | TCP  | smtp           | 简单邮件传输协议（SMTP）                                     |
+| `37`     | TCP  | time           | 时间协议                                                     |
+| `39`     | TCP  | rlp            | 资源定位协议                                                 |
+| `42`     | TCP  | nameserver     | 互联网名称服务                                               |
+| `43`     | TCP  | nicname        | WHOIS目录服务                                                |
+| `49`     | TCP  | tacacs         | 用于基于TCP/IP验证和访问的终端访问控制器访问控制系统         |
+| `50`     | TCP  | re-mail-ck     | 远程邮件检查协议                                             |
+| `53`     | TCP  | domain         | 域名服务（如BIND）                                           |
+| `63`     | TCP  | whois++        | WHOIS++，被扩展了的WHOIS服务                                 |
+| `67`     | TCP  | bootps         | 引导协议（BOOTP）服务；还被动态主机配置协议（DHCP）服务使用  |
+| `68`     | TCP  | bootpc         | Bootstrap（BOOTP）客户；还被动态主机配置协议（DHCP）客户使用 |
+| `69`     | TCP  | tftp           | 小文件传输协议（TFTP）                                       |
+| `70`     | TCP  | gopher         | Gopher互联网文档搜寻和检索                                   |
+| `71`     | TCP  | netrjs-1       | 远程作业服务                                                 |
+| `72`     | TCP  | netrjs-2       | 远程作业服务                                                 |
+| `73`     | TCP  | netrjs-3       | 远程作业服务                                                 |
+| `73`     | TCP  | netrjs-4       | 远程作业服务                                                 |
+| `79`     | TCP  | finger         | 用于用户联系信息的Finger服务                                 |
+| `80`     | TCP  | http           | 用于万维网（WWW）服务的超文本传输协议（HTTP）                |
+| `88`     | TCP  | kerberos       | Kerberos网络验证系统                                         |
+| `95`     | TCP  | supdup         | Telnet协议扩展                                               |
+| `101`    | TCP  | hostname       | SRI-NIC机器上的主机名服务                                    |
+| `102`    | TCP  | iso-tsap       | ISO开发环境（ISODE）网络应用                                 |
+| `105`    | TCP  | csnet-ns       | 邮箱名称服务器；也被CSO名称服务器使用                        |
+| `107`    | TCP  | rtelnet        | 远程Telnet                                                   |
+| `109`    | TCP  | pop2           | 邮局协议版本2                                                |
+| `110`    | TCP  | pop3           | 邮局协议版本3                                                |
+| `111`    | TCP  | sunrpc         | 用于远程命令执行的远程过程调用（RPC）协议，被网络文件系统（NFS）使用 |
+| `113`    | TCP  | auth           | 验证和身份识别协议                                           |
+| `115`    | TCP  | sftp           | 安全文件传输协议（SFTP）服务                                 |
+| `117`    | TCP  | uucp-path      | Unix到Unix复制协议（UUCP）路径服务                           |
+| `119`    | TCP  | nntp           | 用于USENET讨论系统的网络新闻传输协议（NNTP）                 |
+| `123`    | TCP  | ntp            | 网络时间协议（NTP）                                          |
+| `137`    | TCP  | netbios-ns     | 在红帽企业Linux中被Samba使用的NETBIOS名称服务                |
+| `138`    | TCP  | netbios-dgm    | 在红帽企业Linux中被Samba使用的NETBIOS数据报服务              |
+| `139`    | TCP  | netbios-ssn    | 在红帽企业Linux中被Samba使用的NET BIOS会话服务               |
+| `143`    | TCP  | imap           | 互联网消息存取协议（IMAP）                                   |
+| `161`    | TCP  | snmp           | 简单网络管理协议（SNMP）                                     |
+| `162`    | TCP  | snmptrap       | SNMP的陷阱                                                   |
+| `163`    | TCP  | cmip-man       | 通用管理信息协议（CMIP）                                     |
+| `164`    | TCP  | cmip-agent     | 通用管理信息协议（CMIP）                                     |
+| `174`    | TCP  | mailq          | MAILQ                                                        |
+| `177`    | TCP  | xdmcp          | X显示管理器控制协议                                          |
+| `178`    | TCP  | nextstep       | NeXTStep窗口服务器                                           |
+| `179`    | TCP  | bgp            | 边界网络协议                                                 |
+| `191`    | TCP  | prospero       | Cliffod Neuman的Prospero服务                                 |
+| `194`    | TCP  | irc            | 互联网中继聊天（IRC）                                        |
+| `199`    | TCP  | smux           | SNMP UNIX多路复用                                            |
+| `201`    | TCP  | at-rtmp        | AppleTalk选路                                                |
+| `202`    | TCP  | at-nbp         | AppleTalk名称绑定                                            |
+| `204`    | TCP  | at-echo        | AppleTalk echo服务                                           |
+| `206`    | TCP  | at-zis         | AppleTalk区块信息                                            |
+| `209`    | TCP  | qmtp           | 快速邮件传输协议（QMTP）                                     |
+| `210`    | TCP  | z39.50         | NISO Z39.50数据库                                            |
+| `213`    | TCP  | ipx            | 互联网络分组交换协议（IPX），被Novell Netware环境常用的数据报协议 |
+| `220`    | TCP  | imap3          | 互联网消息存取协议版本3                                      |
+| `245`    | TCP  | link           | LINK                                                         |
+| `347`    | TCP  | fatserv        | Fatmen服务器                                                 |
+| `363`    | TCP  | rsvp_tunnel    | RSVP隧道                                                     |
+| `369`    | TCP  | rpc2portmap    | Coda文件系统端口映射器                                       |
+| `370`    | TCP  | codaauth2      | Coda文件系统验证服务                                         |
+| `372`    | TCP  | ulistproc      | UNIX Listserv                                                |
+| `389`    | TCP  | ldap           | 轻型目录存取协议（LDAP）                                     |
+| `427`    | TCP  | svrloc         | 服务位置协议（SLP）                                          |
+| `434`    | TCP  | mobileip-agent | 可移互联网协议（IP）代理                                     |
+| `435`    | TCP  | mobilip-mn     | 可移互联网协议（IP）管理器                                   |
+| `443`    | TCP  | https          | 安全超文本传输协议（HTTP）                                   |
+| `444`    | TCP  | snpp           | 小型网络分页协议                                             |
+| `445`    | TCP  | microsoft-ds   | 通过TCP/IP的服务器消息块（SMB）                              |
+| `464`    | TCP  | kpasswd        | Kerberos口令和钥匙改换服务                                   |
+| `468`    | TCP  | photuris       | Photuris会话钥匙管理协议                                     |
+| `487`    | TCP  | saft           | 简单不对称文件传输（SAFT）协议                               |
+| `488`    | TCP  | gss-http       | 用于HTTP的通用安全服务（GSS）                                |
+| `496`    | TCP  | pim-rp-disc    | 用于协议独立的多址传播（PIM）服务的会合点发现（RP-DISC）     |
+| `500`    | TCP  | isakmp         | 互联网安全关联和钥匙管理协议（ISAKMP）                       |
+| `535`    | TCP  | iiop           | 互联网内部对象请求代理协议（IIOP）                           |
+| `538`    | TCP  | gdomap         | GNUstep分布式对象映射器（GDOMAP）                            |
+| `546`    | TCP  | dhcpv6-client  | 动态主机配置协议（DHCP）版本6客户                            |
+| `547`    | TCP  | dhcpv6-server  | 动态主机配置协议（DHCP）版本6服务                            |
+| `554`    | TCP  | rtsp           | 实时流播协议（RTSP）                                         |
+| `563`    | TCP  | nntps          | 通过安全套接字层的网络新闻传输协议（NNTPS）                  |
+| `565`    | TCP  | whoami         | whoami                                                       |
+| `587`    | TCP  | submission     | 邮件消息提交代理（MSA）                                      |
+| `610`    | TCP  | npmp-local     | 网络外设管理协议（NPMP）本地/分布式排队系统（DQS）           |
+| `611`    | TCP  | npmp-gui       | 网络外设管理协议（NPMP）GUI/分布式排队系统（DQS）            |
+| `612`    | TCP  | hmmp-ind       | HMMP指示/DQS                                                 |
+| `631`    | TCP  | ipp            | 互联网打印协议（IPP）                                        |
+| `636`    | TCP  | ldaps          | 通过安全套接字层的轻型目录访问协议（LDAPS）                  |
+| `674`    | TCP  | acap           | 应用程序配置存取协议（ACAP）                                 |
+| `694`    | TCP  | ha-cluster     | 用于带有高可用性的群集的心跳服务                             |
+| `749`    | TCP  | kerberos-adm   | Kerberos版本5（v5）的“kadmin”数据库管理                      |
+| `750`    | TCP  | kerberos-iv    | Kerberos版本4（v4）服务                                      |
+| `765`    | TCP  | webster        | 网络词典                                                     |
+| `767`    | TCP  | phonebook      | 网络电话簿                                                   |
+| `873`    | TCP  | rsync          | rsync文件传输服务                                            |
+| `992`    | TCP  | telnets        | 通过安全套接字层的Telnet（TelnetS）                          |
+| `993`    | TCP  | imaps          | 通过安全套接字层的互联网消息存取协议（IMAPS）                |
+| `994`    | TCP  | ircs           | 通过安全套接字层的互联网中继聊天（IRCS）                     |
+| `995`    | TCP  | pop3s          | 通过安全套接字层的邮局协议版本3（POPS3）                     |
+<!--rehype:className=show-header left-align-->
+
+### UNIX特有的端口
+<!--rehype:wrap-class=col-span-4-->
+
+| 端口号 | 协议 | 使用程序                 | 备注/用途                                             |
+| ------ | ---- | ------------------------ | ----------------------------------------------------- |
+| `512`    | TCP  | exec                     | 用于对远程执行的进程进行验证                          |
+| `512`    | UDP  | biff[comsat]             | 异步邮件客户（biff）和服务（comsat）                  |
+| `513`    | TCP  | login                    | 远程登录（rlogin）                                    |
+| `513`    | UDP  | who[whod]                | 登录的用户列表                                        |
+| `514`    | TCP  | shell[cmd]               | 不必登录的远程shell（rshell）和远程复制（rcp）        |
+| `514`    | UDP  | syslog                   | UNIX系统日志服务                                      |
+| `515`    | TCP  | printer[spooler]         | 打印机（lpr）假脱机                                   |
+| `517`    | UDP  | talk                     | 远程对话服务和客户                                    |
+| `518`    | UDP  | ntalk                    | 网络交谈（ntalk），远程对话服务和客户                 |
+| `519`    | TCP  | utime[unixtime]          | UNIX时间协议（utime）                                 |
+| `520`    | TCP  | efs                      | 扩展文件名服务器（EFS）                               |
+| `520`    | UDP  | router[route,routed]     | 选路信息协议（RIP）                                   |
+| `521`    | TCP  | ripng                    | 用于互联网协议版本6（IPv6）的选路信息协议             |
+| `525`    | TCP  | timed[timeserver]        | 时间守护进程（timed）                                 |
+| `526`    | TCP  | tempo[newdate]           | Tempo                                                 |
+| `530`    | TCP  | courier[rpc]             | Courier远程过程调用（RPC）协议                        |
+| `531`    | TCP  | conference[chat]         | 互联网中继聊天                                        |
+| `532`    | TCP  | netnews                  | Netnews                                               |
+| `533`    | UDP  | netwall                  | 用于紧急广播的Netwall                                 |
+| `540`    | TCP  | uucp[uucpd]              | Unix到Unix复制服务                                    |
+| `543`    | TCP  | klogin                   | Kerberos版本5（v5）远程登录                           |
+| `544`    | TCP  | kshell                   | Kerberos版本5（v5）远程shell                          |
+| `548`    | TCP  | afpovertcp               | 通过传输控制协议（TCP）的Appletalk文件编制协议（AFP） |
+| `556`    | TCP  | remotefs[rfs_server,rfs] | Brunhoff的远程文件系统（RFS）                         |
+<!--rehype:className=show-header left-align-->
+
+### 注册的端口
+<!--rehype:wrap-class=col-span-4-->
+| 端口号 | 协议    | 使用程序                | 备注/用途                                             |
+| ------ | ------- | ----------------------- | ----------------------------------------------------- |
+| `1080`   | TCP     | socks                   | SOCKS网络应用程序代理服务                             |
+| `1236`   | TCP     | bvcontrol[rmtcfg]       | Garcilis Packeten远程配置服务器                       |
+| `1300`   | TCP     | h323hostcallsc          | H.323电话会议主机电话安全                             |
+| `1433`   | TCP     | ms-sql-s                | Microsoft SQL服务器                                   |
+| `1434`   | TCP     | ms-sql-m                | Microsoft SQL监视器                                   |
+| `1494`   | TCP     | ica                     | Citrix ICA客户                                        |
+| `1512`   | TCP     | wins                    | Microsoft Windows互联网名称服务器                     |
+| `1524`   | TCP     | ingreslock              | Ingres数据库管理系统（DBMS）锁定服务                  |
+| `1525`   | TCP     | prospero-np             | 无特权的Prospero                                      |
+| `1645`   | TCP     | datametrics[old-radius] | Datametrics/从前的radius项目                          |
+| `1646`   | TCP     | sa-msg-port[oldradacct] | sa-msg-port/从前的radacct项目                         |
+| `1649`   | TCP     | kermit                  | Kermit文件传输和管理服务                              |
+| `1701`   | TCP     | l2tp[l2f]               | 第2层隧道服务（LT2P）/第2层转发（L2F）                |
+| `1718`   | TCP     | h323gatedisc            | H.323电讯守门装置发现机制                             |
+| `1719`   | TCP     | h323gatestat            | H.323电讯守门装置状态                                 |
+| `1720`   | TCP     | h323hostcall            | H.323电讯主持电话设置                                 |
+| `1758`   | TCP     | tftp-mcast              | 小文件FTP组播                                         |
+| `1759`   | TCP     | mtftp                   | 组播小文件FTP（MTFTP）                                |
+| `1789`   | TCP     | hello                   | Hello路由器通信端口                                   |
+| `1812`   | TCP     | radius                  | Radius拨号验证和记帐服务                              |
+| `1813`   | TCP     | radius-acct             | Radius记帐                                            |
+| `1911`   | TCP     | mtp                     | Starlight网络多媒体传输协议（MTP）                    |
+| `1985`   | TCP     | hsrp                    | Cisco热备用路由器协议                                 |
+| `1986`   | TCP     | licensedaemon           | Cisco许可管理守护进程                                 |
+| `1997`   | TCP     | gdp-port                | Cisco网关发现协议（GDP）                              |
+| `2049`   | TCP     | nfs[nfsd]               | 网络文件系统（NFS）                                   |
+| `2102`   | TCP     | zephyr-srv              | Zephyr通知传输和发送服务器                            |
+| `2103`   | TCP     | zephyr-clt              | Zephyr serv-hm连接                                    |
+| `2104`   | TCP     | zephyr-hm               | Zephyr主机管理器                                      |
+| `2401`   | TCP     | cvspserver              | 并行版本系统（CVS）客户/服务器操作                    |
+| `2430`   | TCP/UDP | venus                   | 用于Coda文件系统（codacon端口）的Venus缓存管理器      |
+| `2431`   | TCP/UDP | venus-se                | Venus传输控制协议（TCP）的副作用                      |
+| `2432`   | UDP     | codasrv                 | Coda文件系统服务器端口                                |
+| `2433`   | TCP/UDP | codasrv-se              | Coda文件系统TCP/UDP副作用                             |
+| `2600`   | TCP     | hpstgmgr[zebrasrv]      | HPSTGMGR；Zebra选路                                   |
+| `2601`   | TCP     | discp-client[zebra]     | discp客户；Zebra集成的shell                           |
+| `2602`   | TCP     | discp-server[ripd]      | discp服务器；选路信息协议守护进程（ripd）             |
+| `2603`   | TCP     | servicemeter[ripngd]    | 服务计量；用于IPv6的RIP守护进程                       |
+| `2604`   | TCP     | nsc-ccs[ospfd]          | NSC CCS；开放式短路径优先守护进程（ospfd）            |
+| `2605`   | TCP     | nsc-posa                | NSC POSA；边界网络协议守护进程（bgpd）                |
+| `2606`   | TCP     | netmon[ospf6d]          | Dell Netmon；用于IPv6的OSPF守护进程（ospf6d）         |
+| `2809`   | TCP     | corbaloc                | 公共对象请求代理体系（CORBA）命名服务定位器           |
+| `3130`   | TCP     | icpv2                   | 互联网缓存协议版本2（v2）；被Squid代理缓存服务器使用  |
+| `3306`   | TCP     | mysql                   | MySQL数据库服务                                       |
+| `3346`   | TCP     | trnsprntproxy           | Trnsprnt代理                                          |
+| `4011`   | TCP     | pxe                     | 执行前环境（PXE）服务                                 |
+| `4321`   | TCP     | rwhois                  | 远程Whois（rwhois）服务                               |
+| `4444`   | TCP     | krb524                  | Kerberos版本5（v5）到版本4（v4）门票转换器            |
+| `5002`   | TCP     | rfe                     | 无射频以太网（RFE）音频广播系统                       |
+| `5308`   | TCP     | cfengine                | 配置引擎（Cfengine）                                  |
+| `5999`   | TCP     | cvsup[CVSup]            | CVSup文件传输和更新工具                               |
+| `6000`   | TCP     | x11[X]                  | X窗口系统服务                                         |
+| `7000`   | TCP     | afs3-fileserver         | Andrew文件系统（AFS）文件服务器                       |
+| `7001`   | TCP     | afs3-callback           | 用于给缓存管理器回电的AFS端口                         |
+| `7002`   | TCP     | afs3-prserver           | AFS用户和组群数据库                                   |
+| `7003`   | TCP     | afs3-vlserver           | AFS文件卷位置数据库                                   |
+| `7004`   | TCP     | afs3-kaserver           | AFS Kerberos验证服务                                  |
+| `7005`   | TCP     | afs3-volser             | AFS文件卷管理服务器                                   |
+| `7006`   | TCP     | afs3-errors             | AFS错误解释服务                                       |
+| `7007`   | TCP     | afs3-bos                | AFS基本监查进程                                       |
+| `7008`   | TCP     | afs3-update             | AFS服务器到服务器更新器                               |
+| `7009`   | TCP     | afs3-rmtsys             | AFS远程缓存管理器服务                                 |
+| `9876`   | TCP     | sd                      | 会话指引器                                            |
+| `10080`  | TCP     | amanda                  | 高级Maryland自动网络磁盘归档器（Amanda）备份服务      |
+| `11371`  | TCP     | pgpkeyserver            | 良好隐私（PGP）/GNU隐私卫士（GPG）公钥服务器          |
+| `11720`  | TCP     | h323callsigalt          | H.323调用信号交替                                     |
+| `13720`  | TCP     | bprd                    | Veritas NetBackup请求守护进程（bprd）                 |
+| `13721`  | TCP     | bpdbm                   | Veritas NetBackup数据库管理器（bpdbm）                |
+| `13722`  | TCP     | bpjava-msvc             | Veritas NetBackup Java/Microsoft Visual C++(MSVC)协议 |
+| `13724`  | TCP     | vnetd                   | Veritas网络工具                                       |
+| `13782`  | TCP     | bpcd                    | Vertias NetBackup                                     |
+| `13783`  | TCP     | vopied                  | Veritas VOPIED协议                                    |
+| `22273`  | TCP     | wnn6[wnn4]              | 假名/汉字转换系统                                     |
+| `26000`  | TCP     | quake                   | Quake（以及相关的）多人游戏服务器                     |
+| `26208`  | TCP     | wnn6-ds                 | -                                                     |
+| `33434`  | TCP     | traceroute              | Traceroute网络跟踪工具                                |
+<!--rehype:className=show-header left-align-->
+
+### 数据报传递协议端口
+<!--rehype:wrap-class=col-span-4-->
+| 端口号 | 协议 | 使用程序 | 备注/用途          |
+| ------ | ---- | -------- | ------------------ |
+| `1`      | DDP  | rtmp     | 路由表管理协议     |
+| `2`      | DDP  | nbp      | 名称绑定协议       |
+| `4`      | DDP  | echo     | AppleTalk Echo协议 |
+| `6`      | DDP  | zip      | 区块信息协议       |
+<!--rehype:className=show-header left-align-->
+
+### Kerberos（工程Athena/MIT）端口
+<!--rehype:wrap-class=col-span-4-->
+
+| 端口号 | 协议 | 使用程序        | 备注/用途                           |
+| ------ | ---- | --------------- | ----------------------------------- |
+| `751`    | TCP  | kerberos_master | Kerberos验证                        |
+| `752`    | TCP  | passwd_server   | Kerberos口令（kpasswd）服务器       |
+| `754`    | TCP  | krb5_prop       | Kerberos v5从属传播                 |
+| `760`    | TCP  | krbupdate[kreg] | Kerberos注册                        |
+| `1109`   | TCP  | kpop            | Kerberos邮局协议（KPOP）            |
+| `2053`   | TCP  | knetd           | Kerberos多路分用器                  |
+| `2105`   | TCP  | eklogin         | Kerberos v5加密的远程登录（rlogin） |
+<!--rehype:className=show-header left-align-->
+
+### 未注册的端口
+<!--rehype:wrap-class=col-span-4-->
+
+| 端口号 | 协议 | 使用程序                 | 备注/用途                                                   |
+| ------ | ---- | ------------------------ | ----------------------------------------------------------- |
+| `15`     | TCP  | netstat                  | 网络状态（netstat）                                         |
+| `98`     | TCP  | linuxconf                | Linuxconf Linux管理工具                                     |
+| `106`    | TCP  | poppassd                 | 邮局协议口令改变守护进程（POPPASSD）                        |
+| `465`    | TCP  | smtps                    | 通过安全套接字层的简单邮件传输协议（SMTPS）                 |
+| `616`    | TCP  | gii                      | 使用网关的（选路守护进程）互动界面                          |
+| `808`    | TCP  | omirr[omirrd]            | 联机镜像（Omirr）文件镜像服务                               |
+| `871`    | TCP  | supfileserv              | 软件升级协议（SUP）服务器                                   |
+| `901`    | TCP  | swat                     | Samba万维网管理工具（SWAT）                                 |
+| `953`    | TCP  | rndc                     | Berkeley互联网名称域版本9（BIND 9）远程名称守护进程配置工具 |
+| `1127`   | TCP  | sufiledbg                | 软件升级协议（SUP）调试                                     |
+| `1178`   | TCP  | skkserv                  | 简单假名到汉字（SKK）日文输入服务器                         |
+| `1313`   | TCP  | xtel                     | 法国Minitel文本信息系统                                     |
+| `1529`   | TCP  | support[prmsd,gnatsd]    | GNATS错误跟踪系统                                           |
+| `2003`   | TCP  | cfinger                  | GNU Finger服务                                              |
+| `2150`   | TCP  | ninstall                 | 网络安装服务                                                |
+| `2988`   | TCP  | afbackup                 | afbackup客户-服务器备份系统                                 |
+| `3128`   | TCP  | squid                    | Squid万维网代理缓存                                         |
+| `3455`   | TCP  | prsvp                    | RSVP端口                                                    |
+| `5432`   | TCP  | postgres                 | PostgreSQL数据库                                            |
+| `4557`   | TCP  | fax                      | FAX传输服务（旧服务）                                       |
+| `4559`   | TCP  | hylafax                  | HylaFAX客户-服务器协议（新服务）                            |
+| `5232`   | TCP  | sgi-dgl                  | SGI分布式图形库                                             |
+| `5354`   | TCP  | noclog                   | NOCOL网络操作中心记录守护进程（noclogd）                    |
+| `5355`   | TCP  | hostmon                  | NOCOL网络操作中心主机监视                                   |
+| `5680`   | TCP  | canna                    | Canna日文字符输入界面                                       |
+| `6010`   | TCP  | x11-ssh-offset           | 安全Shell（SSH）X11转发偏移                                 |
+| `6667`   | TCP  | ircd                     | 互联网中继聊天守护进程（ircd）                              |
+| `7100`   | TCP  | xfs                      | X字体服务器（XFS）                                          |
+| `7666`   | TCP  | tircproxy                | Tircproxy IRC代理服务                                       |
+| `8008`   | TCP  | http-alt                 | 超文本传输协议（HTTP）的另一选择                            |
+| `8080`   | TCP  | webcache                 | 万维网（WWW）缓存服务                                       |
+| `8081`   | TCP  | tproxy                   | 透明代理                                                    |
+| `9100`   | TCP  | jetdirect[laserjet,hplj] | Hewlett-Packard(HP)JetDirect网络打印服务                    |
+| `9359`   | TCP  | mandelspawn[mandelbrot]  | 用于X窗口系统的并行Mandelbrot生成程序                       |
+| `10081`  | TCP  | kamanda                  | 使用Kerberos的Amanda备份服务                                |
+| `10082`  | TCP  | amandaidx                | Amanda备份服务                                              |
+| `10083`  | TCP  | amidxtape                | Amanda备份服务                                              |
+| `20011`  | TCP  | isdnlog                  | 综合业务数字网（ISDN）登录系统                              |
+| `20012`  | TCP  | vboxd                    | ISDN音箱守护进程（vboxd）                                   |
+| `22305`  | TCP  | wnn4_Kr                  | kWnn韩文输入系统                                            |
+| `22289`  | TCP  | wnn4_Cn                  | cWnn中文输入系统                                            |
+| `22321`  | TCP  | wnn4_Tw                  | tWnn中文输入系统（台湾）                                    |
+| `24554`  | TCP  | binkp                    | Binkley TCP/IP Fidonet邮寄程序守护进程                      |
+| `27374`  | TCP  | asp                      | 地址搜索协议                                                |
+| `60177`  | TCP  | tfido                    | Ifmail FidoNet兼容邮寄服务                                  |
+| `60179`  | TCP  | fido                     | FidoNet电子邮件和新闻网络                                   |
+<!--rehype:className=show-header left-align-->

docs/postgres.md

@@ -177,7 +177,7 @@ SELECT table_schema,table_name FROM information_schema.tables ORDER BY table_sch
 SELECT * FROM pg_catalog.pg_tables
 ```
 
-列表表架构
+列出表结构
 
 ```sql
 \d <table_name>

docs/powershell.md

@@ -0,0 +1,418 @@
+PowerShell 备忘清单
+===
+
+PowerShell 用于自动化任务和配置管理的常用命令的备忘清单，可帮助系统管理员快速参考常用操作。
+
+常用操作
+---
+
+### 辅助命令
+<!--rehype:wrap-class=row-span-2-->
+
+**_PowerShell 的命令遵循动词-名词格式_** 一些常见的动词:
+
+| 动词    | 描述                     |
+| ------- | ------------------------ |
+| Get     | 用于检索信息             |
+| Set     | 用于配置或更改设置       |
+| New     | 用于创建新对象实例       |
+| Remove  | 用于删除或移除项目       |
+| Invoke  | 用于执行特定的操作或动作 |
+| Start   | 用于启动进程或操作       |
+| Stop    | 用于停止或终止进程或操作 |
+| Enable  | 用于激活或启用功能       |
+| Disable | 用于停用或禁用功能       |
+| Test    | 用于执行测试或检查       |
+| Update  | 用于更新或刷新数据或配置 |
+
+列出可用模块
+
+```PowerShell
+Get-Module --ListAvailable
+```
+
+列出可用的 cmdlet 和函数
+
+```PowerShell
+Get-Command -Module ActiveDirectory
+```
+
+列出别名及其对应的 cmdlet 名称
+
+```PowerShell
+Get-Alias | Select-Object Name, Definition
+```
+
+获取帮助
+
+```PowerShell
+Get-Help <cmd>
+Get-Help <cmd> -Examples
+Get-Help -Name Get-Process -Parameter Id
+```
+
+**Get-Member:** 显示对象的属性和方法
+
+```PowerShell
+Get-Process | Get-Member
+```
+
+### 对象操作
+<!--rehype:wrap-class=col-span-2-->
+
+**Select-Object:** 选择对象的特定属性或自定义其显示
+
+```PowerShell
+Get-Process | Select-Object Name, CPU
+```
+
+**Where-Object:** 根据指定条件过滤对象
+
+```PowerShell
+Get-Service | Where-Object { $PSItem.Status -eq 'Running' }
+#OR
+Get-Service | ? { $_.Status -eq 'Running' }
+```
+
+**Measure-Object:** 计算对象属性的统计信息，如总和、平均值和计数
+
+```PowerShell
+Get-Process | Measure-Object -Property WorkingSet -Sum
+```
+
+**ForEach-Object:** 对集合中的每个对象执行操作（注意：以下命令将为当前目录中的文件/文件夹添加前缀）
+
+```PowerShell
+Get-ChildItem | ForEach-Object { Rename-Item $_ -NewName "Prefix_$_" }
+```
+
+**Sort-Object:** 按指定属性对对象进行排序
+
+```PowerShell
+Get-ChildItem | Sort-Object Length -Descending
+```
+
+**Format-Table:** 将输出格式化为带有指定列的表格
+
+```PowerShell
+Get-Service | Format-Table -AutoSize  # ft alias
+```
+
+**Format-List:** 将输出格式化为属性和值的列表
+
+```PowerShell
+Get-Process | Format-List -Property Name, CPU  # fl alias
+```
+
+### 文件系统
+<!--rehype:wrap-class=col-span-2-->
+
+```PowerShell
+New-Item -path file.txt -type 'file' -value 'contents'
+New-Item -path file.txt -type 'dir'
+Copy-Item <src> -destination <dest>
+Move-Item -path  <src> -destination <dest>
+Remove-Item <file>
+Test-Path <path>
+Rename-Item -path <path> -newname <newname>
+
+# using .NET Base Class Library
+[System.IO.File]::WriteAllText('test.txt', '')
+[System.IO.File]::Delete('test.txt')
+
+Get-Content -Path "test.txt"
+Get-Process | Out-File -FilePath "processes.txt"# 输出到文件
+Get-Process | Export-Csv -Path "processes.csv"  # 输出到 CSV
+$data = Import-Csv -Path "data.csv"             # 从 CSV 导入
+```
+
+系统管理
+---
+
+### 获取信息
+
+```PowerShell
+# 获取 BIOS 信息
+Get-CimInstance -ClassName Win32_BIOS
+# 获取本地连接的物理磁盘设备信息
+Get-CimInstance -ClassName Win32_DiskDrive
+# 获取安装的物理内存（RAM）信息
+Get-CimInstance -ClassName Win32_PhysicalMemory
+# 获取安装的网络适配器（物理 + 虚拟）信息
+Get-CimInstance -ClassName Win32_NetworkAdapter
+# 获取安装的图形/显卡（GPU）信息
+Get-CimInstance -ClassName Win32_VideoController
+```
+
+### 命名空间 & 类
+
+列出所有类名
+
+```PowerShell
+Get-CimClass | Select-Object -ExpandProperty CimClassName
+```
+<!--rehype:className=wrap-text-->
+
+探索 root\cimv2 命名空间中的各种 WMI 类
+
+```PowerShell
+Get-CimClass -Namespace root\cimv2
+```
+<!--rehype:className=wrap-text-->
+
+探索 root\cimv2 命名空间下的子 WMI 命名空间
+
+```PowerShell
+Get-CimInstance -Namespace root -ClassName __NAMESPACE
+```
+<!--rehype:className=wrap-text-->
+
+### 网络管理
+
+```PowerShell
+# 测试与远程主机的网络连接
+Test-Connection -ComputerName google.com
+
+# 获取网络适配器信息
+Get-NetAdapter
+
+# 获取 IP 地址信息
+Get-NetIPAddress
+
+# 获取路由表信息
+Get-NetRoute
+
+# 测试远程主机上的端口是否开放
+Test-NetConnection google.com -Port 80
+```
+
+### 用户和组管理
+
+```PowerShell
+# 获取本地用户账户信息
+Get-LocalUser
+
+# 创建新的本地用户账户
+New-LocalUser -Name NewUser -Password (ConvertTo-SecureString "Password123" -AsPlainText -Force)
+
+# 删除本地用户账户
+Remove-LocalUser -Name UserToRemove
+
+# 获取本地组信息
+Get-LocalGroup
+
+# 将成员添加到本地组
+Add-LocalGroupMember -Group Administrators -Member UserToAdd
+```
+
+### 安全性和权限
+
+获取文件/目录的访问控制列表
+
+```PowerShell
+Get-Acl C:\Path\To\File.txt
+```
+
+设置文件/目录的访问控制列表
+
+```PowerShell
+Set-Acl -Path C:\Path\To\File.txt -AclObject $aclObject
+```
+<!--rehype:className=wrap-text-->
+
+### 注册表管理
+
+```PowerShell
+# 获取注册表键值
+Get-ItemProperty -Path "HKLM:\Software\Microsoft\Windows\CurrentVersion\Uninstall\*" | Select DisplayName, DisplayVersion
+
+# 设置注册表键值
+Set-ItemProperty -Path "HKLM:\Software\MyApp" -Name "SettingName" -Value "NewValue"
+
+# 创建新的注册表键值
+New-ItemProperty -Path "HKCU:\Software\MyApp" -Name "NewSetting" -Value "NewValue" -PropertyType String
+
+# 删除注册表键值
+Remove-ItemProperty -Path "HKCU:\Software\MyApp" -Name "SettingToRemove"
+
+# 检查注册表键是否存在
+Test-Path "HKLM:\Software\MyApp"
+```
+
+## 脚本
+
+### 变量
+
+初始化变量，指定或不指定类型：
+
+```PowerShell
+$var = 0
+[int] $var = 'Trevor'         # (抛出异常)
+[string] $var = 'Trevor'      # (不会抛出异常)
+$var.GetType()
+
+# 多重赋值
+$a,$b,$c = 'a','b','c'
+
+# 创建数组
+$arrayvar = @('va1','va2')
+
+# 创建字典
+$dict = @{k1 = 'test'; k2 = 'best'}
+```
+
+变量命令
+
+```PowerShell
+New-Variable -Name FirstName -Value Trevor
+New-Variable FirstName -Value Trevor -Option <ReadOnly/Constant>
+
+Get-Variable
+Get-Variable | ? { $PSItem.Options -contains 'constant' }
+Get-Variable | ? { $PSItem.Options -contains 'readonly' }
+
+Remove-Variable -Name firstname
+# 删除只读变量
+Remove-Variable -Name firstname -Force
+```
+
+变量类型：int32, int64, string, bool
+
+### 运算符
+
+```PowerShell
+# 运算符
+# (a <op> b)
+
+= , += / -= , ++ / --
+-eq / -ne , -lt / -gt , -le / -ge
+
+$FirstName = 'Trevor'
+$FirstName -like 'T*'
+$true; $false # 布尔值 true/false
+
+# 三元运算符
+$FoodToEat = $BaconIsYummy ? 'bacon' : 'beets'
+
+# -notin 或 -in
+'Celery' -in @('Bacon', 'Sausage', 'Steak')
+
+# 输出: True
+5 -is [int32]
+
+# 正则表达式匹配，可以使用数组
+'Trevor' -match '^T\w*'
+
+# 查找多个匹配项
+$regex = [regex]'(\w*)'
+$regex.Matches('this is test').Value
+
+```
+
+### Structure
+
+#### 输入输出操作
+
+```PowerShell
+"This displays a string"
+
+Write-Host "color" -ForegroundColor Red
+
+$age = Read-host "Enter age"
+
+$pwd = Read-host "password" -asSecureString
+
+Clear-Host
+```
+
+#### 流控制
+
+```PowerShell
+IF(<#Condition#>){
+<#Commands#>}ELSEIF(){}ELSE{}
+
+Switch($var){
+  "val1"{<#Commands#>; break}
+    "val2"{<#Commands#>; break}
+}
+
+For($ct=0;$ct -le 3;$ct++){}
+
+ForEach($var in $arr){}
+
+while($var -ne 0){}
+
+Do{}While()
+
+```
+
+### 函数 / 模块
+
+#### 示例 1
+
+```PowerShell
+function funcname{
+
+    [CmdletBinding()]
+  param(
+    [Parameter(Mandatory)]
+    [String]$user
+  )
+  Write-Host "welcome " $user
+    return "value"
+}
+$var = funcname -user pcb
+```
+
+#### 示例 2
+
+```PowerShell
+function Get-EvenNumbers {
+    [CmdletBinding()]
+    param (
+        [Parameter(ValueFromPipeline = $true)]
+        [int] $Number
+    )
+    begin {<#command#>}
+    process {
+        if ($Number % 2 -eq 0) {
+            Write-Output $Number
+        }
+    }
+    end {<#command#>}
+}
+1..10 | Get-EvenNumbers
+
+```
+
+#### 模块
+
+```PowerShell
+# PowerShell 在路径中查找模块
+$env:PSModulePath
+
+# 列出系统上安装的所有模块
+Get-Module -ListAvailable
+# 列出当前会话中导入的模块
+Get-Module
+
+Import-Module <moduleName>
+Remove-Module <moduleName>
+
+Find-Module -Tag cloud
+Find-Module -Name ps*
+
+# 创建一个内存中的 PowerShell 模块
+New-Module -Name trevor -ScriptBlock {
+  function Add($a,$b) { $a + $b } }
+
+```
+
+### 注意
+
+- 在大多数语言中，转义字符是反斜杠 **\\**，而在 PowerShell 中是反引号 **`**
+
+## 参考
+
+- [Microsoft PowerShell](https://learn.microsoft.com/en-us/powershell/scripting/samples/sample-scripts-for-administration?view=powershell-7.3) _(learn.microsoft.com)_
+- [cheatsheets](https://cheatsheets.zip/powershell)

docs/python.md

@@ -1817,7 +1817,7 @@ finally:                 # 在所有情况下执行
 ### pyenv & pipenv
 <!--rehype:wrap-class=col-span-3-->
 
-pvenv 用于管理python版本，pipenv 用于管理项目包版本
+pyenv 用于管理python版本，pipenv 用于管理项目包版本
 
 #### pyenv
 
@@ -1829,13 +1829,21 @@ curl https://pyenv.run | bash
 [更多安装方式](https://github.com/pyenv/pyenv#installation)
 
 ```shell
+# 查看 pyenv 可以安装的 python 版本列表
+pyenv install -l
+# 按照 3.10 的前缀显示 python 的最新版本
+pyenv latest 3.10
+
 # 安装 python 版本
-pyenv install 3.10.12
+pyenv install 3.10.14
+
+# 查看已安装的 python 版本
+pyenv versions
 
 # 设置 python 版本
-pyenv global 3.10.12 # 全局设置
-pyenv shell  3.10.12 # 针对当前 shell session
-pyenv local  3.10.12 # 针对当前目录 
+pyenv global 3.10.14 # 全局设置
+pyenv shell  3.10.14 # 针对当前 shell session
+pyenv local  3.10.14 # 针对当前目录 
 ```
 
 #### pipenv

docs/quickreference.md

@@ -404,7 +404,15 @@ export const Student = (
 | `快捷键` | 说明    |
 <!--rehype:className=shortcuts-->
 
-列表添加 `<!--rehype:className=shortcuts-->` 样式类，展示快捷键样式。
+首列添加 `<!--rehype:className=shortcuts-->` 样式类，展示快捷键样式。
+
+| Key | value |
+| ---- | ---- |
+| 说明    | `快捷键` |
+| 说明    | `快捷键` |
+<!--rehype:className=shortcuts-last-->
+
+列尾添加 `<!--rehype:className=shortcuts-last-->` 样式类，展示快捷键样式。
 
 ### 代码行号
 
@@ -479,7 +487,8 @@ const school = <div>学校</div>;
 ---- | ----
 `<!--rehype:className=wrap-text-->` | 强制`换行`
 `<!--rehype:className=show-header-->` | 展示表格`表头`
-`<!--rehype:className=shortcuts-->` | `快捷键`样式
+`<!--rehype:className=shortcuts-->` | 首列`快捷键`样式
+`<!--rehype:className=shortcuts-last-->` | 尾列`快捷键`样式
 `<!--rehype:className=auto-wrap-->` | 隐藏表头强制小尺寸`自动换行`
 `<!--rehype:className=style-list-arrow-->` | 列表`箭头`样式展示表格
 `<!--rehype:className=style-list-->` | `列表`样式展示表格
@@ -1009,7 +1018,7 @@ H2 部分 - 5列效果展示
 ...
 ```
 
-[#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L986-L991)<!--rehype:target=__blank-->
+[#示例](https://github.com/jaywcjlove/reference/blob/8ae69f23860c1854a81aeceb81a6cc0bc0998fc4/docs/quickreference.md?plain=1#L1012-L1021)<!--rehype:target=__blank-->
 
 ### Two
 

docs/react.md

@@ -16,7 +16,7 @@ React 备忘清单
 
 React 是一个用于构建用户界面的 JavaScript 库
 
-- [React 官方文档](https://reactjs.org/) _(reactjs.org)_
+- [React 官方文档](https://react.dev) _(react.dev)_
 - [Styled Components 备忘清单](./styled-components.md) _(jaywcjlove.github.io)_
 - [TypeScript JSX 备忘清单](./typescript.md#jsx) _(jaywcjlove.github.io)_
 
@@ -542,6 +542,150 @@ function CustomButton() {
 }
 ```
 
+Props
+---
+
+### Props 的 Spread 运算符
+
+扩展运算符可用于一次传递所有 Props。
+
+```jsx
+function Profile(props) {
+  return <p>{props.name}, {props.age}</p>;
+}
+
+const user = { name: "John", age: 25 };
+<Profile {...user}/>
+```
+
+### 什么是 Props？
+
+- Props（“properties”的缩写）用于将数据从父组件传递到子组件。
+- 它们是只读的，不能在子组件内修改。
+
+```jsx
+<MyComponent propName="value" />
+```
+
+### 将 Pros 传递给组件
+
+您可以通过 JSX 中的属性将 props 从父组件传递到子组件。
+
+```jsx
+function ParentComponent() {
+  return <ChildComponent name="John" age={25} />;
+}
+
+function ChildComponent (props) {
+  return <div>Hello，{props.name}. You are {props.age} years old. </div>;
+}
+```
+
+### 解构 props
+
+props 可以解构以便于访问。
+
+```jsx
+function Greeting({ name }) {
+  return <h1>Hello, {name}!</h1>;
+}
+```
+
+### 访问功能组件中的 Props
+
+可以使用 props 对象在功能组件中访问 Props。
+
+```jsx
+function Greeting(props) {
+  return <h1>Hello, {props.name}!</h1>;
+}
+```
+
+### 使用 Pros 进行条件渲染
+
+道具可用于组件内部的条件渲染。
+
+```jsx
+function Greeting({ name, isLoggedIn }) {
+  return isLoggedIn ? <hl>Welcome back, {name}</h1>: <h1>Please log in</h1>;
+}
+```
+
+### Prop Drilling（属性传递）
+<!--rehype:wrap-class=row-span-2-->
+
+```js
+function Parent() {
+  const name = "John";
+  return <Child name={name}/>;
+}
+
+function Child({ name }) {
+  return <Grandchild name={name} />
+}
+
+function Grandchild({ name }) {
+  return <p>{name}</p>;
+}
+```
+
+将属性（props）在多个组件层级中逐层传递可能会变得繁琐。这种方式称为属性传递（prop drilling）。
+
+### Props 与 State
+<!--rehype:wrap-class=row-span-2-->
+
+- `props` 被传递给组件并且是不可变的。
+- `State` 是组件的本地状态，可以更改。
+
+```jsx
+function ChildComponent({ name }) {
+  return <h2>Hi,my name is {name}.</h2>;
+}
+
+function ParentComponent() {
+  // State to manage the name value
+  const ［name, setName］= usestate('John');
+  const changeName = () => {
+    setName('Jane');
+  };
+  return (
+    <div>
+      <ChildComponent name={name}/>
+      <button onClick={changeName}>
+        Change Names
+      </button>
+    </div>
+  );
+}
+```
+
+### 默认 props
+
+```jsx
+function Greeting({ name = "Bob" } = 0}) {
+  return <h1>Hello, {name}!</h1>;
+}
+// Renders "Hello, Bob!"
+< Greeting />
+```
+
+您可以为 `props` 设置默认值。
+
+### 使用 prop 处理事件
+
+你可以将事件处理程序作为 props 传递给 handle 用户交互。
+
+```jsx
+function Button({ onClick }) {
+  return < button onClick={onClick}>Click me</button>;
+}
+
+function App() {
+  const handleClick = () => alert("Button clicked!"):
+  return <Button onClick={handleClick} />;
+}
+```
+
 JSX
 ---
 
@@ -1213,7 +1357,7 @@ useEffect(
 `componentDidMount()`    | 在组件挂载后(插入 DOM 树中)立即调用 [#](https://reactjs.org/docs/react-component.html#componentdidmount)
 `UNSAFE_componentWillMount()` | 在挂载之前被调用，建议使用 `constructor()` [#](https://zh-hans.reactjs.org/docs/react-component.html#unsafe_componentwillmount)
 
-在 `constructor()` 上设置初始状态。在 `componentDidMount()` 上添加 DOM 事件处理程序、计时器（等），然后在 `componentWillUnmount()` 上删除它们。
+在 `constructor()` 上设置初始状态。在 `componentDidMount()` 上添加 DOM 事件处理程序、计时器(等），然后在 `componentWillUnmount()` 上删除它们。
 
 ### 卸载
 

docs/springboot.md

@@ -65,7 +65,7 @@ spring:
     url: jdbc:mysql://localhost:3306/mydatabase
     username: root
     password: password
-    driver-class-name: com.mysql.cj.jdbc.Driver
+    driver-class-name: com.mysql.cj.jdbc.Driver # 这里是 MySQL8.0 版本配置，5.0 则是 com.mysql.jdbc.Driver 
 ```
 
 #### 说明

docs/sqlite.md

@@ -0,0 +1,288 @@
+SQLite 备忘清单
+===
+
+本备忘单旨在快速理解 [SQLite](https://sqlite.com/) 所涉及的主要概念，提供了最常用的SQL语句，供您参考。
+
+入门
+---
+
+### 介绍
+
+SQLite 是一个轻量级的嵌入式关系数据库管理系统，遵循 ACID 原则，广泛用于浏览器、操作系统等应用中，实现本地数据存储。
+
+### 安装
+<!--rehype:wrap-class=col-span-2 row-span-2-->
+
+#### windows
+
+- 从 [SQLite](https://www.sqlite.org/download.html) 下载两个压缩文件：`sqlite-tools-win32-*.zip`、`sqlite-dll-win32-*.zip`
+- 创建文件夹 `C:\sqlite`，将这两个压缩文件解压到该文件夹下。
+- 解压后，您将看到 3 个文件： `sqlite3.def`、 `sqlite3.dll`、 `sqlite3.exe`
+- 将 C:\sqlite 添加到 PATH 环境变量中，以便在命令行中使用 SQLite。
+<!--rehype:className=style-timeline-->
+
+#### linux
+
+linux 自带 `sqlite3`，或者通过 `apt-get/yum/brew` 等安装。
+
+#### macOS
+
+`brew install sqlite` 安装
+
+### 连接 SQLite 数据库
+
+SQLite 通常无需复杂配置，当指定的数据库文件不存在时，它会自动创建一个新文件。
+
+```bash
+sqlite3 mydatabase.db
+```
+
+若数据库文件不存在则会自动创建
+
+数据库操作
+---
+
+### 显示数据库名称及对应文件
+
+```shell
+sqlite> .databases
+main: /home/user/sqlite/database.db r/w
+```
+
+### 备份数据库
+
+```shell
+sqlite> .backup back
+```
+
+### 显示已经设置的值
+<!--rehype:wrap-class=row-span-3-->
+
+```shell
+sqlite> .show 
+        echo: off
+         eqp: off
+     explain: auto
+     headers: off
+        mode: list
+   nullvalue: ""
+      output: stdout
+colseparator: "|"
+rowseparator: "\n"
+       stats: off
+       width:
+    filename: api.db
+```
+
+### 备份单张表
+
+```shell
+sqlite> .dump user
+```
+
+### 退出
+
+```shell
+sqlite> .exit
+```
+
+### 以 sql 的形式 dump 数据库
+<!--rehype:wrap-class=col-span-2-->
+
+```shell
+sqlite> .dump
+PRAGMA foreign_keys=OFF;
+BEGIN TRANSACTION;
+CREATE TABLE api (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    host TEXT NOT NULL,
+    port INTEGER NOT NULL,
+    path TEXT NOT NULL
+);
+INSERT INTO api VALUES(1,'example.com',8080,'/api/v1');
+```
+
+### 导入与导出数据库
+
+#### 导出数据库
+<!--rehype:style=text-align: left;-->
+
+```bash
+sqlite3 mydatabase.db .dump > backup.sql
+```
+
+#### 导入数据库
+<!--rehype:style=text-align: left;-->
+
+```bash
+sqlite3 mydatabase.db < backup.sql
+```
+
+### 输出模式设置
+<!--rehype:wrap-class=col-span-2-->
+
+#### 设置输出模式为 csv
+
+```sh
+sqlite> .mode csv
+sqlite> select * from api;
+id,host,port,path
+1,example.com,8080,/api/v1
+```
+
+#### 输出为 markdown
+
+```sh
+sqlite> select * from api;
+| id |      host       | port |  path   |
+|----|-----------------|------|---------|
+| 1  | example.com     | 8080 | /api/v1 |
+```
+
+支持 ascii box column csv html insert json line list markdown qbox quote table tabs tcl 等类型
+
+数据表操作
+---
+
+### 常用表操作
+
+#### 创建表
+<!--rehype:style=text-align: left;color: var(--primary-color);-->
+
+```sh
+sqlite> create table user(id integer primary key, name text);
+```
+<!--rehype:className=wrap-text-->
+
+#### 查看所有表
+<!--rehype:style=text-align: left;color: var(--primary-color);-->
+
+```sh
+sqlite> .tables
+```
+
+#### 查看表结构
+<!--rehype:style=text-align: left;color: var(--primary-color);-->
+
+```sh
+sqlite> .schema user
+```
+
+#### 导入文件到表中
+<!--rehype:style=text-align: left;color: var(--primary-color);-->
+
+```sh
+sqlite> .import user.csv user
+```
+
+#### 设置查询显示列名称
+<!--rehype:style=text-align: left;color: var(--primary-color);-->
+
+```sh
+sqlite> .head on
+```
+
+### 常用 SQL
+<!--rehype:wrap-class=col-span-2 row-span-2-->
+
+```sql
+-- 创建表
+create table user(id integer primary key, name text);
+
+-- 删除表
+drop table user;
+
+-- 重命名表
+alter table user rename to user_new;
+
+-- 插入
+-- 单条
+insert into user(name) values('test');
+-- 多条
+insert into user(name) values('test1'),('test2');
+
+-- 查询
+select * from user;
+-- 去重查询
+select distinct name from user;
+-- 统计
+select count(id) from user;
+-- limit
+select * from user limit 2;
+-- 条件查询
+select * from user where id > 1;
+-- 模糊查询
+select * from user where name like '%test%';
+-- group by
+select name, count(id) from user group by name;
+-- 排序
+select * from user order by id desc;
+-- 聚合函数
+select max(id) from user;
+
+-- 更新
+update user set name='test3' where id=1;
+
+-- 删除
+delete from user where id=1;
+```
+
+### 事务支持
+
+**事务**具有原子性(Atomicity)、一致性(Consistency)、隔离性(Isolation)、持久性(Durability)四个标准属性，缩写为 ACID。
+
+```sql
+-- 开始事务
+begin transaction;
+-- 操作
+update user set name='test4' where id=1;
+-- 回滚
+rollback;
+-- 提交
+commit;
+```
+
+### 命令行帮助
+<!--rehype:wrap-class=col-span-3-->
+
+|命令|描述|
+|:---|:---|
+|.backup ?DB? FILE   |备份 DB 数据库（默认是 "main"）到 FILE 文件。|
+|.bail ON\|OFF       |发生错误后停止。默认为 OFF。|
+|.databases           |列出数据库的名称及其所依附的文件。
+|.dump ?TABLE?       |以 SQL 文本格式转储数据库。如果指定了 TABLE 表，则只转储匹配 LIKE 模式的 TABLE 表。
+|.echo ON\|OFF       |开启或关闭 echo 命令。
+|.exit               |退出 SQLite 提示符。
+|.explain ON\|OFF     |开启或关闭适合于 EXPLAIN 的输出模式。如果没有带参数，则为 EXPLAIN on，即开启 EXPLAIN。
+|.header(s) ON\|OFF   |开启或关闭头部显示。
+|.help               |显示消息。
+|.import FILE TABLE   |导入来自 FILE 文件的数据到 TABLE 表中。
+|.indices ?TABLE?     |显示所有索引的名称。如果指定了 TABLE 表，则只显示匹配 LIKE 模式的 TABLE 表的索引。
+|.load FILE ?ENTRY?   |加载一个扩展库。
+|.log FILE\|off       |开启或关闭日志。FILE 文件可以是 stderr（标准错误）/stdout（标准输出）。
+|.nullvalue STRING   |在 NULL 值的地方输出 STRING 字符串。
+|.output FILENAME     |发送输出到 FILENAME 文件。
+|.output stdout       |发送输出到屏幕。
+|.print STRING...     |逐字地输出 STRING 字符串。
+|.prompt MAIN CONTINUE  |替换标准提示符。
+|.quit               |退出 SQLite 提示符。
+|.read FILENAME       |执行 FILENAME 文件中的 SQL。
+|.schema ?TABLE?     |显示 CREATE 语句。如果指定了 TABLE 表，则只显示匹配 LIKE 模式的 TABLE 表。
+|.separator STRING   |改变输出模式和 .import 所使用的分隔符。
+|.show               |显示各种设置的当前值。
+|.stats ON\|OFF       |开启或关闭统计。
+|.tables ?PATTERN?   |列出匹配 LIKE 模式的表的名称。
+|.timeout MS         |尝试打开锁定的表 MS 毫秒。
+|.width NUM          |NUM  为 "column" 模式设置列宽度。
+|.timer ON\|OFF       |开启或关闭 CPU 定时器。
+|.mode MODE           | 设置输出模式，MODE 可以是下列之一 `:csv` 逗号分隔的值 <br/>column 左对齐的列 <br/>html HTML 的 \<table\> 代码 <br/>insert TABLE 表的 SQL 插入（insert）语句 <br/>line 每行一个值 <br/>list 由 .separator 字符串分隔的值 <br/>tabs 由 Tab 分隔的值 <br/> tcl TCL 列表元素<br/>
+<!--rehype:className=left-align-->
+
+在命令行中通过 `.help` 命令显示帮助文档
+
+另见
+--------
+
+- [百科](https://zh.wikipedia.org/wiki/SQLite)
+- [SQLite](https://www.sqlite.org/)
+- [菜鸟教程](https://www.runoob.com/sqlite/sqlite-tutorial.html)

docs/swift.md

@@ -11,7 +11,7 @@ Swift 备忘清单
 
 ```swift
 var score = 0 // 变量
-let pi = 3.14 // 常数
+let pi = 3.14 // 常量
 
 var greeting = "Hello"
 var numberOfToys = 8
@@ -169,7 +169,7 @@ numberOfToys += 1
 print(numberOfToys) // 打印“9”
 ```
 
-### 常数
+### 常量声明
 
 常量用 `let` 声明：
 
@@ -187,7 +187,7 @@ let numberOfToys: Int = 8
 let isMorning: Bool = true
 ```
 
-常量是不可变的。它们的值不能改变：
+常量 `let` 一旦设定，在程序运行时就无法改变其值:
 
 ```swift
 let numberOfToys: Int = 8
@@ -195,7 +195,7 @@ numberOfToys += 1
 // ❌ 错误：numberOfToys 不可变
 ```
 
-### 计算变量（get 和 set）
+### 计算属性（get 和 set）
 <!--rehype:wrap-class=row-span-3-->
 
 ```swift
@@ -521,6 +521,10 @@ let zeroToThree = 0...3
 // zeroToThree: 0, 1, 2, 3
 ```
 
+- `a...b` 闭区间 (Closed Range) 包括a和b
+- `a..<b` 半开区间 (Half-Open Range) 包括a，不包括b
+- `...b`  单侧区间 (One-Sided Range) 包括b
+
 ### stride() 函数
 
 ```swift
@@ -577,15 +581,17 @@ for char in "supercalifragilistice" {
 // 打印: r
 ```
 
+`break` 关键字中断当前循环
+
 ### 使用下划线
 
 ```swift
 for _ in 1...3 {
-  print("Olé")
+  print("Ole")
 }
-// 打印: Olé
-// 打印: Olé
-// 打印: Olé
+// 打印: Ole
+// 打印: Ole
+// 打印: Ole
 ```
 
 ### 遍历指定范围
@@ -684,6 +690,16 @@ var snowfall = [2.4, 3.6, 3.4, 1.8, 0.0]
 var temp: [Int] = [33, 31, 30, 38, 44]
 ```
 
+### 用默认值初始化
+
+```swift
+var teams = [Int](repeating: 0, count: 3)
+print(teams) // 打印: [0, 0, 0]
+// 或者Array类型
+var sizes = Array<Int>(repeating: 0, count: 3)
+print(sizes) // 打印: [0, 0, 0]
+```
+
 ### .append() 方法和 += 运算符
 
 ```swift
@@ -1077,7 +1093,7 @@ func convertFracToDec(numerator: Double, denominator: Double) -> Double {
 } 
 
 let decimal = convertFracToDec(numerator: 1.0, denominator: 2.0) 
-print(decimal) // Prints:  0.5 
+print(decimal) // 打印:  0.5 
 ```
 
 ### 省略参数标签
@@ -1691,6 +1707,22 @@ currentTraffic.reportAccident()
 扩展
 ---
 
+### 什么是扩展
+
+扩展是向现有的类、结构体、枚举或协议类型添加新功能的方法。包括添加新的方法、属性、初始化方法等。
+
+### 为什么要使用扩展
+
+扩展让开发者可以以一种非侵入的方式来增强类型的功能，当我们无法直接修改原始类或结构体时（例如，系统库的类），扩展允许我们在不改变原始源代码的情况下添加新功能。
+
+### 基础语法
+
+```swift
+extension SomeType {
+    // 添加新功能
+}
+```
+
 ### 声明扩展
 
 ```swift
@@ -1707,6 +1739,34 @@ extension Person: SomeProtocol {
 }
 ```
 
+### 扩展计算属性
+
+```swift
+// 扩展可以添加计算属性，不能添加存储属性
+extension Double {
+    var km: Double { self * 1000 }
+    var m: Double { self }
+    var cm: Double { self / 100.0 }
+    var mm: Double { self / 1000.0 }
+}
+let metric: Double = 30.48.cm
+print("1 metric is \(metric.m) meter")
+print("1 metric is \(metric.km) kilometer")
+```
+
+### 扩展可变实例方法
+
+```swift
+extension Double {
+    mutating func cube() {
+        self = self * self * self
+    }
+}
+var boxCube: Double = 2.0
+boxCube.cube()
+print(boxCube)
+```
+
 ### 扩展构造器
 
 <!--rehype:wrap-class=col-span-2-->
@@ -1726,19 +1786,50 @@ let frame = CGRect(center: CGPoint(x: 100, y: 100),
 print("Origin is \(frame.origin)")
 ```
 
-### 扩展可变实例方法
+### 扩展协议
+
+<!--rehype:wrap-class=row-span-3-->
+
+它的工作方式与抽象类类似，适用于在所有实现某种协议的类中提供某些功能的情况（而不需要从一个公共的基类继承）。
 
 ```swift
-extension Double {
-    mutating func cube() {
-        self = self * self * self
+// 定义协议
+protocol Drawable {
+    func draw()
+}
+
+// 使用协议扩展为 draw 方法提供默认实现
+extension Drawable {
+    func draw() {
+        print("绘制形状")
     }
 }
-var boxCube: Double = 2.0
-boxCube.cube()
-print(boxCube)
+
+// 定义一个符合 Drawable 协议的类 Circle
+class Circle: Drawable {
+    // Circle 可以使用默认的 draw 实现
+    // 或者覆盖它
+}
+
+// 定义另一个符合 Drawable 协议的类 Square
+class Square: Drawable {
+    // 重写 draw 方法以提供自定义实现
+    func draw() {
+        print("画一个正方形")
+    }
+}
+
+// 使用示例
+let circle = Circle()
+circle.draw()  // 打印: 绘制形状
+
+let square = Square()
+square.draw()  // 打印: 画一个正方形
+
 ```
 
+你可以使用协议扩展来给协议的任意方法或者计算属性要求提供默认实现。如果遵循类型给这个协议的要求提供了它自己的实现，那么它就会替代扩展中提供的默认实现。
+
 ### 扩展方法
 
 <!--rehype:wrap-class=col-span-2-->
@@ -1755,21 +1846,6 @@ extension String {
 print("Hello World".deletingPrefix("He"))
 ```
 
-### 扩展计算属性
-
-```swift
-// 扩展可以添加计算属性，不能添加存储属性
-extension Double {
-    var km: Double { self * 1000 }
-    var m: Double { self }
-    var cm: Double { self / 100.0 }
-    var mm: Double { self / 1000.0 }
-}
-let metric: Double = 30.48.cm
-print("1 metric is \(metric.m) meter")
-print("1 metric is \(metric.km) kilometer")
-```
-
 ### 扩展存储属性
 
 <!--rehype:wrap-class=col-span-2-->
@@ -1789,6 +1865,152 @@ extension UIColor {
 }
 ```
 
+泛型
+---
+
+### 什么是泛型
+
+在Swift中，泛型是一个允许我们创建可以使用任何数据类型的函数、类、结构和协议的特性。
+
+### 为什么使用泛型
+
+泛型使我们能够编写清晰简洁的代码，并能够与任何数据类型一起工作。通过使用占位符（如 `T`），可以减少引入错误的风险。
+
+### 泛型函数
+<!--rehype:wrap-class=row-span-2-->
+
+```swift
+// 接受两个类型相同的参数并交换它们
+func swapTwoValues<T>(_ a: inout T, _ b: inout T) {
+    let temp = a
+    a = b
+    b = temp
+}
+
+var a = 10
+var b = 20
+swapTwoValues(&a, &b)
+print(a) // 打印: 20
+print(b) // 打印: 10
+
+var c = "Hello"
+var d = "World"
+swapTwoValues(&c, &d)
+print(c) // 打印: "World"
+print(d) // 打印: "Hello"
+```
+
+### 基础用法
+
+```swift
+func foo<T, U>(a: T, b: U) {
+  // ...
+}
+
+struct Foo<T, U> {
+  var a: T
+  // ...
+}
+```
+
+在这个例子中，`T`和`U`是一个类型占位符，它表示任何类型，写在尖括号内（如`<T>`）
+
+### 泛型结构体
+
+```swift
+// 定义一个泛型结构体 Box
+// 它有一个名为 value 的泛型属性
+struct Box<T> {
+    var value: T
+}
+
+let intBox = Box(value: 10)
+let stringBox = Box(value: "Hello")
+
+print(intBox.value) // 打印: 10
+print(stringBox.value) // 打印: "Hello"
+```
+
+### 泛型约束
+
+有时我们希望限制泛型的类型范围，可以使用泛型约束。比如，限制泛型类型必须是遵循某个协议的类型
+
+```swift
+struct Box<T: Numeric> {
+    var value: T
+
+    // 计算 value 的平方函数
+    func square() -> T {
+        return value * value
+    }
+}
+
+let intBox = Box(value: 10)
+print(intBox.square()) // 输出 100
+
+let floatBox = Box(value: 5.0)
+print(floatBox.square()) // 输出 25.0
+
+// 以下代码会报错，因为String不遵循Numeric协议
+// let stringBox = Box(value: "Hello")
+```
+
+### 泛型类型别名
+
+<!--rehype:wrap-class=col-span-2-->
+
+为泛型类型创建别名`typealias`，这样可以给泛型类型起一个更具体的名字，使得代码更加清晰易懂
+
+- 示例1
+
+```swift
+// 定义一个泛型类型别名 'IntBox'
+typealias IntBox = Box<Int>
+
+// 使用类型别名创建一个存储 Int 类型值的 Box 实例
+let intBox = IntBox(value: 42)
+print(intBox.value) // 输出 42
+
+```
+
+- 示例2
+
+```swift
+// 定义一个泛型类型别名 'StringBox'，其中 T 被约束为 String
+typealias StringBox<T> = Box<T> where T: StringProtocol
+
+// 使用类型别名创建一个存储 String 类型值的 Box 实例
+let stringBox = StringBox(value: "Hello, world!")
+print(stringBox.value) // 输出 "Hello, world!"
+```
+
+### 泛型协议
+
+```swift
+protocol Storage {
+    associatedtype Item
+    func store(item: Item)
+    func retrieve() -> Item?
+}
+
+class SimpleStorage<T>: Storage {
+    private var items: [T] = []
+
+    func store(item: T) {
+        items.append(item)
+    }
+
+    func retrieve() -> T? {
+        return items.isEmpty ? nil : items.removeLast()
+    }
+}
+
+let intStorage = SimpleStorage<Int>()
+intStorage.store(item: 42)
+print(intStorage.retrieve() ?? "Empty")  
+// 打印: 42
+```
+
 另见
 ----
 

docs/swiftui.md

@@ -233,23 +233,9 @@ Map(coordinateRegion: $region,
 Layout(布局)
 ----
 
-### Background
-
-将图像用作背景
-
-```swift
-Text("Hello World")
-    .font(.largeTitle)
-    .background(
-        Image("hello_world")
-            .resizable()
-            .frame(width: 100, height: 100)
-    )
-```
-
 ### VStack
 
-以垂直线排列其子项的视图
+`VStack`是 `垂直` 堆栈布局，用于将子视图垂直排列。默认将子视图从上到下排列
 
 ```swift
 VStack (alignment: .center, spacing: 20){
@@ -259,13 +245,11 @@ VStack (alignment: .center, spacing: 20){
 }
 ```
 
-创建静态可滚动列表。文档 - [VStack](https://developer.apple.com/documentation/swiftui/vstack)
+文档 - [VStack](https://developer.apple.com/documentation/swiftui/vstack)
 
 ### HStack
 
-将其子级排列在一条水平线上的视图。
-
-创建静态可滚动列表
+`HStack`是 `水平` 堆栈布局，用于将子视图水平排列。默认将子视图从左到右排列
 
 ```swift
 HStack (alignment: .center, spacing: 20){
@@ -277,9 +261,22 @@ HStack (alignment: .center, spacing: 20){
 
 文档 - [HStack](https://developer.apple.com/documentation/swiftui/hstack)
 
-### LazyVStack
+### ZStack
 
-`iOS 14` 一种视图，将其子级排列在垂直增长的线中，仅在需要时创建项。
+`ZStack`是 `层叠` 堆栈布局，用于将子视图重叠在一起。按照添加的顺序从下到上排列子视图，即先添加的视图会在下面，后添加的视图会覆盖在上面
+
+```swift
+ZStack {
+    Text("Hello")
+    Text("World")
+}
+```
+
+文档 - [ZStack](https://developer.apple.com/documentation/swiftui/zstack)
+
+### 懒加载 Lazy
+
+`iOS 14.0` 之后新增的视图，仅在需要时才会创建和渲染
 
 ```swift
 ScrollView {
@@ -291,58 +288,30 @@ ScrollView {
 }
 ```
 
-文档 - [LazyVStack](https://developer.apple.com/documentation/swiftui/lazyvstack)
+- 懒加载：只有当子视图进入可视区域时，才会被创建和渲染
+- 自适应：子视图的宽高可以自适应
+- 性能优化：适用于大量子视图或动态内容的场景
+<!--rehype:className=style-round-->
 
-### LazyHStack
-<!--rehype:wrap-class=col-span-2-->
-
-将子项排列在水平增长的线中的视图，仅在需要时创建项。
-
-```swift
-ScrollView(.horizontal) {
-    LazyHStack(alignment: .center, spacing: 20) {
-        ForEach(1...100, id: \.self) {
-            Text("Column \($0)")
-        }
-    }
-}
-```
-
-文档 - [LazyHStack](https://developer.apple.com/documentation/swiftui/lazyhstack)
-
-### ZStack
-
-覆盖其子项的视图，使子项在两个轴上对齐。
-
-```swift
-ZStack {
-    Text("Hello")
-        .padding(10)
-        .background(Color.red)
-        .opacity(0.8)
-    Text("World")
-        .padding(20)
-        .background(Color.red)
-        .offset(x: 0, y: 40)
-}
-```
-
-文档 - [ZStack](https://developer.apple.com/documentation/swiftui/zstack)
+- 文档 - [LazyVStack](https://developer.apple.com/documentation/swiftui/lazyvstack)
+- 文档 - [LazyHStack](https://developer.apple.com/documentation/swiftui/lazyhstack)
 
 ### LazyVGrid
-<!--rehype:wrap-class=col-span-2-->
 
-容器视图，将其子视图排列在垂直增长的网格中，仅在需要时创建项目。
+容器视图，将其子视图排列在`垂直`增长的网格中，仅在需要时创建项目
 
 ```swift
-var columns: [GridItem] = Array(repeating: .init(.fixed(20)), count: 5)
+var columns: [GridItem] = 
+  Array(
+    repeating: .init(.fixed(20)), count: 5
+  )
 
 ScrollView {
-    LazyVGrid(columns: columns) {
-        ForEach((0...100), id: \.self) {
-            Text("\($0)").background(Color.pink)
-        }
+  LazyVGrid(columns: columns) {
+    ForEach((0...100), id: \.self) {
+       Text("\($0)").background(Color.pink)
     }
+  }
 }
 ```
 
@@ -350,7 +319,7 @@ ScrollView {
 
 ### LazyHGrid
 
-一种容器视图，将其子视图排列在水平增长的网格中，仅在需要时创建项目。
+容器视图，将其子视图排列在`水平`增长的网格中，仅在需要时创建项目
 
 ```swift
 var rows: [GridItem] =
@@ -360,8 +329,8 @@ var rows: [GridItem] =
 
 ScrollView(.horizontal) {
   LazyHGrid(rows: rows, alignment: .top) {
-    ForEach((0...100), id: \.self) {
-      Text("\($0)").background(Color.pink)
+     ForEach((0...100), id: \.self) {
+       Text("\($0)").background(Color.pink)
     }
   }
 }
@@ -397,6 +366,20 @@ HStack {
 
 文档 - [Divider](https://developer.apple.com/documentation/swiftui/divider)
 
+### Background
+
+将图像用作背景
+
+```swift
+Text("Hello World")
+    .font(.largeTitle)
+    .background(
+        Image("hello_world")
+            .resizable()
+            .frame(width: 100, height: 100)
+    )
+```
+
 Input(输入)
 ---
 

docs/symbol-code.md

@@ -15,7 +15,7 @@ Symbol 特殊符号
 <!--rehype:className=wrap-text-->
 
 ### 特殊符号
-<!--rehype:wrap-class=row-span-3-->
+<!--rehype:wrap-class=row-span-4-->
 
 #### 国际象棋符号列表视图
 
@@ -87,6 +87,25 @@ Symbol 特殊符号
 ```
 <!--rehype:className=wrap-text&style=font-size: 28px;-->
 
+### 键盘符号
+<!--rehype:wrap-class=row-span-2-->
+
+- `⌘` command
+- `⌥` otptin
+- `⎋` escap
+- `⌫` backspace
+- `⌦` delete
+- `↑` up
+- `→` right
+- `←` left
+- `↓` down
+- `⇥` tab
+- `⇧` shift
+- `⇪` capslock
+- `⌃` control
+- `⏎` reternkey
+<!--rehype:className=cols-2 shortcuts style-none-->
+
 ### 爱心符号
 
 ```
@@ -95,7 +114,7 @@ Symbol 特殊符号
 <!--rehype:className=wrap-text&style=font-size: 28px;-->
 
 ### 动物符号
-<!--rehype:wrap-class=row-span-3-->
+<!--rehype:wrap-class=row-span-4-->
 
 ```
 𓃥 𓃠 𓃰 𓃱 𓃯 𓃭 𓃸 𓃵 𓃗 𓃘 𓃙 𓃟 𓄀 𓄁 𓄂 𓄃 𓃚 𓃛 𓃜 𓃝 𓃞 𓃒 𓃓 𓃔 𓃕 𓃖 𓃡 𓃢 𓃦 𓃩 𓃫 𓃬 𓃮 𓃲 𓃴 𓃶 𓃷 𓃹 𓃻 𓃽 𓃾 𓃿 𓄄 𓄅 𓄆 𓄇 𓆇 𓆈 𓆉 𓆌 𓆏 𓆗 𓆘 𓆙 𓆚 𓆐 𓆑 𓆒 𓆓 𓆔 𓆕 𓆖 𓆊 𓆍 𓆣 𓆤 𓆥 𓆦 𓆧 𓆨 𓆛 𓆜 𓆝 𓆞 𓆟 𓆠 𓆡 𓆢 𓄿 𓅀 𓅁 𓅂 𓅃 𓅄 𓅅 𓅆 𓅇 𓅈 𓅉 𓅊 𓅋 𓅌 𓅍 𓅎 𓅏𓅐 𓅑 𓅒 𓅓 𓅔 𓅕𓅖 𓅗 𓅘 𓅙𓅚 𓅛 𓅜 𓅝 𓅞 𓅟 𓅠 𓅡 𓅢 𓅣 𓅤 𓅥 𓅦 𓅧 𓅨 𓅩 𓅪 𓅫 𓅬 𓅭 𓅮 𓅯 𓅰 𓅱 𓅲 𓅳 𓅴 𓅵 𓅶 𓅷 𓅸 𓅹 𓅺 𓅻 𓅼 𓅽 𓅾 𓅿 𓆀 𓆁 𓆂 𓆃 𓆆
@@ -118,13 +137,6 @@ Symbol 特殊符号
 ```
 <!--rehype:className=wrap-text&style=font-size: 28px;-->
 
-#### 花卉符号
-
-```
-✻ ✼ ✾ ✿ ❀ ❁ ❃ ❇ ❈ ❉ ❊ ✢ ✣ ✤ ✥ ꕥ 𓇬 ⚘ 𓆸 𓆹 𓆼 𓇊 𓇚 𓇕 𓇗 𓋇 𓁙 𓁋 ֍ ֎ 𓆭 𓆰 𓆱 𓇋𓇑 𓇛 𓇟 𓇣꧁ ꧂ 
-```
-<!--rehype:className=wrap-text&style=font-size: 28px;-->
-
 ### 箭头符号
 <!--rehype:wrap-class=col-span-2 row-span-2-->
 
@@ -134,12 +146,20 @@ Symbol 特殊符号
 <!--rehype:className=wrap-text&style=font-size: 28px;-->
 
 ### 货币符号
+<!--rehype:wrap-class=col-span-3-->
 
 ```
 $ ¢ € £ ¥ ₩ ₽ ₹ ¤ ₱ ₦ ƒ ₮ ৲ ৳ ₨ ௹ ฿ ៛ ₪ ₫ ₭ ₲ ₴ ₵ ﷼ ≋ ₿ Ł Ð ₳
 ```
 <!--rehype:className=wrap-text&style=font-size: 28px;-->
 
+#### 花卉符号
+
+```
+✻ ✼ ✾ ✿ ❀ ❁ ❃ ❇ ❈ ❉ ❊ ✢ ✣ ✤ ✥ ꕥ 𓇬 ⚘ 𓆸 𓆹 𓆼 𓇊 𓇚 𓇕 𓇗 𓋇 𓁙 𓁋 ֍ ֎ 𓆭 𓆰 𓆱 𓇋𓇑 𓇛 𓇟 𓇣꧁ ꧂ 
+```
+<!--rehype:className=wrap-text&style=font-size: 28px;-->
+
 图形符号
 ----
 

docs/time-zones.md

@@ -0,0 +1,439 @@
+时区列表 备忘清单
+===
+
+全部时区列表帮助用户快速查看和管理世界各地时区的备忘参考清单
+
+全部时区列表
+----
+
+### 完整代码
+<!--rehype:wrap-class=col-span-3-->
+
+UTC (协调世界时) | 时区 | 国家 | 时区主要城市
+---|---|---|---
+UTC-11 | Pacific/Midway | United States Minor Outlying Islands |
+UTC-11 | Pacific/Niue | Niue | Alofi
+UTC-11 | Pacific/Pago_Pago | American Samoa | Pago Pago, Tāfuna, Ta`ū, Taulaga
+UTC-10 | America/Adak | United States |
+UTC-10 | Pacific/Honolulu | United States | Honolulu, East Honolulu, Pearl City, Hilo, Kailua
+UTC-10 | Pacific/Rarotonga | Cook Islands | Avarua
+UTC-10 | Pacific/Tahiti | French Polynesia | Faaa, Papeete, Punaauia, Pirae, Mahina
+UTC-9:30 | Pacific/Marquesas | French Polynesia | Taiohae
+UTC-9 | America/Anchorage | United States | Anchorage, Fairbanks, Eagle River, Badger, Knik-Fairview
+UTC-9 | America/Juneau | United States | Juneau
+UTC-9 | America/Metlakatla | United States |
+UTC-9 | America/Nome | United States |
+UTC-9 | America/Sitka | United States | Sitka, Ketchikan
+UTC-9 | America/Yakutat | United States |
+UTC-9 | Pacific/Gambier | French Polynesia |
+UTC-8 | America/Los_Angeles | United States | Los Angeles, San Diego, San Jose, San Francisco, Seattle
+UTC-8 | America/Tijuana | Mexico | Tijuana, Mexicali, Ensenada, Rosarito, Tecate
+UTC-8 | America/Vancouver | Canada | Vancouver, Surrey, Okanagan, Victoria, Burnaby
+UTC-8 | Pacific/Pitcairn | Pitcairn | Adamstown
+UTC-7 | America/Boise | United States | Boise, Meridian, Nampa, Idaho Falls, Pocatello
+UTC-7 | America/Cambridge_Bay | Canada |
+UTC-7 | America/Ciudad_Juarez | Mexico | Ciudad Juárez, Ascensión, Ascención, Puerto Palomas
+UTC-7 | America/Creston | Canada | Creston
+UTC-7 | America/Dawson | Canada |
+UTC-7 | America/Dawson_Creek | Canada | Fort St. John, Dawson Creek
+UTC-7 | America/Denver | United States | Denver, El Paso, Albuquerque, Colorado Springs, Aurora
+UTC-7 | America/Edmonton | Canada | Calgary, Edmonton, Shaughnessy, Red Deer, Sherwood Park
+UTC-7 | America/Fort_Nelson | Canada |
+UTC-7 | America/Hermosillo | Mexico | Hermosillo, Ciudad Obregón, Nogales, San Luis Río Colorado, Navojoa
+UTC-7 | America/Inuvik | Canada |
+UTC-7 | America/Mazatlan | Mexico | Culiacán, Mazatlán, Tepic, Los Mochis, La Paz
+UTC-7 | America/Phoenix | United States | Phoenix, Tucson, Mesa, Chandler, Gilbert
+UTC-7 | America/Whitehorse | Canada | Whitehorse
+UTC-7 | America/Yellowknife | Canada | Yellowknife
+UTC-6 | America/Bahia_Banderas | Mexico | Mezcales, San Vicente, Bucerías, Valle de Banderas
+UTC-6 | America/Belize | Belize | Belize City, San Ignacio, San Pedro, Orange Walk, Corozal
+UTC-6 | America/Chicago | United States | Chicago, Houston, San Antonio, Dallas, Austin
+UTC-6 | America/Chihuahua | Mexico | Chihuahua, Ciudad Delicias, Cuauhtémoc, Parral, Nuevo Casas Grandes
+UTC-6 | America/Costa_Rica | Costa Rica | San José, Limón, San Francisco, Alajuela, Liberia
+UTC-6 | America/El_Salvador | El Salvador | San Salvador, Soyapango, San Miguel, Santa Ana, Mejicanos
+UTC-6 | America/Guatemala | Guatemala | Guatemala City, Villa Nueva, Mixco, Cobán, Quetzaltenango
+UTC-6 | America/Indiana/Knox | United States |
+UTC-6 | America/Indiana/Tell_City | United States | Tell City
+UTC-6 | America/Managua | Nicaragua | Managua, León, Masaya, Chinandega, Matagalpa
+UTC-6 | America/Matamoros | Mexico | Reynosa, Heroica Matamoros, Nuevo Laredo, Piedras Negras, Ciudad Acuña
+UTC-6 | America/Menominee | United States | Menominee, Iron Mountain, Kingsford, Ironwood
+UTC-6 | America/Merida | Mexico | Mérida, Campeche, Ciudad del Carmen, Kanasín, Valladolid
+UTC-6 | America/Mexico_City | Mexico | Mexico City, Iztapalapa, León de los Aldama, Puebla, Ecatepec de Morelos
+UTC-6 | America/Monterrey | Mexico | Monterrey, Torreón, Saltillo, Guadalupe, Victoria de Durango
+UTC-6 | America/North_Dakota/Beulah | United States |
+UTC-6 | America/North_Dakota/Center | United States |
+UTC-6 | America/North_Dakota/New_Salem | United States | Mandan
+UTC-6 | America/Ojinaga | Mexico | Manuel Ojinaga, Ojinaga
+UTC-6 | America/Rankin_Inlet | Canada |
+UTC-6 | America/Regina | Canada | Saskatoon, Regina, Prince Albert, Moose Jaw, North Battleford
+UTC-6 | America/Resolute | Canada |
+UTC-6 | America/Swift_Current | Canada | Swift Current
+UTC-6 | America/Tegucigalpa | Honduras | Tegucigalpa, San Pedro Sula, La Ceiba, Choloma, El Progreso
+UTC-6 | America/Winnipeg | Canada | Winnipeg, Brandon, Steinbach, Kenora, Thompson
+UTC-6 | Pacific/Easter | Chile | Hanga Roa
+UTC-6 | Pacific/Galapagos | Ecuador | Puerto Ayora, Puerto Baquerizo Moreno
+UTC-5 | America/Atikokan | Canada |
+UTC-5 | America/Bogota | Colombia | Bogotá, Cali, Medellín, Barranquilla, Cartagena
+UTC-5 | America/Cancun | Mexico | Cancún, Chetumal, Playa del Carmen, Cozumel, Felipe Carrillo Puerto
+UTC-5 | America/Cayman | Cayman Islands | George Town, West Bay, Bodden Town, North Side, East End
+UTC-5 | America/Detroit | United States | Detroit, Grand Rapids, Warren, Sterling Heights, Ann Arbor
+UTC-5 | America/Eirunepe | Brazil | Eirunepé, Benjamin Constant, Envira
+UTC-5 | America/Grand_Turk | Turks and Caicos Islands | Cockburn Town
+UTC-5 | America/Guayaquil | Ecuador | Quito, Guayaquil, Cuenca, Santo Domingo de los Colorados, Ambato
+UTC-5 | America/Havana | Cuba | Havana, Santiago de Cuba, Camagüey, Holguín, Guantánamo
+UTC-5 | America/Indiana/Indianapolis | United States | Indianapolis, Fort Wayne, South Bend, Carmel, Bloomington
+UTC-5 | America/Indiana/Marengo | United States |
+UTC-5 | America/Indiana/Petersburg | United States |
+UTC-5 | America/Indiana/Vevay | United States |
+UTC-5 | America/Indiana/Vincennes | United States | Jasper, Washington, Huntingburg
+UTC-5 | America/Indiana/Winamac | United States |
+UTC-5 | America/Iqaluit | Canada | Iqaluit
+UTC-5 | America/Jamaica | Jamaica | Kingston, New Kingston, Spanish Town, Portmore, Montego Bay
+UTC-5 | America/Kentucky/Louisville | United States | Louisville, Jeffersonville, New Albany, Jeffersontown, Pleasure Ridge Park
+UTC-5 | America/Kentucky/Monticello | United States | Monticello
+UTC-5 | America/Lima | Peru | Lima, Callao, Arequipa, Trujillo, Chiclayo
+UTC-5 | America/Nassau | Bahamas | Nassau, Lucaya, Freeport, West End, Cooper’s Town
+UTC-5 | America/New_York | United States | New York City, Brooklyn, Queens, Philadelphia, Manhattan
+UTC-5 | America/Panama | Panama | Panamá, San Miguelito, Juan Díaz, David, Arraiján
+UTC-5 | America/Port-au-Prince | Haiti | Port-au-Prince, Carrefour, Delmas 73, Port-de-Paix, Pétionville
+UTC-5 | America/Rio_Branco | Brazil | Rio Branco, Cruzeiro do Sul, Senador Guiomard, Sena Madureira, Tarauacá
+UTC-5 | America/Toronto | Canada | Toronto, Montréal, Ottawa, Mississauga, Brampton
+UTC-4 | America/Anguilla | Anguilla | The Valley, Blowing Point Village, Sandy Ground Village, The Quarter, Sandy Hill
+UTC-4 | America/Antigua | Antigua and Barbuda | Saint John’s, Piggotts, Bolands, Codrington, Parham
+UTC-4 | America/Aruba | Aruba | Oranjestad, Tanki Leendert, San Nicolas, Santa Cruz, Paradera
+UTC-4 | America/Asuncion | Paraguay | Asunción, Ciudad del Este, San Lorenzo, Capiatá, Lambaré
+UTC-4 | America/Barbados | Barbados | Bridgetown, Speightstown, Oistins, Bathsheba, Holetown
+UTC-4 | America/Blanc-Sablon | Canada |
+UTC-4 | America/Boa_Vista | Brazil | Boa Vista
+UTC-4 | America/Campo_Grande | Brazil | Campo Grande, Dourados, Corumbá, Três Lagoas, Ponta Porã
+UTC-4 | America/Caracas | Venezuela | Caracas, Maracaibo, Maracay, Valencia, Barquisimeto
+UTC-4 | America/Cuiaba | Brazil | Cuiabá, Várzea Grande, Rondonópolis, Sinop, Barra do Garças
+UTC-4 | America/Curacao | Curacao | Willemstad, Sint Michiel Liber
+UTC-4 | America/Dominica | Dominica | Roseau, Portsmouth, Berekua, Saint Joseph, Wesley
+UTC-4 | America/Glace_Bay | Canada | Sydney, Glace Bay, Sydney Mines
+UTC-4 | America/Goose_Bay | Canada | Happy Valley-Goose Bay, Labrador City
+UTC-4 | America/Grenada | Grenada | Saint George's, Gouyave, Grenville, Victoria, Saint David’s
+UTC-4 | America/Guadeloupe | Guadeloupe | Les Abymes, Baie-Mahault, Le Gosier, Petit-Bourg, Sainte-Anne
+UTC-4 | America/Guyana | Guyana | Georgetown, Linden, New Amsterdam, Anna Regina, Bartica
+UTC-4 | America/Halifax | Canada | Halifax, Dartmouth, Charlottetown, Lower Sackville, Cole Harbour
+UTC-4 | America/Kralendijk | Bonaire, Saint Eustatius and Saba  | Kralendijk, Oranjestad, The Bottom
+UTC-4 | America/La_Paz | Bolivia | La Paz, Santa Cruz de la Sierra, Cochabamba, Sucre, Oruro
+UTC-4 | America/Lower_Princes | Sint Maarten | Cul de Sac, Lower Prince’s Quarter, Koolbaai, Philipsburg
+UTC-4 | America/Manaus | Brazil | Manaus, Itacoatiara, Parintins, Manacapuru, Coari
+UTC-4 | America/Marigot | Saint Martin | Marigot
+UTC-4 | America/Martinique | Martinique | Fort-de-France, Le Lamentin, Le Robert, Sainte-Marie, Le François
+UTC-4 | America/Moncton | Canada | Moncton, Saint John, Fredericton, Dieppe, Miramichi
+UTC-4 | America/Montserrat | Montserrat | Brades, Saint Peters, Plymouth
+UTC-4 | America/Porto_Velho | Brazil | Porto Velho, Ji Paraná, Vilhena, Ariquemes, Cacoal
+UTC-4 | America/Port_of_Spain | Trinidad and Tobago | Chaguanas, Mon Repos, San Fernando, Port of Spain, Rio Claro
+UTC-4 | America/Puerto_Rico | Puerto Rico | San Juan, Bayamón, Carolina, Ponce, Arecibo
+UTC-4 | America/Santiago | Chile | Santiago, Puente Alto, Antofagasta, Viña del Mar, Valparaíso
+UTC-4 | America/Santo_Domingo | Dominican Republic | Santo Domingo, Santiago de los Caballeros, Santo Domingo Oeste, Santo Domingo Este, San Pedro de Macorís
+UTC-4 | America/St_Barthelemy | Saint Barthelemy | Gustavia
+UTC-4 | America/St_Kitts | Saint Kitts and Nevis | Basseterre, Fig Tree, Market Shop, Saint Paul’s, Middle Island
+UTC-4 | America/St_Lucia | Saint Lucia | Castries, Bisee, Vieux Fort, Micoud, Soufrière
+UTC-4 | America/St_Thomas | U.S. Virgin Islands | Saint Croix, Charlotte Amalie, Cruz Bay
+UTC-4 | America/St_Vincent | Saint Vincent and the Grenadines | Kingstown, Georgetown, Barrouallie, Port Elizabeth, Chateaubelair
+UTC-4 | America/Thule | Greenland |
+UTC-4 | America/Tortola | British Virgin Islands | Road Town
+UTC-4 | Atlantic/Bermuda | Bermuda | Hamilton
+UTC-3:30 | America/St_Johns | Canada | St. John's, Mount Pearl, Corner Brook, Conception Bay South, Grand Falls-Windsor
+UTC-3 | America/Araguaina | Brazil | Palmas, Araguaína, Gurupi, Miracema do Tocantins, Taguatinga
+UTC-3 | America/Argentina/Buenos_Aires | Argentina | Buenos Aires, Mar del Plata, Bahía Blanca, Merlo, Quilmes
+UTC-3 | America/Argentina/Catamarca | Argentina | Catamarca, Comodoro Rivadavia, Trelew, Puerto Madryn, Esquel
+UTC-3 | America/Argentina/Cordoba | Argentina | Córdoba, Rosario, Santa Fe, Corrientes, Posadas
+UTC-3 | America/Argentina/Jujuy | Argentina | San Salvador de Jujuy, San Pedro de Jujuy, Libertador General San Martín, Palpalá, La Quiaca
+UTC-3 | America/Argentina/La_Rioja | Argentina | La Rioja, Chilecito, Arauco, Chamical
+UTC-3 | America/Argentina/Mendoza | Argentina | San Rafael, Mendoza, San Martín
+UTC-3 | America/Argentina/Rio_Gallegos | Argentina | Río Gallegos, Caleta Olivia, Pico Truncado, Puerto Deseado, Las Heras
+UTC-3 | America/Argentina/Salta | Argentina | Salta, Neuquén, Santa Rosa, San Carlos de Bariloche, Cipolletti
+UTC-3 | America/Argentina/San_Juan | Argentina | San Juan, Chimbas, Santa Lucía, Pocito, Caucete
+UTC-3 | America/Argentina/San_Luis | Argentina | San Luis, Villa Mercedes, La Punta, Merlo, Justo Daract
+UTC-3 | America/Argentina/Tucuman | Argentina | San Miguel de Tucumán, Yerba Buena, Tafí Viejo, Alderetes, Aguilares
+UTC-3 | America/Argentina/Ushuaia | Argentina | Ushuaia, Río Grande
+UTC-3 | America/Bahia | Brazil | Salvador, Feira de Santana, Vitória da Conquista, Itabuna, Camaçari
+UTC-3 | America/Belem | Brazil | Belém, Macapá, Ananindeua, Parauapebas, Marabá
+UTC-3 | America/Cayenne | French Guiana | Cayenne, Matoury, Saint-Laurent-du-Maroni, Kourou, Rémire-Montjoly
+UTC-3 | America/Fortaleza | Brazil | Fortaleza, São Luís, Natal, Teresina, João Pessoa
+UTC-3 | America/Maceio | Brazil | Maceió, Aracaju, Arapiraca, Nossa Senhora do Socorro, São Cristóvão
+UTC-3 | America/Miquelon | Saint Pierre and Miquelon | Saint-Pierre, Miquelon
+UTC-3 | America/Montevideo | Uruguay | Montevideo, Salto, Paysandú, Las Piedras, Rivera
+UTC-3 | America/Paramaribo | Suriname | Paramaribo, Lelydorp, Brokopondo, Nieuw Nickerie, Meerzorg
+UTC-3 | America/Punta_Arenas | Chile | Punta Arenas, Puerto Natales
+UTC-3 | America/Recife | Brazil | Recife, Jaboatão, Jaboatão dos Guararapes, Olinda, Paulista
+UTC-3 | America/Santarem | Brazil | Santarém, Altamira, Itaituba, Óbidos, Oriximiná
+UTC-3 | America/Sao_Paulo | Brazil | São Paulo, Rio de Janeiro, Belo Horizonte, Brasília, Curitiba
+UTC-3 | Antarctica/Palmer | Antarctica |
+UTC-3 | Antarctica/Rothera | Antarctica |
+UTC-3 | Atlantic/Stanley | Falkland Islands | Stanley
+UTC-2 | America/Noronha | Brazil |
+UTC-2 | America/Nuuk | Greenland | Nuuk, Sisimiut, Ilulissat, Qaqortoq, Aasiaat
+UTC-2 | Atlantic/South_Georgia | South Georgia and the South Sandwich Islands | Grytviken
+UTC-1 | America/Scoresbysund | Greenland |
+UTC-1 | Atlantic/Azores | Portugal | Ponta Delgada, Lagoa, Angra do Heroísmo, Rosto de Cão, Rabo de Peixe
+UTC-1 | Atlantic/Cape_Verde | Cabo Verde | Praia, Mindelo, Espargos, Assomada, Tarrafal
+UTC+0 | Africa/Abidjan | Ivory Coast | Abidjan, Abobo, Bouaké, Korhogo, Daloa
+UTC+0 | Africa/Accra | Ghana | Kumasi, Accra, Tamale, Takoradi, Sekondi
+UTC+0 | Africa/Bamako | Mali | Bamako, Ségou, Sikasso, Mopti, Koutiala
+UTC+0 | Africa/Banjul | Gambia | Serekunda, Brikama, Bununka Kunda, Sukuta, Talinding
+UTC+0 | Africa/Bissau | Guinea-Bissau | Bissau, Gabú, Bafatá, Canchungo, Bissorã
+UTC+0 | Africa/Casablanca | Morocco | Casablanca, Rabat, Fès, Sale, Marrakesh
+UTC+0 | Africa/Conakry | Guinea | Conakry, Camayenne, Nzérékoré, Kankan, Manéah
+UTC+0 | Africa/Dakar | Senegal | Dakar, Pikine, Touba, Thiès, Thiès Nones
+UTC+0 | Africa/El_Aaiun | Western Sahara | Laayoune, Dakhla, Boujdour, Laayoune Plage
+UTC+0 | Africa/Freetown | Sierra Leone | Freetown, Bo, Kenema, Koidu, Makeni
+UTC+0 | Africa/Lome | Togo | Lomé, Sokodé, Kara, Atakpamé, Kpalimé
+UTC+0 | Africa/Monrovia | Liberia | Monrovia, Gbarnga, Buchanan, Kakata, Zwedru
+UTC+0 | Africa/Nouakchott | Mauritania | Nouakchott, Nouadhibou, Dar Naim, Néma, Kaédi
+UTC+0 | Africa/Ouagadougou | Burkina Faso | Ouagadougou, Bobo-Dioulasso, Koudougou, Saaba, Ouahigouya
+UTC+0 | Africa/Sao_Tome | Sao Tome and Principe | São Tomé, Santo António
+UTC+0 | America/Danmarkshavn | Greenland |
+UTC+0 | Antarctica/Troll | Antarctica |
+UTC+0 | Atlantic/Canary | Spain | Las Palmas de Gran Canaria, Santa Cruz de Tenerife, La Laguna, Telde, Arona
+UTC+0 | Atlantic/Faroe | Faroe Islands | Tórshavn, Klaksvík, Fuglafjørður, Miðvágur, Tvøroyri
+UTC+0 | Atlantic/Madeira | Portugal | Funchal, Câmara de Lobos, São Martinho, Caniço, Machico
+UTC+0 | Atlantic/Reykjavik | Iceland | Reykjavík, Kópavogur, Hafnarfjörður, Reykjanesbær, Akureyri
+UTC+0 | Atlantic/St_Helena | Saint Helena | Jamestown, Georgetown, Edinburgh of the Seven Seas
+UTC+0 | Europe/Dublin | Ireland | Dublin, South Dublin, Cork, Limerick, Galway
+UTC+0 | Europe/Guernsey | Guernsey | Saint Peter Port, Saint Sampson, St Martin, St Anne, Saint Saviour
+UTC+0 | Europe/Isle_of_Man | Isle of Man | Douglas, Ramsey, Peel, Port Erin, Castletown
+UTC+0 | Europe/Jersey | Jersey | Saint Helier, Le Hocq
+UTC+0 | Europe/Lisbon | Portugal | Lisbon, Porto, Amadora, Braga, Setúbal
+UTC+0 | Europe/London | United Kingdom | London, Birmingham, Liverpool, Glasgow, Sheffield
+UTC+1 | Africa/Algiers | Algeria | Algiers, Oran, Constantine, Annaba, Blida
+UTC+1 | Africa/Bangui | Central African Republic | Bangui, Bimbo, Bégoua, Carnot, Berbérati
+UTC+1 | Africa/Brazzaville | Republic of the Congo | Brazzaville, Pointe-Noire, Dolisie, Nkayi, Kayes
+UTC+1 | Africa/Ceuta | Spain | Melilla
+UTC+1 | Africa/Douala | Cameroon | Douala, Yaoundé, Bamenda, Bafoussam, Maroua
+UTC+1 | Africa/Kinshasa | Democratic Republic of the Congo | Kinshasa, Kikwit, Masina, Mbandaka, Matadi
+UTC+1 | Africa/Lagos | Nigeria | Lagos, Kano, Ibadan, Port Harcourt, Benin City
+UTC+1 | Africa/Libreville | Gabon | Libreville, Port-Gentil, Franceville, Owendo, Oyem
+UTC+1 | Africa/Luanda | Angola | Luanda, Lubango, Huambo, Benguela, Cabinda
+UTC+1 | Africa/Malabo | Equatorial Guinea | Bata, Malabo, Ebebiyin, Aconibe, Añisoc
+UTC+1 | Africa/Ndjamena | Chad | N'Djamena, Moundou, Abéché, Sarh, Kelo
+UTC+1 | Africa/Niamey | Niger | Niamey, Zinder, Maradi, Agadez, Alaghsas
+UTC+1 | Africa/Porto-Novo | Benin | Cotonou, Abomey-Calavi, Porto-Novo, Parakou, Godomè
+UTC+1 | Africa/Tunis | Tunisia | Tunis, Sfax, Sousse, Kairouan, Bizerte
+UTC+1 | Africa/Windhoek | Namibia | Windhoek, Rundu, Walvis Bay, Oshakati, Swakopmund
+UTC+1 | Arctic/Longyearbyen | Svalbard and Jan Mayen | Longyearbyen, Olonkinbyen
+UTC+1 | Europe/Amsterdam | The Netherlands | Amsterdam, Rotterdam, The Hague, Utrecht, Groningen
+UTC+1 | Europe/Andorra | Andorra | Andorra la Vella, les Escaldes, Encamp, Sant Julià de Lòria, la Massana
+UTC+1 | Europe/Belgrade | Serbia | Belgrade, Pristina, Niš, Novi Sad, Prizren
+UTC+1 | Europe/Berlin | Germany | Berlin, Hamburg, Munich, Köln, Frankfurt am Main
+UTC+1 | Europe/Bratislava | Slovakia | Bratislava, Košice, Nitra, Prešov, Žilina
+UTC+1 | Europe/Brussels | Belgium | Brussels, Antwerpen, Gent, Charleroi, Liège
+UTC+1 | Europe/Budapest | Hungary | Budapest, Debrecen, Szeged, Miskolc, Pécs
+UTC+1 | Europe/Copenhagen | Denmark | Copenhagen, Århus, Odense, Aalborg, Frederiksberg
+UTC+1 | Europe/Gibraltar | Gibraltar | Gibraltar
+UTC+1 | Europe/Ljubljana | Slovenia | Ljubljana, Maribor, Kranj, Celje, Koper
+UTC+1 | Europe/Luxembourg | Luxembourg | Luxembourg, Esch-sur-Alzette, Dudelange, Schifflange, Bettembourg
+UTC+1 | Europe/Madrid | Spain | Madrid, Barcelona, Valencia, Sevilla, Zaragoza
+UTC+1 | Europe/Malta | Malta | San Pawl il-Baħar, Birkirkara, Mosta, Sliema, Qormi
+UTC+1 | Europe/Monaco | Monaco | Monaco, Monte-Carlo, La Condamine
+UTC+1 | Europe/Oslo | Norway | Oslo, Bergen, Trondheim, Stavanger, Drammen
+UTC+1 | Europe/Paris | France | Paris, Marseille, Lyon, Toulouse, Nice
+UTC+1 | Europe/Podgorica | Montenegro | Podgorica, Nikšić, Herceg Novi, Pljevlja, Budva
+UTC+1 | Europe/Prague | Czechia | Prague, Brno, Ostrava, Pilsen, Liberec
+UTC+1 | Europe/Rome | Italy | Rome, Milan, Naples, Turin, Palermo
+UTC+1 | Europe/San_Marino | San Marino | Serravalle, Borgo Maggiore, San Marino, Domagnano, Fiorentino
+UTC+1 | Europe/Sarajevo | Bosnia and Herzegovina | Sarajevo, Banja Luka, Zenica, Tuzla, Mostar
+UTC+1 | Europe/Skopje | North Macedonia | Skopje, Kumanovo, Prilep, Bitola, Čair
+UTC+1 | Europe/Stockholm | Sweden | Stockholm, Göteborg, Malmö, Uppsala, Linköping
+UTC+1 | Europe/Tirane | Albania | Tirana, Durrës, Elbasan, Vlorë, Shkodër
+UTC+1 | Europe/Vaduz | Liechtenstein | Schaan, Vaduz, Triesen, Balzers, Eschen
+UTC+1 | Europe/Vatican | Vatican | Vatican City
+UTC+1 | Europe/Vienna | Austria | Vienna, Graz, Linz, Favoriten, Donaustadt
+UTC+1 | Europe/Warsaw | Poland | Warsaw, Łódź, Kraków, Wrocław, Poznań
+UTC+1 | Europe/Zagreb | Croatia | Zagreb, Split, Rijeka, Osijek, Zadar
+UTC+1 | Europe/Zurich | Switzerland | Zürich, Genève, Basel, Lausanne, Bern
+UTC+2 | Africa/Blantyre | Malawi | Lilongwe, Blantyre, Mzuzu, Zomba, Kasungu
+UTC+2 | Africa/Bujumbura | Burundi | Bujumbura, Gitega, Ngozi, Rumonge, Cibitoke
+UTC+2 | Africa/Cairo | Egypt | Cairo, Alexandria, Giza, Shubrā al Khaymah, Port Said
+UTC+2 | Africa/Gaborone | Botswana | Gaborone, Francistown, Mogoditshane, Maun, Molepolole
+UTC+2 | Africa/Harare | Zimbabwe | Harare, Bulawayo, Chitungwiza, Mutare, Gweru
+UTC+2 | Africa/Johannesburg | South Africa | Johannesburg, Cape Town, Durban, Soweto, Pretoria
+UTC+2 | Africa/Juba | South Sudan | Juba, Winejok, Yei, Malakal, Wau
+UTC+2 | Africa/Khartoum | Sudan | Khartoum, Omdurman, Nyala, Port Sudan, Kassala
+UTC+2 | Africa/Kigali | Rwanda | Kigali, Gisenyi, Butare, Gitarama, Musanze
+UTC+2 | Africa/Lubumbashi | Democratic Republic of the Congo | Lubumbashi, Mbuji-Mayi, Kananga, Kisangani, Bukavu
+UTC+2 | Africa/Lusaka | Zambia | Lusaka, Ndola, Kitwe, Chipata, Kabwe
+UTC+2 | Africa/Maputo | Mozambique | Maputo, Matola, Nampula, Beira, Chimoio
+UTC+2 | Africa/Maseru | Lesotho | Maseru, Maputsoe, Mohale's Hoek, Mafeteng, Hlotse
+UTC+2 | Africa/Mbabane | Eswatini | Manzini, Mbabane, Big Bend, Malkerns, Nhlangano
+UTC+2 | Africa/Tripoli | Libya | Tripoli, Benghazi, Misratah, Zliten, Al Khums
+UTC+2 | Asia/Beirut | Lebanon | Beirut, Ra’s Bayrūt, Tripoli, Sidon, Tyre
+UTC+2 | Asia/Famagusta | Cyprus | Famagusta, Kyrenia, Égkomi, Protaras, Paralímni
+UTC+2 | Asia/Gaza | Palestinian Territory | Gaza, Khān Yūnis, Jabālyā, Rafaḩ, Dayr al Balaḩ
+UTC+2 | Asia/Hebron | Palestinian Territory | East Jerusalem, Hebron, Nablus, Ţūlkarm, Qalqīlyah
+UTC+2 | Asia/Jerusalem | Israel | Jerusalem, Tel Aviv, West Jerusalem, Haifa, Rishon LeTsiyyon
+UTC+2 | Asia/Nicosia | Cyprus | Nicosia, Limassol, Larnaca, Stróvolos, Káto Lakatámeia
+UTC+2 | Europe/Athens | Greece | Athens, Thessaloníki, Pátra, Piraeus, Lárisa
+UTC+2 | Europe/Bucharest | Romania | Bucharest, Sector 3, Iaşi, Sector 6, Sector 2
+UTC+2 | Europe/Chisinau | Moldova | Chisinau, Tiraspol, Bălţi, Bender, Rîbniţa
+UTC+2 | Europe/Helsinki | Finland | Helsinki, Espoo, Tampere, Oulu, Turku
+UTC+2 | Europe/Kaliningrad | Russia | Kaliningrad, Chernyakhovsk, Sovetsk, Baltiysk, Gusev
+UTC+2 | Europe/Kyiv | Ukraine | Kyiv, Kharkiv, Odesa, Dnipro, Donetsk
+UTC+2 | Europe/Mariehamn | Aland Islands | Mariehamn
+UTC+2 | Europe/Riga | Latvia | Riga, Daugavpils, Liepāja, Jelgava, Jūrmala
+UTC+2 | Europe/Sofia | Bulgaria | Sofia, Plovdiv, Varna, Burgas, Stara Zagora
+UTC+2 | Europe/Tallinn | Estonia | Tallinn, Tartu, Narva, Pärnu, Nõmme
+UTC+2 | Europe/Vilnius | Lithuania | Vilnius, Kaunas, Klaipėda, Šiauliai, Panevėžys
+UTC+3 | Africa/Addis_Ababa | Ethiopia | Addis Ababa, Jijiga, Gonder, Mek'ele, Nazrēt
+UTC+3 | Africa/Asmara | Eritrea | Asmara, Keren, Himora, Massawa, Assab
+UTC+3 | Africa/Dar_es_Salaam | Tanzania | Dar es Salaam, Mwanza, Arusha, Mbeya, Morogoro
+UTC+3 | Africa/Djibouti | Djibouti | Djibouti, Ali Sabih, Dikhil, Tadjoura, Arta
+UTC+3 | Africa/Kampala | Uganda | Kampala, Gulu, Lira, Mbarara, Jinja
+UTC+3 | Africa/Mogadishu | Somalia | Mogadishu, Borama, Hargeysa, Berbera, Kismayo
+UTC+3 | Africa/Nairobi | Kenya | Nairobi, Kakamega, Mombasa, Nakuru, Ruiru
+UTC+3 | Antarctica/Syowa | Antarctica |
+UTC+3 | Asia/Aden | Yemen | Sanaa, Aden, Al Ḩudaydah, Taiz, Mukalla
+UTC+3 | Asia/Amman | Jordan | Amman, Zarqa, Irbid, Russeifa, Wādī as Sīr
+UTC+3 | Asia/Baghdad | Iraq | Baghdad, Al Mawşil al Jadīdah, Al Başrah al Qadīmah, Mosul, Erbil
+UTC+3 | Asia/Bahrain | Bahrain | Ar Rifā‘, Manama, Al Muharraq, Dār Kulayb, Madīnat Ḩamad
+UTC+3 | Asia/Damascus | Syria | Aleppo, Damascus, Homs, Latakia, Ar Raqqah
+UTC+3 | Asia/Kuwait | Kuwait | Al Aḩmadī, Ḩawallī, As Sālimīyah, Şabāḩ as Sālim, Al Farwānīyah
+UTC+3 | Asia/Qatar | Qatar | Doha, Ar Rayyān, Umm Şalāl Muḩammad, Al Wakrah, Al Khawr
+UTC+3 | Asia/Riyadh | Saudi Arabia | Jeddah, Riyadh, Mecca, Medina, Dammam
+UTC+3 | Europe/Istanbul | Turkey | Istanbul, Ankara, Bursa, İzmir, Gaziantep
+UTC+3 | Europe/Kirov | Russia | Kirov, Kirovo-Chepetsk, Vyatskiye Polyany, Slobodskoy, Kotel’nich
+UTC+3 | Europe/Minsk | Belarus | Minsk, Homyel', Hrodna, Mahilyow, Brest
+UTC+3 | Europe/Moscow | Russia | Moscow, Saint Petersburg, Nizhniy Novgorod, Kazan, Rostov-na-Donu
+UTC+3 | Europe/Simferopol | Ukraine | Sevastopol, Simferopol, Kerch, Yevpatoriya, Yalta
+UTC+3 | Europe/Volgograd | Russia | Volgograd, Volzhsky, Kamyshin, Mikhaylovka, Uryupinsk
+UTC+3 | Indian/Antananarivo | Madagascar | Antananarivo, Toamasina, Antsirabe, Mahajanga, Fianarantsoa
+UTC+3 | Indian/Comoro | Comoros | Moroni, Moutsamoudou, Fomboni, Tsimbeo, Domoni
+UTC+3 | Indian/Mayotte | Mayotte | Mamoudzou, Koungou, Dzaoudzi, Dembeni, Sada
+UTC+3:30 | Asia/Tehran | Iran | Tehran, Mashhad, Isfahan, Karaj, Tabriz
+UTC+4 | Asia/Baku | Azerbaijan | Baku, Sumqayıt, Ganja, Lankaran, Tovuz
+UTC+4 | Asia/Dubai | United Arab Emirates | Dubai, Abu Dhabi, Sharjah, Al Ain City, Ajman City
+UTC+4 | Asia/Muscat | Oman | Muscat, Seeb, Bawshar, ‘Ibrī, Şalālah
+UTC+4 | Asia/Tbilisi | Georgia | Tbilisi, Batumi, Kutaisi, Rustavi, Sokhumi
+UTC+4 | Asia/Yerevan | Armenia | Yerevan, Gyumri, Vanadzor, Vagharshapat, Hrazdan
+UTC+4 | Europe/Astrakhan | Russia | Astrakhan, Akhtubinsk, Znamensk, Kharabali, Kamyzyak
+UTC+4 | Europe/Samara | Russia | Samara, Tolyatti, Izhevsk, Syzran, Novokuybyshevsk
+UTC+4 | Europe/Saratov | Russia | Saratov, Balakovo, Engels, Balashov, Vol’sk
+UTC+4 | Europe/Ulyanovsk | Russia | Ulyanovsk, Dimitrovgrad, Inza, Barysh, Novoul’yanovsk
+UTC+4 | Indian/Mahe | Seychelles | Victoria, Anse Boileau, Bel Ombre, Beau Vallon, Cascade
+UTC+4 | Indian/Mauritius | Mauritius | Port Louis, Vacoas, Beau Bassin-Rose Hill, Curepipe, Quatre Bornes
+UTC+4 | Indian/Reunion | Reunion | Saint-Denis, Saint-Paul, Le Tampon, Saint-Pierre, Saint-André
+UTC+4:30 | Asia/Kabul | Afghanistan | Kabul, Herāt, Mazār-e Sharīf, Kandahār, Jalālābād
+UTC+5 | Antarctica/Mawson | Antarctica |
+UTC+5 | Asia/Aqtau | Kazakhstan | Shevchenko, Zhanaozen, Beyneu, Shetpe, Kuryk
+UTC+5 | Asia/Aqtobe | Kazakhstan | Aktobe, Kandyagash, Shalqar, Khromtau, Embi
+UTC+5 | Asia/Ashgabat | Turkmenistan | Ashgabat, Türkmenabat, Daşoguz, Mary, Balkanabat
+UTC+5 | Asia/Atyrau | Kazakhstan | Atyrau, Qulsary, Shalkar, Balykshi, Maqat
+UTC+5 | Asia/Dushanbe | Tajikistan | Dushanbe, Isfara, Istaravshan, Kŭlob, Konibodom
+UTC+5 | Asia/Karachi | Pakistan | Karachi, Lahore, Faisalabad, Rawalpindi, Multan
+UTC+5 | Asia/Oral | Kazakhstan | Oral, Aqsay, Zhanibek, Tasqala, Zhumysker
+UTC+5 | Asia/Qyzylorda | Kazakhstan | Kyzylorda, Novokazalinsk, Aral, Shiyeli, Zhangaqorghan
+UTC+5 | Asia/Samarkand | Uzbekistan | Samarkand, Nukus, Bukhara, Qarshi, Tirmiz
+UTC+5 | Asia/Tashkent | Uzbekistan | Tashkent, Namangan, Andijon, Fergana, Qo‘qon
+UTC+5 | Asia/Yekaterinburg | Russia | Yekaterinburg, Chelyabinsk, Ufa, Perm, Tyumen
+UTC+5 | Indian/Kerguelen | French Southern Territories | Port-aux-Français
+UTC+5 | Indian/Maldives | Maldives | Male, Fuvahmulah, Hithadhoo, Kulhudhuffushi, Thinadhoo
+UTC+5:30 | Asia/Colombo | Sri Lanka | Colombo, Dehiwala-Mount Lavinia, Maharagama, Jaffna, Moratuwa
+UTC+5:30 | Asia/Kolkata | India | Mumbai, Delhi, Bengaluru, Hyderābād, Ahmedabad
+UTC+5:45 | Asia/Kathmandu | Nepal | Kathmandu, Bharatpur, Pātan, Birgañj, Biratnagar
+UTC+6 | Antarctica/Vostok | Antarctica |
+UTC+6 | Asia/Almaty | Kazakhstan | Almaty, Shymkent, Karagandy, Taraz, Astana
+UTC+6 | Asia/Bishkek | Kyrgyzstan | Bishkek, Osh, Jalal-Abad, Karakol, Tokmok
+UTC+6 | Asia/Dhaka | Bangladesh | Dhaka, Chattogram, Khulna, Rangpur, Comilla
+UTC+6 | Asia/Omsk | Russia | Omsk, Tara, Kalachinsk, Znamenskoye, Tavricheskoye
+UTC+6 | Asia/Qostanay | Kazakhstan | Kostanay, Rudnyy, Baikonur, Zhitikara, Arkalyk
+UTC+6 | Asia/Thimphu | Bhutan | Thimphu, Phuntsholing, Tsirang, Punākha, Pemagatshel
+UTC+6 | Asia/Urumqi | China | Ürümqi, Shihezi, Korla, Aksu, Kashgar
+UTC+6 | Indian/Chagos | British Indian Ocean Territory |
+UTC+6:30 | Asia/Yangon | Myanmar | Yangon, Mandalay, Nay Pyi Taw, Mawlamyine, Kyain Seikgyi Township
+UTC+6:30 | Indian/Cocos | Cocos Islands | West Island
+UTC+7 | Antarctica/Davis | Antarctica |
+UTC+7 | Asia/Bangkok | Thailand | Hanoi, Bangkok, Haiphong, Samut Prakan, Huế
+UTC+7 | Asia/Barnaul | Russia | Barnaul, Biysk, Rubtsovsk, Gorno-Altaysk, Novoaltaysk
+UTC+7 | Asia/Hovd | Mongolia | Ulaangom, Khovd, Ölgii, Altai, Uliastay
+UTC+7 | Asia/Ho_Chi_Minh | Vietnam | Ho Chi Minh City, Da Nang, Biên Hòa, Cần Thơ, Thuận An
+UTC+7 | Asia/Jakarta | Indonesia | Jakarta, Surabaya, Bekasi, Bandung, Medan
+UTC+7 | Asia/Krasnoyarsk | Russia | Krasnoyarsk, Abakan, Norilsk, Achinsk, Kyzyl
+UTC+7 | Asia/Novokuznetsk | Russia | Kemerovo, Novokuznetsk, Prokop’yevsk, Leninsk-Kuznetsky, Kiselëvsk
+UTC+7 | Asia/Novosibirsk | Russia | Novosibirsk, Berdsk, Iskitim, Akademgorodok, Kuybyshev
+UTC+7 | Asia/Phnom_Penh | Cambodia | Phnom Penh, Takeo, Siem Reap, Battambang, Paoy Paet
+UTC+7 | Asia/Pontianak | Indonesia | Pontianak, Palangkaraya, Singkawang, Sampit, Sungai Raya
+UTC+7 | Asia/Tomsk | Russia | Tomsk, Seversk, Strezhevoy, Kolpashevo, Asino
+UTC+7 | Asia/Vientiane | Laos | Vientiane, Savannakhet, Pakse, Thakhèk, Luang Prabang
+UTC+7 | Indian/Christmas | Christmas Island | Flying Fish Cove
+UTC+8 | Asia/Brunei | Brunei | Bandar Seri Begawan, Kuala Belait, Seria, Tutong, Bangar
+UTC+8 | Asia/Choibalsan | Mongolia | Baruun-Urt, Choibalsan
+UTC+8 | Asia/Hong_Kong | Hong Kong | Hong Kong, Kowloon, Victoria, Tuen Mun, Sha Tin
+UTC+8 | Asia/Irkutsk | Russia | Irkutsk, Ulan-Ude, Bratsk, Angarsk, Ust’-Ilimsk
+UTC+8 | Asia/Kuala_Lumpur | Malaysia | Kuala Lumpur, Petaling Jaya, Klang, Johor Bahru, Ipoh
+UTC+8 | Asia/Kuching | Malaysia | Kota Kinabalu, Sandakan, Kuching, Tawau, Miri
+UTC+8 | Asia/Macau | Macao | Macau, Taipa
+UTC+8 | Asia/Makassar | Indonesia | Makassar, Samarinda, Denpasar, Balikpapan, Banjarmasin
+UTC+8 | Asia/Manila | Philippines | Quezon City, Davao, Manila, Caloocan City, Budta
+UTC+8 | Asia/Shanghai | China | Shanghai, Beijing, Shenzhen, Guangzhou, Chengdu
+UTC+8 | Asia/Singapore | Singapore | Singapore, Jurong Town, Woodlands, Punggol, Kampong Pasir Ris
+UTC+8 | Asia/Taipei | Taiwan | Taipei, Kaohsiung, Taichung, Tainan, Banqiao
+UTC+8 | Asia/Ulaanbaatar | Mongolia | Ulan Bator, Erdenet, Darhan, Mörön, Bayanhongor
+UTC+8 | Australia/Perth | Australia | Perth, Mandurah, Bunbury, Baldivis, Geraldton
+UTC+8:45 | Australia/Eucla | Australia |
+UTC+9 | Asia/Chita | Russia | Chita, Krasnokamensk, Borzya, Petrovsk-Zabaykal’skiy, Aginskoye
+UTC+9 | Asia/Dili | Timor Leste | Dili, Maliana, Suai, Likisá, Aileu
+UTC+9 | Asia/Jayapura | Indonesia | Jayapura, Ambon, Sorong, Ternate, Manokwari
+UTC+9 | Asia/Khandyga | Russia |
+UTC+9 | Asia/Pyongyang | North Korea | Pyongyang, Hamhŭng, Namp’o, Sunch’ŏn, Hŭngnam
+UTC+9 | Asia/Seoul | South Korea | Seoul, Busan, Incheon, Daegu, Gwangju
+UTC+9 | Asia/Tokyo | Japan | Tokyo, Yokohama, Osaka, Nagoya, Sapporo
+UTC+9 | Asia/Yakutsk | Russia | Yakutsk, Blagoveshchensk, Belogorsk, Neryungri, Svobodnyy
+UTC+9 | Pacific/Palau | Palau | Koror, Koror Town, Kloulklubed, Ulimang, Mengellang
+UTC+9:30 | Australia/Adelaide | Australia | Adelaide, Adelaide Hills, Mount Gambier, Morphett Vale, Gawler
+UTC+9:30 | Australia/Broken_Hill | Australia | Broken Hill
+UTC+9:30 | Australia/Darwin | Australia | Darwin, Alice Springs, Palmerston, Howard Springs
+UTC+10 | Antarctica/DumontDUrville | Antarctica |
+UTC+10 | Antarctica/Macquarie | Australia |
+UTC+10 | Asia/Ust-Nera | Russia |
+UTC+10 | Asia/Vladivostok | Russia | Khabarovsk, Vladivostok, Khabarovsk Vtoroy, Komsomolsk-on-Amur, Ussuriysk
+UTC+10 | Australia/Brisbane | Australia | Brisbane, Gold Coast, Logan City, Townsville, Cairns
+UTC+10 | Australia/Hobart | Australia | Hobart, Launceston, Burnie, Devonport, Sandy Bay
+UTC+10 | Australia/Lindeman | Australia |
+UTC+10 | Australia/Melbourne | Australia | Melbourne, Geelong, Ballarat, Bendigo, Point Cook
+UTC+10 | Australia/Sydney | Australia | Sydney, Canberra, Newcastle, Wollongong, Maitland
+UTC+10 | Pacific/Chuuk | Micronesia | Weno, Colonia
+UTC+10 | Pacific/Guam | Guam | Dededo Village, Yigo Village, Tamuning, Tamuning-Tumon-Harmon Village, Mangilao Village
+UTC+10 | Pacific/Port_Moresby | Papua New Guinea | Port Moresby, Lae, Mount Hagen, Popondetta, Madang
+UTC+10 | Pacific/Saipan | Northern Mariana Islands | Saipan, San Jose Village
+UTC+10:30 | Australia/Lord_Howe | Australia |
+UTC+11 | Antarctica/Casey | Antarctica |
+UTC+11 | Asia/Magadan | Russia | Magadan, Ust-Nera, Susuman, Ola
+UTC+11 | Asia/Sakhalin | Russia | Yuzhno-Sakhalinsk, Korsakov, Kholmsk, Okha, Nevel’sk
+UTC+11 | Asia/Srednekolymsk | Russia |
+UTC+11 | Pacific/Bougainville | Papua New Guinea | Arawa, Buka
+UTC+11 | Pacific/Efate | Vanuatu | Port-Vila, Luganville, Isangel, Sola, Lakatoro
+UTC+11 | Pacific/Guadalcanal | Solomon Islands | Honiara, Malango, Auki, Gizo, Kirakira
+UTC+11 | Pacific/Kosrae | Micronesia | Tofol
+UTC+11 | Pacific/Norfolk | Norfolk Island | Kingston
+UTC+11 | Pacific/Noumea | New Caledonia | Nouméa, Mont-Dore, Dumbéa, Païta, Wé
+UTC+11 | Pacific/Pohnpei | Micronesia | Kolonia, Kolonia Town, Palikir - National Government Center
+UTC+12 | Antarctica/McMurdo | Antarctica |
+UTC+12 | Asia/Anadyr | Russia | Anadyr, Bilibino
+UTC+12 | Asia/Kamchatka | Russia | Petropavlovsk-Kamchatsky, Yelizovo, Vilyuchinsk, Klyuchi, Mil’kovo
+UTC+12 | Pacific/Auckland | New Zealand | Auckland, Wellington, Christchurch, Manukau City, North Shore
+UTC+12 | Pacific/Fiji | Fiji | Nasinu, Suva, Lautoka, Nadi, Labasa
+UTC+12 | Pacific/Funafuti | Tuvalu | Funafuti, Savave Village, Tanrake Village, Toga Village, Asau Village
+UTC+12 | Pacific/Kwajalein | Marshall Islands | Ebaye, Jabat
+UTC+12 | Pacific/Majuro | Marshall Islands | Majuro, Arno, Jabor, Wotje, Mili
+UTC+12 | Pacific/Nauru | Nauru | Yaren, Baiti, Anabar, Uaboe, Ijuw
+UTC+12 | Pacific/Tarawa | Kiribati | Tarawa, Betio Village, Bikenibeu Village
+UTC+12 | Pacific/Wake | United States Minor Outlying Islands |
+UTC+12 | Pacific/Wallis | Wallis and Futuna | Mata-Utu, Leava, Alo
+UTC+12:45 | Pacific/Chatham | New Zealand | Waitangi
+UTC+13 | Pacific/Apia | Samoa | Apia, Asau, Mulifanua, Afega, Leulumoega
+UTC+13 | Pacific/Fakaofo | Tokelau | Atafu Village, Nukunonu, Fale old settlement
+UTC+13 | Pacific/Kanton | Kiribati |
+UTC+13 | Pacific/Tongatapu | Tonga | Nuku‘alofa, Lapaha, Neiafu, Pangai, ‘Ohonua
+UTC+14 | Pacific/Kiritimati | Kiribati |
+<!--rehype:className=left-align show-header-->
+
+另见
+---
+<!--rehype:wrap-class=col-span-3-->
+
+- [时区列表](https://help.aliyun.com/zh/maxcompute/user-guide/time-zones) _(aliyun.com)_
+- [全部时区列表](https://www.zeitverschiebung.net/cn/all-time-zones.html) _(zeitverschiebung.net)_

docs/vim.md

@@ -53,52 +53,52 @@ G gg H M L k j ▶  print("to")
 
 快捷方式 | 说明
 :- | -
-`h` \| `j` \| `k` \| `l`       | 方向键
-`<C-u>` _/_ `<C-d>`            | 上/下半页
-`<C-b>` _/_ `<C-f>`            | 向上/向下翻页
-<!--rehype:className=shortcuts-->
+方向键 | `h` \| `j` \| `k` \| `l`
+上/下半页 | `<C-u>` _/_ `<C-d>`
+向上/向下翻页 | `<C-b>` _/_ `<C-f>`
+<!--rehype:className=shortcuts-last-->
 
 #### 字(词)
 
 快捷方式 | 说明
 :- | -
-`b` _/_ `w`  | 上一个/下一个单词
-`ge` _/_ `e` | 上一个/下一个词尾
-<!--rehype:className=shortcuts-->
+上一个/下一个单词 | `b` _/_ `w`
+上一个/下一个词尾 | `ge` _/_ `e`
+<!--rehype:className=shortcuts-last-->
 
 #### 行
 
 快捷方式 | 说明
 :- | -
-`0` _(zero)_ _/_ `$` | 行的开始/结束
-`^`                  | 行开头 _(非空白)_
-<!--rehype:className=shortcuts-->
+行的开始/结束 | `0` _(zero)_ _/_ `$`
+行开头 _(非空白)_ | `^`
+<!--rehype:className=shortcuts-last-->
 
 #### 字符串
 
 快捷方式 | 说明
 :- | -
-`Fe` _/_ `fe`  | 移动到上一个/下一个`e`
-`To` _/_ `to`  | 在上一个/下一个`o`之前/之后移动
-`\|` _/_ `n\|` | 转到第一个/`n`列
-<!--rehype:className=shortcuts-->
+移动到上一个/下一个`e` | `Fe` _/_ `fe`
+在上一个/下一个`o`之前/之后移动 | `To` _/_ `to`
+转到第一个/`n`列 | `\|` _/_ `n\|`
+<!--rehype:className=shortcuts-last-->
 
 #### 文档
 
 快捷方式 | 说明
 :- | -
-`gg` _/_ `G`   | 第一行/最后一行
-`:n` \| `nG`   | 转到第 `n` 行
-`}` _/_ `{`    | 下一个/上一个空行
-<!--rehype:className=shortcuts-->
+第一行/最后一行   | `gg` _/_ `G`
+转到第 `n` 行    | `:n` \| `nG`
+下一个/上一个空行 | `}` _/_ `{`
+<!--rehype:className=shortcuts-last-->
 
 #### 窗口
 
 快捷方式 | 说明
 :- | -
-`H` _/_ `M` _/_ `L`     | 上/中/下屏幕
-`zt` _/_ `zz` _/_  `zb` | 上/中/下这条线
-<!--rehype:className=shortcuts-->
+上/中/下屏幕 | `H` _/_ `M` _/_ `L`
+上/中/下这条线 | `zt` _/_ `zz` _/_  `zb`
+<!--rehype:className=shortcuts-last-->
 
 ### 插入模式
 
@@ -117,17 +117,17 @@ G gg H M L k j ▶  print("to")
 
 快捷方式 | 说明
 :- | -
-`:w`                      | 保存
-`:q`                      | 关闭文件
-`:wq` \| `:x` \| `ZZ`     | 保存并退出
-`:wqa`                    | 保存并退出所有文件
-`:q!` \| `ZQ`             | 强制退出
-`:qa`                     | 关闭所有文件
-`:qa!`                    | 强制退出所有文件
-`:w` new.txt              | 写入`new.txt`
-`:sav` new.txt            | 保存并编辑`new.txt`
-`:w` !sudo tee %          | 写入只读文件
-<!--rehype:className=shortcuts-->
+保存 | `:w`
+关闭文件 | `:q`
+保存并退出 | `:wq` \| `:x` \| `ZZ`
+保存并退出所有文件 | `:wqa`
+强制退出 | `:q!` \| `ZQ`
+关闭所有文件 | `:qa`
+强制退出所有文件 | `:qa!`
+写入`new.txt` | `:w` new.txt
+保存并编辑`new.txt` | `:sav` new.txt
+写入只读文件 | `:w` !sudo tee %
+<!--rehype:className=shortcuts-last-->
 
 ### 正常模式
 
@@ -368,6 +368,7 @@ Vim 多个文件
 `<C-w>` `-`  _/_ `+` | 减少/增加高度
 `<C-w>` `<`  _/_ `>` | 减少/增加宽度
 `<C-w>` `\|`          | 最大宽度
+`<C-w>` `_`          | 最大高度
 `<C-w>` `=`          | 同样高和宽
 `<C-w>` `h` _/_ `l`  | 转到左/右窗口
 `<C-w>` `j` _/_ `k`  | 转到上/下窗口

docs/vue.md

@@ -721,6 +721,390 @@ const value = inject(ProvideKey)
 
 <!--rehype:className=wrap-text -->
 
+## 路由
+
+### 1. 路由的基本使用
+
+#### 开启命名空间后，组件中读取state数据
+
+方式一：自己直接读取
+
+```javascript
+this.$store.state.personAbout.list
+```
+
+方式二：借助 mapState 读取：
+
+```js
+...mapState('countAbout',[
+  'sum','school','subject'
+]),
+```
+
+#### 开启命名空间后，组件中读取getters数据
+
+方式一：自己直接读取
+
+```javascript
+this.$store.getters[
+  'personAbout/firstPersonName'
+]
+```
+
+方式二：借助 mapGetters 读取：
+
+```js
+...mapGetters('countAbout',['bigSum'])
+```
+
+#### 开启命名空间后，组件中调用dispatch
+
+方式一：自己直接 dispatch
+
+```javascript
+this.$store.dispatch(
+  'personAbout/addPersonWang', person
+)
+```
+
+方式二：借助mapActions:
+
+```js
+...mapActions('countAbout',{
+  incrementOdd:'jia0dd',
+  incrementWait:'jiaWait'
+})
+```
+
+#### 开启命名空间后，组件中调用commit
+
+方式一：自己直接 commit
+
+```javascript
+this.$store.commit(
+  'personAbout/ADD_PERSON', person
+)
+```
+
+方式二：借助 mapMutations:
+
+```js
+...mapMutations('countAbout', {
+  increment:'JIA',decrement:'JIAN'
+}),
+```
+
+### 2. 路由的使用
+
+```javascript
+import VueRouter from 'vue-router'
+// 引入Luyou 组件
+import About from '../components/About'
+import Home from '../components/Home'
+// 创建router实例对象，去管理一组一组的路由规则
+const router = new VueRouter({
+  routes: [
+    path: '/about',
+    component: About
+    path: '/home',
+    component: Home
+  ]
+})
+// 暴露 router
+export default router
+```
+
+实现切换（active-class可配置高亮样式）
+
+```html
+<router-link
+  active-class="active"
+  to="/about">
+  About
+</router-link>
+```
+
+指定展示位置
+
+```html
+<router-diew></router-view>
+```
+
+几个注意点
+
+- 路由组件通常存放在pages文件夹，一般组件通常存放在components文件夹。
+- 通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。
+- 每个组件都有自己的$route属性，里面存储着自己的路由信息。
+- 整个应用只有一个router，可以通过组件的srouter 属性获取到。
+<!--rehype:className=style-list-arrow-->
+
+### 3.路由的query
+
+```html
+<template>
+  <div>
+    <ul class="list">
+        <!-- to的对象写法 -->
+        <li v-for="item of data" :key="item.id">
+            <router-link 
+                class="link" 
+                :to="{
+                    path:'/home/message/mes',
+                    query: { id:item.id, title:item.mes }
+                }"
+            >{{item.mes}}</router-link>
+        </li>
+    </ul>
+    <hr>
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+    name:'HomeChild1',
+    data() {
+      return {
+        data:[
+            {id:1,mes:"消息1"},
+            {id:2,mes:"消息2"},
+            {id:3,mes:"消息3"}
+        ]
+      }
+    },
+}
+</script>
+
+<style scoped>
+  .list { margin-left:80px; }
+  .link{
+    color: orange;
+    text-decoration: none;
+    background-color: skyblue;
+  }
+</style>
+```
+
+> 接收参数 `{{$route.query.id}}`
+
+#### 跳转路由并携带参数
+
+```html
+<li v-for="item of data" :key="item.id">
+    <router-link 
+        class="link" 
+        :to="`/home/message/mes?id=${item.id}&title=${item.mes}`"
+    >
+      {{item.mes}}
+    </router-link>
+</li>
+```
+
+### 4. 命名路由
+
+```javascript
+routes:[
+    { path:'/about', component:AboutBody },
+    {
+        path:'/home',
+        component:HomeBody,
+        children:[
+            { path:'news', component:HomeChild },
+            { 
+              path:'message',
+              component:HomeChild1,
+              //多级路由
+              children:[
+                  { name:'richu', path:'mes', component:HomeMessage }
+              ]
+            }
+        ]
+    }
+]
+```
+
+使用
+
+```html
+<router-link :to="{ 
+  name:'',
+  path:'/home/message/mes',
+​  query:{ id:item.id,title:item.mes }
+}">
+```  
+
+### 5.params参数的使用
+
+#### 1. 声明接收
+
+```javascript
+children:[
+    {
+        name:'richu',
+        path:'mes/:id/:title',
+        component:HomeMessage
+    }
+]
+```
+
+#### 2. 传递
+
+```html
+<li v-for="item of data" :key="item.id">
+    <router-link 
+      class="link" 
+      :to="`/home/message/mes/${item.id}/${item.mes}`"
+      >{{item.mes}}
+    </router-link>
+</li>
+```
+
+#### 3. 接收
+
+```html
+<li>编号{{$route.params.id}}</li>
+<li>标题{{$route.params.title}}</li>
+```
+
+### 6.props的使用
+
+路由的props配置
+
+```js
+{
+  name: 'xiangqing',
+  path:'detail/:id',
+  component:Detail
+}
+```
+
+作用：让路由组件更方便的收到参数
+
+```javascript
+//第一种写法：props值为对象，该对象中所有的key-value的组合最终都会通过props传给Detai1组件
+// props:{a:900]
+//第二种写法：props值为布尔值，布尔值为true，则把路由收到的所有params参数通过props传给Detai1组件
+// props:true
+//第三种写法：props值为函数，该函数返回的对象中每一组key-value都会通过props传给Detail组件
+props(route){
+  return {
+    id:route.query.id,
+    title:route.query.title
+  }
+}
+```
+
+\<router-link> 的 replace 属性
+
+1. 作用：控制路由跳转时操作浏览器历史记录的模式
+2. 浏览器的历史记录有两种写入方式：分别为 push和replace,默认为push
+3. 如何开启replace 模式： `push` 是追加历史记录,`replace` 是替换当前记录[路由跳转时候 `<router-link replace>News\</router-link>`]
+
+### 7. 编程式路由导航
+
+作用：不借助router-link实现路由跳转，让跳转更加灵活
+
+```javascript
+this.$router.push({
+    name:'xiangqing',
+    params:{
+        id: xxx,
+        title: xxx
+        // 实现路由跳转，让路由跳转更加灵活
+    }
+})
+this.$router.replace({
+    name:'xiangqing',
+    params:{
+        id:xxx,
+        title:xxx
+    }
+})
+this.$router.forward();
+this.$router.back();
+this.$router.go(3);
+```
+
+### 8.缓存路由组件
+
+让不展示的路由组件保持挂载，不被销毁，示例：
+
+```html
+<keep-alive include="news">
+    <router-view></router-view>
+</keep-alive>
+```
+
+- `include` 里面写模块名,用于保存指定的模块
+
+### 9.新生命周期钩子
+
+> 作用：路由组件独有的，用于捕获路由组件的激活状态
+
+- `activated` 路由组件被激活时触发
+- `deactivated` 路由组件失活时触发
+
+## 路由守卫
+
+### 1.前置路由守卫
+
+```javascript
+route.beforeEach((from,to,next)=>{
+    if (to.meta.isAuth){
+        alert("1");
+        next();
+    }else{
+        next();
+    }
+})
+```
+
+前置路由
+
+### 2.后置路由守卫
+
+```javascript
+route.afterEach((from,to)=>{
+    console.log(to);
+    document.title=from.meta.title;
+})
+```
+
+后置路由
+
+### 3.独享路由守卫
+
+```javascript
+{
+    path:'news',
+    component:HomeChild,
+    meta:{title:"新闻"},
+        beforeEnter: (from,to,next)=>{
+
+        }
+},
+```
+
+独享路由守卫只有前置路由守卫没有后置路由守卫
+
+### 4.组件内路由守卫
+
+通过路由规则，进入该组件时被调用
+
+```javascript
+beforeRouteEnter (to, from, next) {
+    // ...
+}
+```
+
+通过路由规则，离开组件时被调用
+
+```js
+beforeRouteLeave (to, from, next) {
+    // ...
+}
+```
+
 Vue 中使用 TypeScript
 ---
 
@@ -1145,10 +1529,356 @@ declare module 'vue' {
       from: Route,
       next: () => void
     ): void
-  }
+  
 }
 ```
 
+## 性能优化
+
+### 介绍
+
+性能优化是构建高效 Vue 应用的关键。以下是一些特殊的优化策略，结合 Vue 的特性，可以大幅减少渲染开销、提升加载速度和用户体验。这些方法不仅限于单一 API，而是从整体架构和开发实践出发，提供通用的性能提升思路。
+
+### 条件渲染与缓存结合
+
+通过结合 `v-if` 和 `<KeepAlive>`，可以避免频繁销毁和重建组件，尤其是在切换视图或路由时。搭配 `defineAsyncComponent` 实现懒加载，进一步减少初次加载的开销。
+
+```html
+<template>
+  <div>
+    <button @click="toggle">Toggle View</button>
+    <keep-alive>
+      <component :is="currentView" />
+    </keep-alive>
+  </div>
+</template>
+
+<script setup>
+import { ref, defineAsyncComponent } from 'vue';
+
+const currentView = ref('ViewA');
+const toggle = () => {
+  currentView.value = currentView.value === 'ViewA' ? 'ViewB' : 'ViewA';
+};
+
+const ViewA = defineAsyncComponent(() => import('./ViewA.vue'));
+const ViewB = defineAsyncComponent(() => import('./ViewB.vue'));
+</script>
+//<KeepAlive> 缓存动态组件，防止重复创建和销毁。
+//defineAsyncComponent 实现组件懒加载，仅在需要时加载模块。
+//效果：减少 DOM 操作和组件初始化的性能消耗，特别适合复杂组件切换或路由场景。
+```
+
+### 路由前置优化（beforeRouteEnter）
+
+在路由进入前执行数据预取或条件检查，可以避免不必要的渲染和请求，提升页面加载效率。
+
+```html
+<script>
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'Profile',
+  beforeRouteEnter(to, from, next) {
+    // 模拟数据预取
+    fetchUserData(to.params.id).then((user) => {
+      next((vm) => {
+        vm.user = user; // 将数据传递给组件实例
+      });
+    }).catch(() => {
+      next(false); // 阻止路由进入
+    });
+  },
+  data() {
+    return {
+      user: null,
+    };
+  },
+});
+</script>
+
+<template>
+  <div v-if="user">
+    <h1>{{ user.name }}</h1>
+  </div>
+</template>
+```
+
+### 响应式对象的精简
+
+避免将大型对象直接用 reactive 包裹，而是按需拆分，使用 ref 或 toRef 精细控制响应式范围，减少依赖追踪的开销。
+
+```html
+<script setup>
+import { ref, toRef, reactive } from 'vue';
+
+const largeData = {
+  user: { name: 'Alice', age: 25 },
+  settings: { theme: 'dark', fontSize: 16 },
+  items: Array(1000).fill({ id: 0, value: 'test' }),
+};
+
+// 仅将需要的部分设为响应式
+const userName = ref(largeData.user.name);
+const settings = reactive(largeData.settings);
+const firstItem = toRef(largeData.items[0], 'value');
+</script>
+
+<template>
+  <div>
+    <input v-model="userName" />
+    <p>Theme: {{ settings.theme }}</p>
+    <p>First Item: {{ firstItem }}</p>
+  </div>
+</template>
+```
+
+### 计算属性的延迟执行
+
+通过封装计算属性并结合 watchEffect，实现按需计算，避免不必要的开销。
+
+```html
+<script setup>
+import { ref, computed, watchEffect } from 'vue';
+
+const items = ref([]);
+const filterText = ref('');
+const filteredItems = computed(() => {
+  return items.value.filter((item) => item.includes(filterText.value));
+});
+
+watchEffect(() => {
+  if (filterText.value) {
+    // 仅在 filterText 不为空时触发计算
+    filteredItems.value;
+  }
+});
+</script>
+
+<template>
+  <div>
+    <input v-model="filterText" placeholder="Filter items" />
+    <ul>
+      <li v-for="item in filteredItems" :key="item">{{ item }}</li>
+    </ul>
+  </div>
+</template>
+```
+
+### v-memo 缓存子树
+
+v-memo 用于缓存模板子树，仅在依赖项变化时更新，常用于优化列表或静态内容。
+
+```html
+<template>
+  <div v-for="item in items" :key="item.id" v-memo="[item.updated]">
+    {{ item.name }} - {{ expensiveComputation(item) }}
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const items = ref([
+  { id: 1, name: 'Item 1', updated: false },
+  { id: 2, name: 'Item 2', updated: false },
+]);
+
+const expensiveComputation = (item) => {
+  return item.name.toUpperCase(); // 模拟复杂计算
+};
+</script>
+```
+
+### 事件节流与防抖
+
+通过在事件处理中引入节流（throttle）或防抖（debounce），减少高频事件的触发频率。
+
+```html
+<script setup>
+import { ref } from 'vue';
+import { debounce } from 'lodash-es';
+
+const searchText = ref('');
+const search = debounce((value) => {
+  console.log('Search:', value); // 模拟搜索请求
+}, 300);
+
+const handleInput = (e) => {
+  searchText.value = e.target.value;
+  search(searchText.value);
+};
+</script>
+
+<template>
+  <input
+    :value="searchText"
+    @input="handleInput"
+    placeholder="Type to search"
+  />
+</template>
+```
+
+### 虚拟列表（Virtual Scrolling）
+
+对于长列表（如包含数千条数据的列表），可以使用虚拟列表技术，只渲染可视区域内的元素，减少 DOM 节点数量。
+
+```html
+<template>
+  <div class="list-container" ref="list">
+    <div class="list-viewport" :style="{ height: totalHeight + 'px' }">
+      <div
+        class="list-content"
+        :style="{ transform: `translateY(${scrollTop}px)` }"
+      >
+        <div
+          v-for="item in visibleItems"
+          :key="item.id"
+          class="list-item"
+        >
+          {{ item.name }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, onUnmounted } from 'vue';
+
+const items = ref(
+  Array.from({ length: 10000 }, (_, i) => ({
+    id: i,
+    name: `Item ${i}`,
+  }))
+);
+const itemHeight = 40; // 每项高度
+const viewportHeight = 400; // 视口高度
+const totalHeight = computed(() => items.value.length * itemHeight);
+const scrollTop = ref(0);
+const visibleCount = Math.ceil(viewportHeight / itemHeight) + 2; // 多渲染2项作为缓冲
+
+const visibleItems = computed(() => {
+  const start = Math.floor(scrollTop.value / itemHeight);
+  const end = Math.min(start + visibleCount, items.value.length);
+  return items.value.slice(start, end);
+});
+
+const list = ref(null);
+const onScroll = () => {
+  scrollTop.value = list.value.scrollTop;
+};
+
+onMounted(() => {
+  list.value.addEventListener('scroll', onScroll);
+});
+onUnmounted(() => {
+  list.value.removeEventListener('scroll', onScroll);
+});
+</script>
+
+<style>
+.list-container {
+  height: 400px;
+  overflow-y: auto;
+}
+.list-item {
+  height: 40px;
+  line-height: 40px;
+  border-bottom: 1px solid #ddd;
+}
+</style>
+
+```
+
+### 按需加载资源（Lazy Loading Resources）
+
+通过动态导入（Dynamic Import）按需加载非关键资源（如图片、第三方库），可以减少初次加载的开销，提升首屏渲染速度。
+
+```html
+<template>
+  <div>
+    <button @click="loadChart">Load Chart</button>
+    <div v-if="ChartComponent">
+      <ChartComponent :data="chartData" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const ChartComponent = ref(null);
+const chartData = ref([10, 20, 30, 40]);
+
+const loadChart = async () => {
+  // 动态导入第三方库（如 Chart.js）
+  const { default: Chart } = await import('chart.js/auto');
+  // 模拟动态加载的图表组件
+  ChartComponent.value = {
+    props: ['data'],
+    template: `<canvas ref="chart"></canvas>`,
+    mounted() {
+      new Chart(this.$refs.chart, {
+        type: 'bar',
+        data: {
+          labels: ['A', 'B', 'C', 'D'],
+          datasets: [{ data: this.data }],
+        },
+      });
+    },
+  };
+};
+</script>
+```
+
+### 优化事件监听（Event Delegation）
+
+通过事件委托（Event Delegation）将事件监听器绑定到父元素，减少直接绑定到每个子元素的事件监听器数量，适合动态列表或大量元素场景。
+
+```html
+<template>
+  <div class="item-list" @click="handleItemClick">
+    <div
+      v-for="item in items"
+      :key="item.id"
+      :data-id="item.id"
+      class="item"
+    >
+      {{ item.name }}
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const items = ref([
+  { id: 1, name: 'Item 1' },
+  { id: 2, name: 'Item 2' },
+  { id: 3, name: 'Item 3' },
+]);
+
+const handleItemClick = (event) => {
+  const itemId = event.target.dataset.id;
+  if (itemId) {
+    console.log(`Clicked item with ID: ${itemId}`);
+  }
+};
+</script>
+
+<style>
+.item-list {
+  padding: 10px;
+}
+.item {
+  padding: 10px;
+  border-bottom: 1px solid #ddd;
+  cursor: pointer;
+}
+</style>
+```
+
 API 参考
 ---
 

docs/yazi.md

@@ -0,0 +1,253 @@
+Yazi 备忘清单
+===
+
+这份快速参考备忘单提供了Yazi 快速的终端文件管理的简要概述，以及 Yazi的基本操作
+
+入门
+----
+
+### 功能特点
+
+- <code>**跨平台支持**</code>：Yazi 支持 Linux、macOS 和 Windows，提供一致的跨平台体验
+- <code>**轻量高效**</code>：简洁设计，启动和操作快速，资源消耗低
+- <code>**插件扩展**</code>：支持插件安装，灵活扩展功能
+- <code>**文件操作**</code>：支持复制、剪切、粘贴、删除、重命名等操作，且支持批量和多选功能，提升效率
+
+### 安装
+
+| 系统 | 安装方法 |
+| ----- | ----- |
+| 使用 Cargo 安装 | `cargo install yazi` |
+| Arch Linux | `yay -S yazi` |
+| Debian/Ubuntu | 可以使用 `Cargo` 进行安装 |
+| macOS (使用 Homebrew) | `brew install yazi` |
+| Windows (使用 Carg) | `cargo install yazi` |
+| Windows (使用 Scoop) | `scoop install yazi` |
+
+### 使用方法
+
+#### 命令启动 Yazi
+
+```sh
+yazi
+```
+
+#### 查看 Yazi 的帮助文档
+
+```sh
+yazi --help
+```
+
+## 常用的快捷键
+<!--rehype:body-class=cols-2-->
+
+### 导航
+
+:- | :-
+:- | :-
+| `h` | 返回上一级目录 |
+| `j` | 向下移动选中项 |
+| `k` | 向上移动选中项 |
+| `l` | 进入选中的目录或打开文件 |
+<!--rehype:className=shortcuts-->
+
+### 文件操作
+
+:- | :-
+:- | :-
+| `y` | 复制选中的文件或目录 |
+| `d` | 剪切选中的文件或目录 |
+| `p` | 粘贴文件或目录 |
+| `x` | 删除选中的文件或目录 |
+| `r` | 重命名选中的文件或目录 |
+<!--rehype:className=shortcuts-->
+
+### 搜索与过滤
+
+:- | :-
+:- | :-
+| `/` | 开始搜索模式 |
+| `n` | 在搜索模式中跳到下一个匹配项 |
+| `N` | 在搜索模式中跳到上一个匹配项 |
+<!--rehype:className=shortcuts-->
+
+### 视图操作
+
+:- | :-
+:- | :-
+| `gg` | 跳到列表的顶部 |
+| `G`  | 跳到列表的底部 |
+| `Ctrl+f` | 向下滚动一页 |
+| `Ctrl+b` |  向上滚动一页 |
+<!--rehype:className=shortcuts-->
+
+## 自定义配置
+
+### 自定义配置
+
+通过编辑配置文件来自定义 `Yazi`，配置文件通常位于 `$HOME/.config/yazi/xxx.toml`，可修改默认设置如快捷键、主题等。
+
+- `yazi.toml` - 常规配置
+- `keymap.toml` - 快捷键绑定
+- `theme.toml` - 主题配置
+
+### 配置文件示例：yazi.toml
+<!--rehype:wrap-class=row-span-2-->
+
+```toml
+[general]
+# 设置主界面主题为 dark 或 light
+theme = "dark"
+
+# 启动时的默认路径
+default_path = "~"
+
+# 是否启用自动保存配置
+auto_save_config = true
+
+[keybindings]
+# 自定义快捷键绑定
+quit = "q"        # 退出
+copy = "y"        # 复制文件
+paste = "p"       # 粘贴文件
+delete = "d"      # 删除文件
+
+[ui]
+# 界面相关配置
+preview_enabled = true     # 是否启用文件预览
+show_hidden_files = true   # 显示隐藏文件
+columns = 2                # 文件列表列数
+
+[search]
+# 搜索行为配置
+case_sensitive = false  # 搜索是否区分大小写
+search_timeout = 30     # 搜索超时时间（秒）
+
+[sorting]
+# 排序规则配置
+sort_by = "name" # 排序方式: name,size,date
+reverse_sort = false  # 是否反向排序
+
+[plugins]
+# 插件加载配置
+enabled_plugins = ["git", "archive"]
+```
+
+### keymap.toml 配置示例
+<!--rehype:wrap-class=row-span-2-->
+
+```toml
+# 全局快捷键配置
+[global]
+# 全局退出应用程序
+quit = "Ctrl+Q"
+# 打开文件或目录
+open = "Enter"
+# 返回上级目录
+back = "Backspace"
+# 搜索功能触发
+search = "/"
+# 复制路径
+copy_path = "Ctrl+C"
+
+# 窗口控制快捷键
+[window]
+# 切换窗口
+switch_window = "Tab"
+# 新建窗口
+new_window = "Ctrl+N"
+# 关闭窗口
+close_window = "Ctrl+W"
+
+# 文件操作快捷键
+[file]
+# 删除文件
+delete_file = "D"
+# 重命名文件
+rename_file = "R"
+# 复制文件
+copy_file = "Y"
+# 粘贴文件
+paste_file = "P"
+# 移动文件
+move_file = "M"
+
+# 文件选择快捷键
+[selection]
+# 全选
+select_all = "Ctrl+A"
+# 取消所有选择
+deselect_all = "Ctrl+D"
+# 反选
+invert_selection = "Ctrl+I"
+# 选择当前文件/目录
+select_item = "Space"
+
+# 页面导航快捷键
+[navigation]
+# 向上移动光标
+move_up = "K"
+# 向下移动光标
+move_down = "J"
+# 向左切换标签
+move_left = "H"
+# 向右切换标签
+move_right = "L"
+
+# 自定义命令触发键
+[custom]
+# 触发自定义功能
+custom_action_1 = "Ctrl+1"
+custom_action_2 = "Ctrl+2"
+custom_action_3 = "Ctrl+3"
+```
+
+### theme.toml 配置示例
+
+```toml
+[general]
+# 设置主界面配色方案
+background_color = "#1e1e2e"  # 背景颜色
+foreground_color = "#cdd6f4"  # 文本颜色
+cursor_color = "#89dceb"      # 光标颜色
+selection_color = "#585b70"   # 选中项背景颜色
+highlight_color = "#fab387"   # 高亮颜色
+
+# 字体设置
+font_family = "FiraCode"      # 字体名称
+font_size = 14                # 字体大小
+
+[ui]
+# 界面边框与间距
+border_color = "#45475a"      # 边框颜色
+padding = 4                   # 界面内容的内边距
+
+[file_browser]
+# 文件浏览器颜色配置
+directory_color = "#89b4fa"   # 目录名称颜色
+file_color = "#cdd6f4"        # 普通文件颜色
+symlink_color = "#f5c2e7"     # 符号链接颜色
+hidden_file_color = "#6c7086" # 隐藏文件颜色
+
+[status_bar]
+# 状态栏颜色
+background_color = "#313244"  # 状态栏背景
+foreground_color = "#a6adc8"  # 状态栏文字
+error_color = "#f38ba8"       # 状态栏错误信息
+
+[search]
+# 搜索结果配色
+match_color = "#a6e3a1"       # 搜索结果的匹配高亮
+current_match_color = "#fab387"  # 当前匹配项的高亮
+
+[progress_bar]
+# 进度条的配色
+filled_color = "#89dceb"      # 已填充部分
+empty_color = "#313244"       # 未填充部分
+```
+
+另见
+----
+
+- [Yazi 官方文档](https://yazi-rs.github.io/) _(yazi-rs.github.io)_
+- [Yazi Github](https://github.com/sxyazi/yazi) _(github.com)_

icons/favicon.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" height="180" width="180">
+  <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>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wcj/reference",
-  "version": "1.45.0",
+  "version": "1.46.0",
   "description": "为开发人员分享快速参考备忘单(主要是方便自己)。",
   "author": "jaywcjlove",
   "license": "MIT",
@@ -8,9 +8,10 @@
   "funding": "https://jaywcjlove.github.io/#/sponsor",
   "private": false,
   "scripts": {
-    "prepare": "husky",
-    "build": "refs-cli",
+    "prepare": "husky && cpy",
+    "build": "refs-cli && cpy",
     "start": "refs-cli --watch",
+    "cpy": "cpy 'appicon/*.png' dist/appicon",
     "prettier": "prettier --write '**/*.{mjs,css,json,prettierrc,lintstagedrc}'",
     "markdownlint": "npx markdownlint-cli --fix ./docs/*.md"
   },
@@ -28,12 +29,13 @@
     "docs/*.md": "markdownlint --fix"
   },
   "devDependencies": {
+    "cpy-cli": "^5.0.0",
     "husky": "^9.0.0",
     "lint-staged": "^15.0.0",
+    "markdownlint": "^0.37.0",
+    "markdownlint-cli": "^0.39.0",
     "prettier": "^3.0.0",
-    "refs-cli": "^1.5.1",
-    "markdownlint": "^0.33.0",
-    "markdownlint-cli": "^0.39.0"
+    "refs-cli": "^1.8.0"
   },
   "engines": {
     "node": ">=16.0.0"