diff --git a/CNAME b/CNAME
new file mode 100644
index 00000000..fc243c03
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+ckvv.net
\ No newline at end of file
diff --git "a/blog/posts/\345\212\240\345\257\206\346\226\207\346\241\243/index.html" "b/blog/posts/\345\212\240\345\257\206\346\226\207\346\241\243/index.html"
index e55e0dbb..dbf7f185 100644
--- "a/blog/posts/\345\212\240\345\257\206\346\226\207\346\241\243/index.html"
+++ "b/blog/posts/\345\212\240\345\257\206\346\226\207\346\241\243/index.html"
@@ -4,7 +4,7 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E" />
 </svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <h1 class="text-4xl font-bold my-4">加密文档 测试</h1>
   <div class="my-2 flex justify-between items-center"><div class="flex gap-4"></div><span> 2025/01/06 </span></div>
-  <script type="module">function f(n,o){let r,t;return(...c)=>{t?(clearTimeout(r),r=setTimeout(()=>{Date.now()-t>=o&&(n(...c),t=Date.now())},o-(Date.now()-t))):(n(...c),t=Date.now())}}function u(n){const o=document.getElementById("menu-button"),r=document.getElementById("md-outline-content"),t=n===void 0?o.getAttribute("aria-expanded")==="true":!n;o.setAttribute("aria-expanded",`${!t}`),r.style.display=t?"none":"block"}function l(){window.innerWidth>=1536&&u(!0)}window.addEventListener("resize",l);document.addEventListener("DOMContentLoaded",()=>{l();const n=document.getElementById("md-outline-content");n.onclick=e=>{e.preventDefault();const i=document.querySelector(e.target.getAttribute("href"));i&&window.scrollTo({top:i.offsetTop-64,behavior:"smooth"})};const o=document.getElementById("menu-button");o.onclick=()=>u(),document.onclick=e=>{if(window.innerWidth>=1536)return;const i=document.getElementById("md-outline-content");e.target.id!=="menu-button"&&!i.contains(e.target)&&o.getAttribute("aria-expanded")==="true"&&u()};const r=document.querySelector(".content").querySelectorAll("h1, h2, h3"),t=document.querySelectorAll(".outline-item"),c={root:null,rootMargin:"0px",threshold:.6},a=f(e=>{e.forEach(i=>{if(i.isIntersecting){const b=i.target.getAttribute("id");t.forEach(s=>{const d=`#${b}`;s.classList.remove("outline-item-active"),s.getAttribute("href")===d&&(s.classList.add("outline-item-active"),history.replaceState(null,"",d))})}})},200),m=new IntersectionObserver(a,c);r.forEach(e=>{m.observe(e)})});</script><div class="content"> <div class="text-center"> <div class="text-center m-4">该篇文章已经过加密</div> <button id="button-decrypt" class="text-center text-4xl font-bold hover:text-sky-700 m-6" data-data="VMgXqZ0TY3hkKtirbboQp7W77WNtt4u+pVeuU4UJ/yCQF+XDJ8QJ9KnPuaBIN+nqlWJaIkFNQ3o+5TNvtYRyvIPhbftrtu4bXJ5JICu6pss4wjd0R5hsa4+ZYKBpu7bNekQrOOSTxWwSnIsojhsD9rUVSTWJVibhEshmsLYtOm0g4T8OvoSPBYzy5n8EaEOiXEuhC4ZN2XB3uE76Dcdg0te3s0iedA==.CImC6uRDZXgfEIqL">点击查看</button> </div> <script type="module" src="/_astro/Decrypt.astro_astro_type_script_index_0_lang.B5KOLf6O.js"></script> </div> <a class="flex gap-1 my-4 text-blue-600 cursor-pointer select-none" href="https://github.com/ckvv/ckvv.github.io/tree/main/content/posts/加密文档.md"> <svg viewBox="0 0 24 24" role="img" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4">
+  <script type="module">function f(n,o){let r,t;return(...c)=>{t?(clearTimeout(r),r=setTimeout(()=>{Date.now()-t>=o&&(n(...c),t=Date.now())},o-(Date.now()-t))):(n(...c),t=Date.now())}}function u(n){const o=document.getElementById("menu-button"),r=document.getElementById("md-outline-content"),t=n===void 0?o.getAttribute("aria-expanded")==="true":!n;o.setAttribute("aria-expanded",`${!t}`),r.style.display=t?"none":"block"}function l(){window.innerWidth>=1536&&u(!0)}window.addEventListener("resize",l);document.addEventListener("DOMContentLoaded",()=>{l();const n=document.getElementById("md-outline-content");n.onclick=e=>{e.preventDefault();const i=document.querySelector(e.target.getAttribute("href"));i&&window.scrollTo({top:i.offsetTop-64,behavior:"smooth"})};const o=document.getElementById("menu-button");o.onclick=()=>u(),document.onclick=e=>{if(window.innerWidth>=1536)return;const i=document.getElementById("md-outline-content");e.target.id!=="menu-button"&&!i.contains(e.target)&&o.getAttribute("aria-expanded")==="true"&&u()};const r=document.querySelector(".content").querySelectorAll("h1, h2, h3"),t=document.querySelectorAll(".outline-item"),c={root:null,rootMargin:"0px",threshold:.6},a=f(e=>{e.forEach(i=>{if(i.isIntersecting){const b=i.target.getAttribute("id");t.forEach(s=>{const d=`#${b}`;s.classList.remove("outline-item-active"),s.getAttribute("href")===d&&(s.classList.add("outline-item-active"),history.replaceState(null,"",d))})}})},200),m=new IntersectionObserver(a,c);r.forEach(e=>{m.observe(e)})});</script><div class="content"> <div class="text-center"> <div class="text-center m-4">该篇文章已经过加密</div> <button id="button-decrypt" class="text-center text-4xl font-bold hover:text-sky-700 m-6" data-data="w6BEnwJlHBNgOI7rNokLDYxzhM0R/xNeYL8/rHp6rRLtrMnVI8ixDaxm21F7Mqw7XNkl7mT9gQKHY8JYDpVTpl/gk+65MjYE9pMgXZl55A0Kc1SvVDwdJcnsQR/EDcRqQdL4L6MXyO1EmHsDyqpYar48wmgN6T/TQktlizBZmdMV8d9CvVOsR4S6xP8blTbou/SO5QTWAkP3UGlGtWuUjcZ10qvCEg==.xBzVh6IhGMVHORDp">点击查看</button> </div> <script type="module" src="/_astro/Decrypt.astro_astro_type_script_index_0_lang.B5KOLf6O.js"></script> </div> <a class="flex gap-1 my-4 text-blue-600 cursor-pointer select-none" href="https://github.com/ckvv/ckvv.github.io/tree/main/content/posts/加密文档.md"> <svg viewBox="0 0 24 24" role="img" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4">
   <path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
   <path d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z" />
 </svg>
diff --git "a/blog/\346\265\217\350\247\210\345\231\250\345\261\217\345\271\225\351\242\234\350\211\262\345\220\270\345\217\226/index.html" "b/blog/\346\265\217\350\247\210\345\231\250\345\261\217\345\271\225\351\242\234\350\211\262\345\220\270\345\217\226/index.html"
new file mode 100644
index 00000000..47be2b86
--- /dev/null
+++ "b/blog/\346\265\217\350\247\210\345\231\250\345\261\217\345\271\225\351\242\234\350\211\262\345\220\270\345\217\226/index.html"
@@ -0,0 +1,81 @@
+<!DOCTYPE html><html lang="en" class="h-full"> <head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.ico"><meta name="generator" content="Astro v5.2.5"><!-- Canonical URL --><link rel="canonical" href="https://ckvv.net/blog/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%B1%8F%E5%B9%95%E9%A2%9C%E8%89%B2%E5%90%B8%E5%8F%96/"><!-- Primary Meta Tags --><title>浏览器屏幕颜色吸取</title><meta name="title" content="浏览器屏幕颜色吸取"><meta name="description" content="Welcome to my website!"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://ckvv.net/blog/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%B1%8F%E5%B9%95%E9%A2%9C%E8%89%B2%E5%90%B8%E5%8F%96/"><meta property="og:title" content="浏览器屏幕颜色吸取"><meta property="og:description" content="Welcome to my website!"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://ckvv.net/blog/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%B1%8F%E5%B9%95%E9%A2%9C%E8%89%B2%E5%90%B8%E5%8F%96/"><meta property="twitter:title" content="浏览器屏幕颜色吸取"><meta property="twitter:description" content="Welcome to my website!"><link rel="stylesheet" href="/_astro/about.ByvCxIYf.css">
+<style>.outline-item-active[data-astro-cid-v2nb7cev]{color:var(--color-sky-700)}
+</style></head> <body class="flex flex-col min-h-full"> <header class="sticky top-0 px-4 bg-white z-10 shadow-md"> <nav class="w-full max-w-6xl m-auto elect-none flex justify-between items-center text-2xl my-4"> <div class="flex gap-2 md:gap-4 items-center font-bold"> <h2><a href="/">CK Blog</a></h2> </div> <div class="flex gap-2 md:gap-4"> <a href="/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Home <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/tag/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Tag <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/assets/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center hidden md:inline"> Assets <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/about/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> About <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="https://github.com/ckvv/ckvv.github.io" target="_blank" aria-label="GitHub" class="hidden md:inline"> <svg viewBox="0 0 32 32" role="img" width="32" height="32" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E" />
+</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <h1 class="text-4xl font-bold my-4">浏览器屏幕颜色吸取</h1>
+  <div class="my-2 flex justify-between items-center"><div class="flex gap-4"><a href="/tag/web/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> web </a></div><span> 2025/02/12 </span></div>
+  <div class="sticky z-10 top-20 inline-block text-left w-full" data-astro-cid-v2nb7cev><div class="2xl:hidden flex justify-end" data-astro-cid-v2nb7cev><button type="button" class="inline-flex justify-center gap-x-1.5 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 hover:bg-gray-50" id="menu-button" aria-expanded="false" aria-haspopup="true" data-astro-cid-v2nb7cev>
+On this page
+<svg class="-mr-1 size-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" data-astro-cid-v2nb7cev><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" data-astro-cid-v2nb7cev></path></svg></button></div><div id="md-outline-content" class="hidden absolute right-0 py-2 mt-2 min-w-48 max-w-full origin-top-right rounded-md bg-white ring-1 shadow-lg ring-black/5 focus:outline-hidden 2xl:-right-12 2xl:float-right 2xl:translate-x-full 2xl:max-w-[min(calc(50vw-580px),320px)]" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1" data-astro-cid-v2nb7cev><a class="outline-item block px-4 py-1 text-sm break-all" href="#canvas-api" data-astro-cid-v2nb7cev>Canvas API</a><a class="outline-item block px-4 py-1 text-sm break-all" href="#input-typecolor" data-astro-cid-v2nb7cev>input type=“color”</a><a class="outline-item block px-4 py-1 text-sm break-all" href="#使用限制" data-astro-cid-v2nb7cev>使用限制</a><a class="outline-item block px-4 py-1 text-sm break-all" href="#eyedropper-api" data-astro-cid-v2nb7cev>EyeDropper API</a><a class="outline-item block px-4 py-1 text-sm break-all" href="#使用限制-1" data-astro-cid-v2nb7cev>使用限制</a></div></div><script type="module">function f(n,o){let r,t;return(...c)=>{t?(clearTimeout(r),r=setTimeout(()=>{Date.now()-t>=o&&(n(...c),t=Date.now())},o-(Date.now()-t))):(n(...c),t=Date.now())}}function u(n){const o=document.getElementById("menu-button"),r=document.getElementById("md-outline-content"),t=n===void 0?o.getAttribute("aria-expanded")==="true":!n;o.setAttribute("aria-expanded",`${!t}`),r.style.display=t?"none":"block"}function l(){window.innerWidth>=1536&&u(!0)}window.addEventListener("resize",l);document.addEventListener("DOMContentLoaded",()=>{l();const n=document.getElementById("md-outline-content");n.onclick=e=>{e.preventDefault();const i=document.querySelector(e.target.getAttribute("href"));i&&window.scrollTo({top:i.offsetTop-64,behavior:"smooth"})};const o=document.getElementById("menu-button");o.onclick=()=>u(),document.onclick=e=>{if(window.innerWidth>=1536)return;const i=document.getElementById("md-outline-content");e.target.id!=="menu-button"&&!i.contains(e.target)&&o.getAttribute("aria-expanded")==="true"&&u()};const r=document.querySelector(".content").querySelectorAll("h1, h2, h3"),t=document.querySelectorAll(".outline-item"),c={root:null,rootMargin:"0px",threshold:.6},a=f(e=>{e.forEach(i=>{if(i.isIntersecting){const b=i.target.getAttribute("id");t.forEach(s=>{const d=`#${b}`;s.classList.remove("outline-item-active"),s.getAttribute("href")===d&&(s.classList.add("outline-item-active"),history.replaceState(null,"",d))})}})},200),m=new IntersectionObserver(a,c);r.forEach(e=>{m.observe(e)})});</script><div class="content"> <p>要在浏览器中吸取屏幕颜色，通常使用一些颜色吸取工具比如说: 浏览器扩展, 或第三方工具(如 Mac自带 的数码测色计), 那么如何在不跳出浏览器的环境下实现该功能呢?</p>
+<h2 id="canvas-api">Canvas API</h2>
+<p><code>Canvas</code>的 <code>getImageData(sx, sy, sw, sh, settings)</code>, 返回一个 ImageData 对象，该对象表示<code>Canvas</code>指定部分的基础像素数据</p>
+<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="js"><code><span class="line"><span style="color:#E1E4E8">ctx.</span><span style="color:#B392F0">getImageData</span><span style="color:#E1E4E8">(x, y, </span><span style="color:#79B8FF">1</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">1</span><span style="color:#E1E4E8">) </span><span style="color:#6A737D">// [198, 90, 57, 255]</span></span></code></pre>
+<h2 id="input-typecolor">input type=“color”</h2>
+<p><code>&#x3C;input></code> color 类型的元素提供了一个用户界面元素，该元素允许用户通过使用可视颜色选取器界面或以十六进制格式在文本字段中输入颜色来指定颜色 <code>#rrggbb</code></p>
+<h3 id="使用限制">使用限制</h3>
+<ul>
+<li>只允许使用基本的十六进制颜色（没有 alpha 通道）</li>
+<li>表示形式可能因浏览器和/或平台而异</li>
+</ul>
+<input type="color">
+<h2 id="eyedropper-api">EyeDropper API</h2>
+<p>EyeDropper 界面表示吸管工具的一个实例，用户可以打开并使用该工具从屏幕中选择颜色, <a href="https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper">https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper</a></p>
+<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="html"><code><span class="line"><span style="color:#E1E4E8">&#x3C;</span><span style="color:#85E89D">button</span><span style="color:#B392F0"> id</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"start-button"</span><span style="color:#B392F0"> style</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"all:revert;"</span><span style="color:#E1E4E8">>打开 EyeDropper&#x3C;/</span><span style="color:#85E89D">button</span><span style="color:#E1E4E8">> &#x3C;</span><span style="color:#85E89D">span</span><span style="color:#B392F0"> id</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"result"</span><span style="color:#E1E4E8">>&#x3C;/</span><span style="color:#85E89D">span</span><span style="color:#E1E4E8">></span></span>
+<span class="line"><span style="color:#E1E4E8">&#x3C;</span><span style="color:#85E89D">script</span><span style="color:#E1E4E8">></span></span>
+<span class="line"><span style="color:#E1E4E8">document.</span><span style="color:#B392F0">getElementById</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">"start-button"</span><span style="color:#E1E4E8">).</span><span style="color:#B392F0">addEventListener</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">"click"</span><span style="color:#E1E4E8">, () </span><span style="color:#F97583">=></span><span style="color:#E1E4E8"> {</span></span>
+<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> resultElement</span><span style="color:#F97583"> =</span><span style="color:#E1E4E8"> document.</span><span style="color:#B392F0">getElementById</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">"result"</span><span style="color:#E1E4E8">);</span></span>
+<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> eyeDropper</span><span style="color:#F97583"> =</span><span style="color:#F97583"> new</span><span style="color:#B392F0"> EyeDropper</span><span style="color:#E1E4E8">();</span></span>
+<span class="line"><span style="color:#E1E4E8">eyeDropper</span></span>
+<span class="line"><span style="color:#E1E4E8">  .</span><span style="color:#B392F0">open</span><span style="color:#E1E4E8">()</span></span>
+<span class="line"><span style="color:#E1E4E8">  .</span><span style="color:#B392F0">then</span><span style="color:#E1E4E8">((</span><span style="color:#FFAB70">result</span><span style="color:#E1E4E8">) </span><span style="color:#F97583">=></span><span style="color:#E1E4E8"> {</span></span>
+<span class="line"><span style="color:#E1E4E8">    resultElement.textContent </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> result.sRGBHex;</span></span>
+<span class="line"><span style="color:#E1E4E8">    resultElement.style.backgroundColor </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> result.sRGBHex;</span></span>
+<span class="line"><span style="color:#E1E4E8">  })</span></span>
+<span class="line"><span style="color:#E1E4E8">  .</span><span style="color:#B392F0">catch</span><span style="color:#E1E4E8">((</span><span style="color:#FFAB70">e</span><span style="color:#E1E4E8">) </span><span style="color:#F97583">=></span><span style="color:#E1E4E8"> {</span></span>
+<span class="line"><span style="color:#E1E4E8">    resultElement.textContent </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> e;</span></span>
+<span class="line"><span style="color:#E1E4E8">  });</span></span>
+<span class="line"><span style="color:#E1E4E8">});</span></span>
+<span class="line"><span style="color:#E1E4E8">&#x3C;/</span><span style="color:#85E89D">script</span><span style="color:#E1E4E8">></span></span></code></pre>
+<p><button id="start-button" style="all:revert;">打开 EyeDropper</button> <span id="result"></span></p>
+<script>
+document.getElementById("start-button").addEventListener("click", () => {
+const resultElement = document.getElementById("result");
+const eyeDropper = new EyeDropper();
+eyeDropper
+  .open()
+  .then((result) => {
+    resultElement.textContent = result.sRGBHex;
+    resultElement.style.backgroundColor = result.sRGBHex;
+  })
+  .catch((e) => {
+    resultElement.textContent = e;
+  });
+});
+</script>
+<h3 id="使用限制-1">使用限制</h3>
+<ul>
+<li>仅在安全上下文 （HTTPS） 中可用</li>
+<li>这是一项实验性技术, 目前仅在 Chrome, Edge 中可用。<a href="https://caniuse.com/mdn-api_eyedropper">https://caniuse.com/mdn-api_eyedropper</a></li>
+</ul> </div> <a class="flex gap-1 my-4 text-blue-600 cursor-pointer select-none" href="https://github.com/ckvv/ckvv.github.io/tree/main/content/浏览器屏幕颜色吸取.md"> <svg viewBox="0 0 24 24" role="img" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4">
+  <path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
+  <path d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z" />
+</svg>
+Edit this page on GitHub
+</a> <div id="cusdis_thread" class="mt-12" data-host="https://cusdis.com" data-app-id="c2b015f9-9a4b-4997-b66f-f9c6ca26ebdd" data-page-id="/blog/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%B1%8F%E5%B9%95%E9%A2%9C%E8%89%B2%E5%90%B8%E5%8F%96/" data-page-url="content/浏览器屏幕颜色吸取.md" data-page-title="浏览器屏幕颜色吸取" data-iframe="/js/cusdis/iframe.umd.js" data-style="/js/cusdis/style.css"></div> <script>
+window.CUSDIS_LOCALE = {
+  powered_by: '',
+  post_comment: '发送',
+  loading: '加载中...',
+  // comment
+  email: '邮箱(可选)',
+  nickname: '昵称',
+  reply_placeholder: '内容',
+  reply_btn: '回复',
+  sending: '发送中...',
+  // reply
+  mod_badge: '管理员',
+  content_is_required: '内容不能为空',
+  nickname_is_required: '昵称不能为空',
+  comment_has_been_sent: '评论已发送, 管理员审核通过后会展示',
+};
+</script> <script async src="/js/cusdis/cusdis.min.js"></script>  </main> </body></html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 8953c607..6f38d7dd 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,3 @@
 <!DOCTYPE html><html lang="en" class="h-full"> <head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.ico"><meta name="generator" content="Astro v5.2.5"><!-- Canonical URL --><link rel="canonical" href="https://ckvv.net/"><!-- Primary Meta Tags --><title>CK Blog</title><meta name="title" content="CK Blog"><meta name="description" content="Welcome to my website!"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://ckvv.net/"><meta property="og:title" content="CK Blog"><meta property="og:description" content="Welcome to my website!"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://ckvv.net/"><meta property="twitter:title" content="CK Blog"><meta property="twitter:description" content="Welcome to my website!"><link rel="stylesheet" href="/_astro/about.ByvCxIYf.css"></head> <body class="flex flex-col min-h-full"> <header class="sticky top-0 px-4 bg-white z-10 shadow-md"> <nav class="w-full max-w-6xl m-auto elect-none flex justify-between items-center text-2xl my-4"> <div class="flex gap-2 md:gap-4 items-center font-bold"> <h2><a href="/">CK Blog</a></h2> </div> <div class="flex gap-2 md:gap-4"> <a href="/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1 active"> Home <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style="width:100%"></div> </a> <a href="/tag/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Tag <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/assets/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center hidden md:inline"> Assets <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/about/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> About <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="https://github.com/ckvv/ckvv.github.io" target="_blank" aria-label="GitHub" class="hidden md:inline"> <svg viewBox="0 0 32 32" role="img" width="32" height="32" fill="none">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E" />
-</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/javascript/virtual-list-implementation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">虚拟列表解决方案</span> <p class="date"> <span> 2025/01/21 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/waterfall-layout-solutions/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">瀑布流实现的几种方案</span> <p class="date"> <span> 2025/01/13 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/blank-space-at-bottom-of-div-with-image/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">div 中 image 底部留白问题</span> <p class="date"> <span> 2025/01/10 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/加密文档/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">加密文档 测试</span> <p class="date"> <span> 2025/01/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/migrating-blog-from-hugo-to-astro/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">博客从Hugo迁移到Astro</span> <p class="date"> <span> 2024/12/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/文件api/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">文件系统访问(File System Access) API</span> <p class="date"> <span> 2024/09/19 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/正则表达式/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">正则表达式</span> <p class="date"> <span> 2024/09/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-类组件/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React 类组件</span> <p class="date"> <span> 2024/08/28 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-apicompoent/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React API &amp; 组件</span> <p class="date"> <span> 2024/08/25 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-context/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook Context</span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-effect/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook Effect</span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-ref/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook Ref</span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-其他/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook 其他</span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-性能/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook 性能</span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-state/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook State</span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/node对ts的原生支持/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Node.js 对 TypeScript 功能的原生支持</span> <p class="date"> <span> 2024/08/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/using-mdx/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">MDX 支持</span> <p class="date"> <span> 2024/06/01 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/使用sequelize-事务读取数据库时的隔离级别/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">使用 Sequelize 事务读取数据库时的隔离级别</span> <p class="date"> <span> 2024/05/08 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/范围请求/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">范围请求(Http Range Request)</span> <p class="date"> <span> 2024/03/05 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/algorithm/leetcode-树/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">初级算法-树</span> <p class="date"> <span> 2024/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/algorithm/leetcode-链表/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">初级算法-链表</span> <p class="date"> <span> 2024/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/stream-to-buffer/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">nodejs stream to buffer</span> <p class="date"> <span> 2023/12/18 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/algorithm/二叉树/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">二叉树相关算法</span> <p class="date"> <span> 2023/09/08 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/install/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">安装常用的软件</span> <p class="date"> <span> 2023/09/05 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/github/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">GitHub 身份验证</span> <p class="date"> <span> 2023/08/03 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">PostgreSQL</span> <p class="date"> <span> 2023/06/21 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue动态组件缓存/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue动态组件缓存</span> <p class="date"> <span> 2023/06/01 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-color/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">CSS颜色</span> <p class="date"> <span> 2023/03/22 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue全局组件类型提示/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue全局组件类型提示</span> <p class="date"> <span> 2023/03/16 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/algorithm/leetcode-string/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">初级算法-string</span> <p class="date"> <span> 2023/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/http请求传参详解/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">HTTP请求传参详解</span> <p class="date"> <span> 2022/08/25 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/scrollbars/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">与滚动条相关的属性</span> <p class="date"> <span> 2022/07/27 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/ui_framework/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue 3 UI 组件库评测</span> <p class="date"> <span> 2022/06/28 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/guanyu-vue-zujian-fengzhuang/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">关于Vue组件二次封装的技巧总结</span> <p class="date"> <span> 2022/04/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/font-shadow/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">CSS实现字体阴影效果</span> <p class="date"> <span> 2022/03/18 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-基础/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React 基础</span> <p class="date"> <span> 2022/02/21 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-useful-style/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">常用的一些css样式</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-select/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">css元素选择器</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-animation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浅谈CSS动画</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-float/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">css关于浮动的知识</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-web-compoent-isolation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">组件间样式隔离的几种方案</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue-nex-tick/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">vue nextTick的原理</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue-page-style-dev-build-different/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue样式dev和build下不一致</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/cross-origin-resource-sharing/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">跨域资源共享 (CORS)</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/dom-event/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">DOM中的event</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/get-width-and-height-attributes-in-the-browser/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器中获取宽、高相关的属性</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/handling-fonts-in-the-web/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">处理浏览器中的字体常见问题</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/how-brower-render-page/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器如何渲染页面</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/use-icon-in-web/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">谈谈Web项目中图标的方式</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-containers/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">在浏览器中本地运行 Node.js - WebContainers</span> <p class="date"> <span> 2021/12/29 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-worker/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">WebWorker</span> <p class="date"> <span> 2021/12/29 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/algorithm/leetcode-array/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">初级算法-array</span> <p class="date"> <span> 2021/09/11 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/cancel-runing-function/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中如何取消正在执行的存储过程</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-how-to-add-process-in-function/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中为存储过程添加进度</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-sequence/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgresql中的sequence</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-timezone/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中的数据库时区</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-composite-type/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgre中的复合类型</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-to-tsvector/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg 分词</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-trigger/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg触发器</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-useful-sql/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgres有用的sql</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-defin-property/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">defineProperty</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-get-and-set/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">get和set</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-iterator/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">js的迭代器</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-operator/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">介绍几个表达式和运算符</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-reflect-and-proxy/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Reflect和Proxy</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-prototype/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript中的prototype</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-sandbox/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">简单谈谈JS中的沙箱</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-spread-and-rest/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">展开语法和剩余参数</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-this/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">js中的this</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/one-question-about-promise/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">一个关于Promise的问题</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/operators-optional-chaining/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript可选链操作符</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/brew/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Brew</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/docker/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Docker</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/gdal/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">GDAL</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/git/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Git</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/kubectl/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Kubectl</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/nginx/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Nginx</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/npm/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">NPM</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/redis-use-scene/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Redis的五种数据结构及其使用场景</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/sequelize-associations/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">sequelize建立表关系</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/yum/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">yum</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/shell/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Shell</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/jsonwebtoken/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JsonWebToken</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/koa-cross-domain/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">koa跨域</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/koa-http2/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">使用koa创建基于http2的服务</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/koa-middleware-analys/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">koa中间件源码解析</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/node-child-process/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">node中的多进程</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/node-docker/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">node程序放入docker</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/node-download-biaoge-sheji/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">node复用原始接口下载表格</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/node-promise/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">node Promise 转换</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/commonly-used-shel-command/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">常用的shell命令总结</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/js-cli-jiaoshoujia/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript脚手架</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/npm-deprecate-version/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">如何优雅的提示用户需要升级npm依赖包版本？</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/polyfill/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">了解什么是Polyfill</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/uuid-understand/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">深入理解UUID</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/you-dont-konw-package-json/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">你不知道的package.json</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/yum-install-software/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">CentOS安装常用的软件</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue-component-registration/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue组件的自动按需引入</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/webassembly/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">WebAssembly上手</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/brower-copy-to-clipboard/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">拷贝数据到剪贴板</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/cookie/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器处理cookie</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-upload-file/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">前后端通过切片上传文件</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/computing-advertising/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">计算广告-基本概念</span> <p class="date"> <span> 2021/01/10 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/base64/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Base64原理及实现</span> <p class="date"> <span> 2019/02/19 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
+</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/浏览器屏幕颜色吸取/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器屏幕颜色吸取 </span> <p class="date"> <span> 2025/02/12 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/virtual-list-implementation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">虚拟列表解决方案 </span> <p class="date"> <span> 2025/01/21 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/waterfall-layout-solutions/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">瀑布流实现的几种方案 </span> <p class="date"> <span> 2025/01/13 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/blank-space-at-bottom-of-div-with-image/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">div 中 image 底部留白问题 </span> <p class="date"> <span> 2025/01/10 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/加密文档/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">加密文档 测试 🔒</span> <p class="date"> <span> 2025/01/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/migrating-blog-from-hugo-to-astro/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">博客从Hugo迁移到Astro </span> <p class="date"> <span> 2024/12/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/文件api/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">文件系统访问(File System Access) API </span> <p class="date"> <span> 2024/09/19 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/正则表达式/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">正则表达式 </span> <p class="date"> <span> 2024/09/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-类组件/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React 类组件 </span> <p class="date"> <span> 2024/08/28 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-apicompoent/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React API &amp; 组件 </span> <p class="date"> <span> 2024/08/25 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-context/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook Context </span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-effect/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook Effect </span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-ref/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook Ref </span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-其他/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook 其他 </span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-性能/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook 性能 </span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-hooks-state/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React Hook State </span> <p class="date"> <span> 2024/08/24 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/node对ts的原生支持/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Node.js 对 TypeScript 功能的原生支持 </span> <p class="date"> <span> 2024/08/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/using-mdx/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">MDX 支持 </span> <p class="date"> <span> 2024/06/01 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/使用sequelize-事务读取数据库时的隔离级别/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">使用 Sequelize 事务读取数据库时的隔离级别 </span> <p class="date"> <span> 2024/05/08 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/范围请求/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">范围请求(Http Range Request) </span> <p class="date"> <span> 2024/03/05 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/algorithm/leetcode-树/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">初级算法-树 </span> <p class="date"> <span> 2024/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/algorithm/leetcode-链表/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">初级算法-链表 </span> <p class="date"> <span> 2024/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/stream-to-buffer/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">nodejs stream to buffer </span> <p class="date"> <span> 2023/12/18 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/algorithm/二叉树/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">二叉树相关算法 </span> <p class="date"> <span> 2023/09/08 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/install/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">安装常用的软件 </span> <p class="date"> <span> 2023/09/05 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/github/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">GitHub 身份验证 </span> <p class="date"> <span> 2023/08/03 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">PostgreSQL </span> <p class="date"> <span> 2023/06/21 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue动态组件缓存/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue动态组件缓存 </span> <p class="date"> <span> 2023/06/01 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-color/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">CSS颜色 </span> <p class="date"> <span> 2023/03/22 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue全局组件类型提示/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue全局组件类型提示 </span> <p class="date"> <span> 2023/03/16 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/algorithm/leetcode-string/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">初级算法-string </span> <p class="date"> <span> 2023/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/http请求传参详解/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">HTTP请求传参详解 </span> <p class="date"> <span> 2022/08/25 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/scrollbars/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">与滚动条相关的属性 </span> <p class="date"> <span> 2022/07/27 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/ui_framework/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue 3 UI 组件库评测 </span> <p class="date"> <span> 2022/06/28 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/guanyu-vue-zujian-fengzhuang/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">关于Vue组件二次封装的技巧总结 </span> <p class="date"> <span> 2022/04/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/font-shadow/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">CSS实现字体阴影效果 </span> <p class="date"> <span> 2022/03/18 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/react/react-基础/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">React 基础 </span> <p class="date"> <span> 2022/02/21 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-select/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">css元素选择器 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-animation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浅谈CSS动画 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-float/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">css关于浮动的知识 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-useful-style/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">常用的一些css样式 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-web-compoent-isolation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">组件间样式隔离的几种方案 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue-nex-tick/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">vue nextTick的原理 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue-page-style-dev-build-different/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue样式dev和build下不一致 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/cross-origin-resource-sharing/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">跨域资源共享 (CORS) </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/dom-event/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">DOM中的event </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/get-width-and-height-attributes-in-the-browser/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器中获取宽、高相关的属性 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/handling-fonts-in-the-web/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">处理浏览器中的字体常见问题 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/how-brower-render-page/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器如何渲染页面 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/use-icon-in-web/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">谈谈Web项目中图标的方式 </span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-containers/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">在浏览器中本地运行 Node.js - WebContainers </span> <p class="date"> <span> 2021/12/29 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-worker/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">WebWorker </span> <p class="date"> <span> 2021/12/29 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/algorithm/leetcode-array/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">初级算法-array </span> <p class="date"> <span> 2021/09/11 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-to-tsvector/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg 分词 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/cancel-runing-function/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中如何取消正在执行的存储过程 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-how-to-add-process-in-function/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中为存储过程添加进度 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-trigger/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg触发器 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-sequence/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgresql中的sequence </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-timezone/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中的数据库时区 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-composite-type/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgre中的复合类型 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-useful-sql/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgres有用的sql </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-defin-property/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">defineProperty </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-get-and-set/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">get和set </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-iterator/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">js的迭代器 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-operator/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">介绍几个表达式和运算符 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-prototype/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript中的prototype </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-reflect-and-proxy/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Reflect和Proxy </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-sandbox/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">简单谈谈JS中的沙箱 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-spread-and-rest/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">展开语法和剩余参数 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-this/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">js中的this </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/one-question-about-promise/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">一个关于Promise的问题 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/operators-optional-chaining/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript可选链操作符 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/brew/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Brew </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/docker/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Docker </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/gdal/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">GDAL </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/git/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Git </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/kubectl/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Kubectl </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/nginx/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Nginx </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/npm/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">NPM </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/redis-use-scene/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Redis的五种数据结构及其使用场景 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/sequelize-associations/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">sequelize建立表关系 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/shell/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Shell </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/yum/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">yum </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/jsonwebtoken/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JsonWebToken </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/koa-cross-domain/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">koa跨域 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/koa-http2/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">使用koa创建基于http2的服务 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/koa-middleware-analys/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">koa中间件源码解析 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/node-child-process/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">node中的多进程 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/node-docker/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">node程序放入docker </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/node-download-biaoge-sheji/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">node复用原始接口下载表格 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/nodejs/node-promise/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">node Promise 转换 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/commonly-used-shel-command/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">常用的shell命令总结 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/js-cli-jiaoshoujia/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript脚手架 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/npm-deprecate-version/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">如何优雅的提示用户需要升级npm依赖包版本？ </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/polyfill/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">了解什么是Polyfill </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/uuid-understand/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">深入理解UUID </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/you-dont-konw-package-json/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">你不知道的package.json </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/yum-install-software/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">CentOS安装常用的软件 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue-component-registration/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue组件的自动按需引入 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/webassembly/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">WebAssembly上手 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/brower-copy-to-clipboard/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">拷贝数据到剪贴板 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/cookie/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器处理cookie </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-upload-file/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">前后端通过切片上传文件 </span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/computing-advertising/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">计算广告-基本概念 </span> <p class="date"> <span> 2021/01/10 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/base64/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Base64原理及实现 </span> <p class="date"> <span> 2019/02/19 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
diff --git a/rss.xml b/rss.xml
index ca63ac34..56cf55f4 100644
--- a/rss.xml
+++ b/rss.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>CK Blog</title><description>Welcome to my website!</description><link>https://ckvv.net/</link><item><title>虚拟列表解决方案</title><link>https://ckvv.net/blog/javascript/virtual-list-implementation/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/virtual-list-implementation/</guid><pubDate>Tue, 21 Jan 2025 00:00:00 GMT</pubDate></item><item><title>瀑布流实现的几种方案</title><link>https://ckvv.net/blog/css/waterfall-layout-solutions/</link><guid isPermaLink="true">https://ckvv.net/blog/css/waterfall-layout-solutions/</guid><pubDate>Mon, 13 Jan 2025 00:00:00 GMT</pubDate></item><item><title>div 中 image 底部留白问题</title><link>https://ckvv.net/blog/css/blank-space-at-bottom-of-div-with-image/</link><guid isPermaLink="true">https://ckvv.net/blog/css/blank-space-at-bottom-of-div-with-image/</guid><pubDate>Fri, 10 Jan 2025 00:00:00 GMT</pubDate></item><item><title>加密文档 测试</title><link>https://ckvv.net/blog/posts/%E5%8A%A0%E5%AF%86%E6%96%87%E6%A1%A3/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/%E5%8A%A0%E5%AF%86%E6%96%87%E6%A1%A3/</guid><pubDate>Mon, 06 Jan 2025 00:00:00 GMT</pubDate></item><item><title>博客从Hugo迁移到Astro</title><link>https://ckvv.net/blog/posts/migrating-blog-from-hugo-to-astro/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/migrating-blog-from-hugo-to-astro/</guid><pubDate>Fri, 06 Dec 2024 00:00:00 GMT</pubDate></item><item><title>文件系统访问(File System Access) API</title><link>https://ckvv.net/blog/web/%E6%96%87%E4%BB%B6api/</link><guid isPermaLink="true">https://ckvv.net/blog/web/%E6%96%87%E4%BB%B6api/</guid><pubDate>Thu, 19 Sep 2024 00:00:00 GMT</pubDate></item><item><title>正则表达式</title><link>https://ckvv.net/blog/posts/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/</guid><pubDate>Fri, 06 Sep 2024 00:00:00 GMT</pubDate></item><item><title>React 类组件</title><link>https://ckvv.net/blog/react/react-%E7%B1%BB%E7%BB%84%E4%BB%B6/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-%E7%B1%BB%E7%BB%84%E4%BB%B6/</guid><pubDate>Wed, 28 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React API &amp; 组件</title><link>https://ckvv.net/blog/react/react-apicompoent/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-apicompoent/</guid><pubDate>Sun, 25 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook Context</title><link>https://ckvv.net/blog/react/react-hooks-context/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-context/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook Effect</title><link>https://ckvv.net/blog/react/react-hooks-effect/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-effect/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook Ref</title><link>https://ckvv.net/blog/react/react-hooks-ref/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-ref/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook 其他</title><link>https://ckvv.net/blog/react/react-hooks-%E5%85%B6%E4%BB%96/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-%E5%85%B6%E4%BB%96/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook 性能</title><link>https://ckvv.net/blog/react/react-hooks-%E6%80%A7%E8%83%BD/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-%E6%80%A7%E8%83%BD/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook State</title><link>https://ckvv.net/blog/react/react-hooks-state/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-state/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>Node.js 对 TypeScript 功能的原生支持</title><link>https://ckvv.net/blog/nodejs/node%E5%AF%B9ts%E7%9A%84%E5%8E%9F%E7%94%9F%E6%94%AF%E6%8C%81/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/node%E5%AF%B9ts%E7%9A%84%E5%8E%9F%E7%94%9F%E6%94%AF%E6%8C%81/</guid><pubDate>Tue, 06 Aug 2024 00:00:00 GMT</pubDate></item><item><title>MDX 支持</title><link>https://ckvv.net/blog/posts/using-mdx/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/using-mdx/</guid><pubDate>Sat, 01 Jun 2024 00:00:00 GMT</pubDate></item><item><title>使用 Sequelize 事务读取数据库时的隔离级别</title><link>https://ckvv.net/blog/database/%E4%BD%BF%E7%94%A8sequelize-%E4%BA%8B%E5%8A%A1%E8%AF%BB%E5%8F%96%E6%95%B0%E6%8D%AE%E5%BA%93%E6%97%B6%E7%9A%84%E9%9A%94%E7%A6%BB%E7%BA%A7%E5%88%AB/</link><guid isPermaLink="true">https://ckvv.net/blog/database/%E4%BD%BF%E7%94%A8sequelize-%E4%BA%8B%E5%8A%A1%E8%AF%BB%E5%8F%96%E6%95%B0%E6%8D%AE%E5%BA%93%E6%97%B6%E7%9A%84%E9%9A%94%E7%A6%BB%E7%BA%A7%E5%88%AB/</guid><pubDate>Wed, 08 May 2024 00:00:00 GMT</pubDate></item><item><title>范围请求(Http Range Request)</title><link>https://ckvv.net/blog/web/%E8%8C%83%E5%9B%B4%E8%AF%B7%E6%B1%82/</link><guid isPermaLink="true">https://ckvv.net/blog/web/%E8%8C%83%E5%9B%B4%E8%AF%B7%E6%B1%82/</guid><pubDate>Tue, 05 Mar 2024 00:00:00 GMT</pubDate></item><item><title>初级算法-树</title><link>https://ckvv.net/blog/algorithm/leetcode-%E6%A0%91/</link><guid isPermaLink="true">https://ckvv.net/blog/algorithm/leetcode-%E6%A0%91/</guid><pubDate>Fri, 09 Feb 2024 00:00:00 GMT</pubDate></item><item><title>初级算法-链表</title><link>https://ckvv.net/blog/algorithm/leetcode-%E9%93%BE%E8%A1%A8/</link><guid isPermaLink="true">https://ckvv.net/blog/algorithm/leetcode-%E9%93%BE%E8%A1%A8/</guid><pubDate>Fri, 09 Feb 2024 00:00:00 GMT</pubDate></item><item><title>nodejs stream to buffer</title><link>https://ckvv.net/blog/nodejs/stream-to-buffer/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/stream-to-buffer/</guid><pubDate>Mon, 18 Dec 2023 00:00:00 GMT</pubDate></item><item><title>二叉树相关算法</title><link>https://ckvv.net/blog/algorithm/%E4%BA%8C%E5%8F%89%E6%A0%91/</link><guid isPermaLink="true">https://ckvv.net/blog/algorithm/%E4%BA%8C%E5%8F%89%E6%A0%91/</guid><pubDate>Fri, 08 Sep 2023 00:00:00 GMT</pubDate></item><item><title>安装常用的软件</title><link>https://ckvv.net/blog/posts/install/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/install/</guid><pubDate>Tue, 05 Sep 2023 00:00:00 GMT</pubDate></item><item><title>GitHub 身份验证</title><link>https://ckvv.net/blog/libs/github/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/github/</guid><pubDate>Thu, 03 Aug 2023 00:00:00 GMT</pubDate></item><item><title>PostgreSQL</title><link>https://ckvv.net/blog/database/pg/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg/</guid><pubDate>Wed, 21 Jun 2023 00:00:00 GMT</pubDate></item><item><title>Vue动态组件缓存</title><link>https://ckvv.net/blog/vue/vue%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6%E7%BC%93%E5%AD%98/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/vue%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6%E7%BC%93%E5%AD%98/</guid><pubDate>Thu, 01 Jun 2023 00:00:00 GMT</pubDate></item><item><title>CSS颜色</title><link>https://ckvv.net/blog/css/css-color/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-color/</guid><pubDate>Wed, 22 Mar 2023 00:00:00 GMT</pubDate></item><item><title>Vue全局组件类型提示</title><link>https://ckvv.net/blog/vue/vue%E5%85%A8%E5%B1%80%E7%BB%84%E4%BB%B6%E7%B1%BB%E5%9E%8B%E6%8F%90%E7%A4%BA/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/vue%E5%85%A8%E5%B1%80%E7%BB%84%E4%BB%B6%E7%B1%BB%E5%9E%8B%E6%8F%90%E7%A4%BA/</guid><pubDate>Thu, 16 Mar 2023 00:00:00 GMT</pubDate></item><item><title>初级算法-string</title><link>https://ckvv.net/blog/algorithm/leetcode-string/</link><guid isPermaLink="true">https://ckvv.net/blog/algorithm/leetcode-string/</guid><pubDate>Thu, 09 Feb 2023 00:00:00 GMT</pubDate></item><item><title>HTTP请求传参详解</title><link>https://ckvv.net/blog/web/http%E8%AF%B7%E6%B1%82%E4%BC%A0%E5%8F%82%E8%AF%A6%E8%A7%A3/</link><guid isPermaLink="true">https://ckvv.net/blog/web/http%E8%AF%B7%E6%B1%82%E4%BC%A0%E5%8F%82%E8%AF%A6%E8%A7%A3/</guid><pubDate>Thu, 25 Aug 2022 00:00:00 GMT</pubDate></item><item><title>与滚动条相关的属性</title><link>https://ckvv.net/blog/css/scrollbars/</link><guid isPermaLink="true">https://ckvv.net/blog/css/scrollbars/</guid><pubDate>Wed, 27 Jul 2022 00:00:00 GMT</pubDate></item><item><title>Vue 3 UI 组件库评测</title><link>https://ckvv.net/blog/vue/ui_framework/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/ui_framework/</guid><pubDate>Tue, 28 Jun 2022 00:00:00 GMT</pubDate></item><item><title>关于Vue组件二次封装的技巧总结</title><link>https://ckvv.net/blog/vue/guanyu-vue-zujian-fengzhuang/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/guanyu-vue-zujian-fengzhuang/</guid><pubDate>Wed, 06 Apr 2022 00:00:00 GMT</pubDate></item><item><title>CSS实现字体阴影效果</title><link>https://ckvv.net/blog/css/font-shadow/</link><guid isPermaLink="true">https://ckvv.net/blog/css/font-shadow/</guid><pubDate>Fri, 18 Mar 2022 00:00:00 GMT</pubDate></item><item><title>React 基础</title><link>https://ckvv.net/blog/react/react-%E5%9F%BA%E7%A1%80/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-%E5%9F%BA%E7%A1%80/</guid><pubDate>Mon, 21 Feb 2022 00:00:00 GMT</pubDate></item><item><title>常用的一些css样式</title><link>https://ckvv.net/blog/css/css-useful-style/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-useful-style/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>css元素选择器</title><link>https://ckvv.net/blog/css/css-select/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-select/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>浅谈CSS动画</title><link>https://ckvv.net/blog/css/css-animation/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-animation/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>css关于浮动的知识</title><link>https://ckvv.net/blog/css/css-float/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-float/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>组件间样式隔离的几种方案</title><link>https://ckvv.net/blog/css/css-web-compoent-isolation/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-web-compoent-isolation/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>vue nextTick的原理</title><link>https://ckvv.net/blog/vue/vue-nex-tick/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/vue-nex-tick/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>Vue样式dev和build下不一致</title><link>https://ckvv.net/blog/vue/vue-page-style-dev-build-different/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/vue-page-style-dev-build-different/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>跨域资源共享 (CORS)</title><link>https://ckvv.net/blog/web/cross-origin-resource-sharing/</link><guid isPermaLink="true">https://ckvv.net/blog/web/cross-origin-resource-sharing/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>DOM中的event</title><link>https://ckvv.net/blog/web/dom-event/</link><guid isPermaLink="true">https://ckvv.net/blog/web/dom-event/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>浏览器中获取宽、高相关的属性</title><link>https://ckvv.net/blog/web/get-width-and-height-attributes-in-the-browser/</link><guid isPermaLink="true">https://ckvv.net/blog/web/get-width-and-height-attributes-in-the-browser/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>处理浏览器中的字体常见问题</title><link>https://ckvv.net/blog/web/handling-fonts-in-the-web/</link><guid isPermaLink="true">https://ckvv.net/blog/web/handling-fonts-in-the-web/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>浏览器如何渲染页面</title><link>https://ckvv.net/blog/web/how-brower-render-page/</link><guid isPermaLink="true">https://ckvv.net/blog/web/how-brower-render-page/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>谈谈Web项目中图标的方式</title><link>https://ckvv.net/blog/web/use-icon-in-web/</link><guid isPermaLink="true">https://ckvv.net/blog/web/use-icon-in-web/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>在浏览器中本地运行 Node.js - WebContainers</title><link>https://ckvv.net/blog/web/web-containers/</link><guid isPermaLink="true">https://ckvv.net/blog/web/web-containers/</guid><pubDate>Wed, 29 Dec 2021 00:00:00 GMT</pubDate></item><item><title>WebWorker</title><link>https://ckvv.net/blog/web/web-worker/</link><guid isPermaLink="true">https://ckvv.net/blog/web/web-worker/</guid><pubDate>Wed, 29 Dec 2021 00:00:00 GMT</pubDate></item><item><title>初级算法-array</title><link>https://ckvv.net/blog/algorithm/leetcode-array/</link><guid isPermaLink="true">https://ckvv.net/blog/algorithm/leetcode-array/</guid><pubDate>Sat, 11 Sep 2021 00:00:00 GMT</pubDate></item><item><title>pg中如何取消正在执行的存储过程</title><link>https://ckvv.net/blog/database/cancel-runing-function/</link><guid isPermaLink="true">https://ckvv.net/blog/database/cancel-runing-function/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>pg中为存储过程添加进度</title><link>https://ckvv.net/blog/database/pg-how-to-add-process-in-function/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-how-to-add-process-in-function/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>postgresql中的sequence</title><link>https://ckvv.net/blog/database/pg-sequence/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-sequence/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>pg中的数据库时区</title><link>https://ckvv.net/blog/database/pg-timezone/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-timezone/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>postgre中的复合类型</title><link>https://ckvv.net/blog/database/pg-composite-type/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-composite-type/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>pg 分词</title><link>https://ckvv.net/blog/database/pg-to-tsvector/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-to-tsvector/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>pg触发器</title><link>https://ckvv.net/blog/database/pg-trigger/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-trigger/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>postgres有用的sql</title><link>https://ckvv.net/blog/database/pg-useful-sql/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-useful-sql/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>defineProperty</title><link>https://ckvv.net/blog/javascript/js-defin-property/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-defin-property/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>get和set</title><link>https://ckvv.net/blog/javascript/js-get-and-set/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-get-and-set/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>js的迭代器</title><link>https://ckvv.net/blog/javascript/js-iterator/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-iterator/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>介绍几个表达式和运算符</title><link>https://ckvv.net/blog/javascript/js-operator/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-operator/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Reflect和Proxy</title><link>https://ckvv.net/blog/javascript/js-reflect-and-proxy/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-reflect-and-proxy/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>JavaScript中的prototype</title><link>https://ckvv.net/blog/javascript/js-prototype/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-prototype/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>简单谈谈JS中的沙箱</title><link>https://ckvv.net/blog/javascript/js-sandbox/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-sandbox/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>展开语法和剩余参数</title><link>https://ckvv.net/blog/javascript/js-spread-and-rest/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-spread-and-rest/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>js中的this</title><link>https://ckvv.net/blog/javascript/js-this/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-this/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>一个关于Promise的问题</title><link>https://ckvv.net/blog/javascript/one-question-about-promise/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/one-question-about-promise/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>JavaScript可选链操作符</title><link>https://ckvv.net/blog/javascript/operators-optional-chaining/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/operators-optional-chaining/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Brew</title><link>https://ckvv.net/blog/libs/brew/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/brew/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Docker</title><link>https://ckvv.net/blog/libs/docker/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/docker/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>GDAL</title><link>https://ckvv.net/blog/libs/gdal/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/gdal/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Git</title><link>https://ckvv.net/blog/libs/git/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/git/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Kubectl</title><link>https://ckvv.net/blog/libs/kubectl/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/kubectl/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Nginx</title><link>https://ckvv.net/blog/libs/nginx/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/nginx/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>NPM</title><link>https://ckvv.net/blog/libs/npm/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/npm/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Redis的五种数据结构及其使用场景</title><link>https://ckvv.net/blog/libs/redis-use-scene/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/redis-use-scene/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>sequelize建立表关系</title><link>https://ckvv.net/blog/libs/sequelize-associations/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/sequelize-associations/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>yum</title><link>https://ckvv.net/blog/libs/yum/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/yum/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Shell</title><link>https://ckvv.net/blog/libs/shell/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/shell/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>JsonWebToken</title><link>https://ckvv.net/blog/nodejs/jsonwebtoken/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/jsonwebtoken/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>koa跨域</title><link>https://ckvv.net/blog/nodejs/koa-cross-domain/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/koa-cross-domain/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>使用koa创建基于http2的服务</title><link>https://ckvv.net/blog/nodejs/koa-http2/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/koa-http2/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>koa中间件源码解析</title><link>https://ckvv.net/blog/nodejs/koa-middleware-analys/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/koa-middleware-analys/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>node中的多进程</title><link>https://ckvv.net/blog/nodejs/node-child-process/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/node-child-process/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>node程序放入docker</title><link>https://ckvv.net/blog/nodejs/node-docker/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/node-docker/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>node复用原始接口下载表格</title><link>https://ckvv.net/blog/nodejs/node-download-biaoge-sheji/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/node-download-biaoge-sheji/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>node Promise 转换</title><link>https://ckvv.net/blog/nodejs/node-promise/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/node-promise/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>常用的shell命令总结</title><link>https://ckvv.net/blog/posts/commonly-used-shel-command/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/commonly-used-shel-command/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>JavaScript脚手架</title><link>https://ckvv.net/blog/posts/js-cli-jiaoshoujia/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/js-cli-jiaoshoujia/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>如何优雅的提示用户需要升级npm依赖包版本？</title><link>https://ckvv.net/blog/posts/npm-deprecate-version/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/npm-deprecate-version/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>了解什么是Polyfill</title><link>https://ckvv.net/blog/posts/polyfill/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/polyfill/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>深入理解UUID</title><link>https://ckvv.net/blog/posts/uuid-understand/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/uuid-understand/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>你不知道的package.json</title><link>https://ckvv.net/blog/posts/you-dont-konw-package-json/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/you-dont-konw-package-json/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>CentOS安装常用的软件</title><link>https://ckvv.net/blog/posts/yum-install-software/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/yum-install-software/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Vue组件的自动按需引入</title><link>https://ckvv.net/blog/vue/vue-component-registration/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/vue-component-registration/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>WebAssembly上手</title><link>https://ckvv.net/blog/web/webassembly/</link><guid isPermaLink="true">https://ckvv.net/blog/web/webassembly/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>拷贝数据到剪贴板</title><link>https://ckvv.net/blog/web/brower-copy-to-clipboard/</link><guid isPermaLink="true">https://ckvv.net/blog/web/brower-copy-to-clipboard/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>浏览器处理cookie</title><link>https://ckvv.net/blog/web/cookie/</link><guid isPermaLink="true">https://ckvv.net/blog/web/cookie/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>前后端通过切片上传文件</title><link>https://ckvv.net/blog/web/web-upload-file/</link><guid isPermaLink="true">https://ckvv.net/blog/web/web-upload-file/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>计算广告-基本概念</title><link>https://ckvv.net/blog/posts/computing-advertising/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/computing-advertising/</guid><pubDate>Sun, 10 Jan 2021 00:00:00 GMT</pubDate></item><item><title>Base64原理及实现</title><link>https://ckvv.net/blog/posts/base64/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/base64/</guid><pubDate>Tue, 19 Feb 2019 00:00:00 GMT</pubDate></item><item><title>关于</title><link>https://ckvv.net/blog/about/</link><guid isPermaLink="true">https://ckvv.net/blog/about/</guid><pubDate>Wed, 13 Feb 2019 00:00:00 GMT</pubDate></item></channel></rss>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>CK Blog</title><description>Welcome to my website!</description><link>https://ckvv.net/</link><item><title>浏览器屏幕颜色吸取</title><link>https://ckvv.net/blog/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%B1%8F%E5%B9%95%E9%A2%9C%E8%89%B2%E5%90%B8%E5%8F%96/</link><guid isPermaLink="true">https://ckvv.net/blog/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%B1%8F%E5%B9%95%E9%A2%9C%E8%89%B2%E5%90%B8%E5%8F%96/</guid><pubDate>Wed, 12 Feb 2025 00:00:00 GMT</pubDate></item><item><title>虚拟列表解决方案</title><link>https://ckvv.net/blog/javascript/virtual-list-implementation/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/virtual-list-implementation/</guid><pubDate>Tue, 21 Jan 2025 00:00:00 GMT</pubDate></item><item><title>瀑布流实现的几种方案</title><link>https://ckvv.net/blog/css/waterfall-layout-solutions/</link><guid isPermaLink="true">https://ckvv.net/blog/css/waterfall-layout-solutions/</guid><pubDate>Mon, 13 Jan 2025 00:00:00 GMT</pubDate></item><item><title>div 中 image 底部留白问题</title><link>https://ckvv.net/blog/css/blank-space-at-bottom-of-div-with-image/</link><guid isPermaLink="true">https://ckvv.net/blog/css/blank-space-at-bottom-of-div-with-image/</guid><pubDate>Fri, 10 Jan 2025 00:00:00 GMT</pubDate></item><item><title>加密文档 测试</title><link>https://ckvv.net/blog/posts/%E5%8A%A0%E5%AF%86%E6%96%87%E6%A1%A3/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/%E5%8A%A0%E5%AF%86%E6%96%87%E6%A1%A3/</guid><pubDate>Mon, 06 Jan 2025 00:00:00 GMT</pubDate></item><item><title>博客从Hugo迁移到Astro</title><link>https://ckvv.net/blog/posts/migrating-blog-from-hugo-to-astro/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/migrating-blog-from-hugo-to-astro/</guid><pubDate>Fri, 06 Dec 2024 00:00:00 GMT</pubDate></item><item><title>文件系统访问(File System Access) API</title><link>https://ckvv.net/blog/web/%E6%96%87%E4%BB%B6api/</link><guid isPermaLink="true">https://ckvv.net/blog/web/%E6%96%87%E4%BB%B6api/</guid><pubDate>Thu, 19 Sep 2024 00:00:00 GMT</pubDate></item><item><title>正则表达式</title><link>https://ckvv.net/blog/posts/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/</guid><pubDate>Fri, 06 Sep 2024 00:00:00 GMT</pubDate></item><item><title>React 类组件</title><link>https://ckvv.net/blog/react/react-%E7%B1%BB%E7%BB%84%E4%BB%B6/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-%E7%B1%BB%E7%BB%84%E4%BB%B6/</guid><pubDate>Wed, 28 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React API &amp; 组件</title><link>https://ckvv.net/blog/react/react-apicompoent/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-apicompoent/</guid><pubDate>Sun, 25 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook Context</title><link>https://ckvv.net/blog/react/react-hooks-context/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-context/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook Effect</title><link>https://ckvv.net/blog/react/react-hooks-effect/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-effect/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook Ref</title><link>https://ckvv.net/blog/react/react-hooks-ref/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-ref/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook 其他</title><link>https://ckvv.net/blog/react/react-hooks-%E5%85%B6%E4%BB%96/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-%E5%85%B6%E4%BB%96/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook 性能</title><link>https://ckvv.net/blog/react/react-hooks-%E6%80%A7%E8%83%BD/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-%E6%80%A7%E8%83%BD/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>React Hook State</title><link>https://ckvv.net/blog/react/react-hooks-state/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-hooks-state/</guid><pubDate>Sat, 24 Aug 2024 00:00:00 GMT</pubDate></item><item><title>Node.js 对 TypeScript 功能的原生支持</title><link>https://ckvv.net/blog/nodejs/node%E5%AF%B9ts%E7%9A%84%E5%8E%9F%E7%94%9F%E6%94%AF%E6%8C%81/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/node%E5%AF%B9ts%E7%9A%84%E5%8E%9F%E7%94%9F%E6%94%AF%E6%8C%81/</guid><pubDate>Tue, 06 Aug 2024 00:00:00 GMT</pubDate></item><item><title>MDX 支持</title><link>https://ckvv.net/blog/posts/using-mdx/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/using-mdx/</guid><pubDate>Sat, 01 Jun 2024 00:00:00 GMT</pubDate></item><item><title>使用 Sequelize 事务读取数据库时的隔离级别</title><link>https://ckvv.net/blog/database/%E4%BD%BF%E7%94%A8sequelize-%E4%BA%8B%E5%8A%A1%E8%AF%BB%E5%8F%96%E6%95%B0%E6%8D%AE%E5%BA%93%E6%97%B6%E7%9A%84%E9%9A%94%E7%A6%BB%E7%BA%A7%E5%88%AB/</link><guid isPermaLink="true">https://ckvv.net/blog/database/%E4%BD%BF%E7%94%A8sequelize-%E4%BA%8B%E5%8A%A1%E8%AF%BB%E5%8F%96%E6%95%B0%E6%8D%AE%E5%BA%93%E6%97%B6%E7%9A%84%E9%9A%94%E7%A6%BB%E7%BA%A7%E5%88%AB/</guid><pubDate>Wed, 08 May 2024 00:00:00 GMT</pubDate></item><item><title>范围请求(Http Range Request)</title><link>https://ckvv.net/blog/web/%E8%8C%83%E5%9B%B4%E8%AF%B7%E6%B1%82/</link><guid isPermaLink="true">https://ckvv.net/blog/web/%E8%8C%83%E5%9B%B4%E8%AF%B7%E6%B1%82/</guid><pubDate>Tue, 05 Mar 2024 00:00:00 GMT</pubDate></item><item><title>初级算法-树</title><link>https://ckvv.net/blog/algorithm/leetcode-%E6%A0%91/</link><guid isPermaLink="true">https://ckvv.net/blog/algorithm/leetcode-%E6%A0%91/</guid><pubDate>Fri, 09 Feb 2024 00:00:00 GMT</pubDate></item><item><title>初级算法-链表</title><link>https://ckvv.net/blog/algorithm/leetcode-%E9%93%BE%E8%A1%A8/</link><guid isPermaLink="true">https://ckvv.net/blog/algorithm/leetcode-%E9%93%BE%E8%A1%A8/</guid><pubDate>Fri, 09 Feb 2024 00:00:00 GMT</pubDate></item><item><title>nodejs stream to buffer</title><link>https://ckvv.net/blog/nodejs/stream-to-buffer/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/stream-to-buffer/</guid><pubDate>Mon, 18 Dec 2023 00:00:00 GMT</pubDate></item><item><title>二叉树相关算法</title><link>https://ckvv.net/blog/algorithm/%E4%BA%8C%E5%8F%89%E6%A0%91/</link><guid isPermaLink="true">https://ckvv.net/blog/algorithm/%E4%BA%8C%E5%8F%89%E6%A0%91/</guid><pubDate>Fri, 08 Sep 2023 00:00:00 GMT</pubDate></item><item><title>安装常用的软件</title><link>https://ckvv.net/blog/posts/install/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/install/</guid><pubDate>Tue, 05 Sep 2023 00:00:00 GMT</pubDate></item><item><title>GitHub 身份验证</title><link>https://ckvv.net/blog/libs/github/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/github/</guid><pubDate>Thu, 03 Aug 2023 00:00:00 GMT</pubDate></item><item><title>PostgreSQL</title><link>https://ckvv.net/blog/database/pg/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg/</guid><pubDate>Wed, 21 Jun 2023 00:00:00 GMT</pubDate></item><item><title>Vue动态组件缓存</title><link>https://ckvv.net/blog/vue/vue%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6%E7%BC%93%E5%AD%98/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/vue%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6%E7%BC%93%E5%AD%98/</guid><pubDate>Thu, 01 Jun 2023 00:00:00 GMT</pubDate></item><item><title>CSS颜色</title><link>https://ckvv.net/blog/css/css-color/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-color/</guid><pubDate>Wed, 22 Mar 2023 00:00:00 GMT</pubDate></item><item><title>Vue全局组件类型提示</title><link>https://ckvv.net/blog/vue/vue%E5%85%A8%E5%B1%80%E7%BB%84%E4%BB%B6%E7%B1%BB%E5%9E%8B%E6%8F%90%E7%A4%BA/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/vue%E5%85%A8%E5%B1%80%E7%BB%84%E4%BB%B6%E7%B1%BB%E5%9E%8B%E6%8F%90%E7%A4%BA/</guid><pubDate>Thu, 16 Mar 2023 00:00:00 GMT</pubDate></item><item><title>初级算法-string</title><link>https://ckvv.net/blog/algorithm/leetcode-string/</link><guid isPermaLink="true">https://ckvv.net/blog/algorithm/leetcode-string/</guid><pubDate>Thu, 09 Feb 2023 00:00:00 GMT</pubDate></item><item><title>HTTP请求传参详解</title><link>https://ckvv.net/blog/web/http%E8%AF%B7%E6%B1%82%E4%BC%A0%E5%8F%82%E8%AF%A6%E8%A7%A3/</link><guid isPermaLink="true">https://ckvv.net/blog/web/http%E8%AF%B7%E6%B1%82%E4%BC%A0%E5%8F%82%E8%AF%A6%E8%A7%A3/</guid><pubDate>Thu, 25 Aug 2022 00:00:00 GMT</pubDate></item><item><title>与滚动条相关的属性</title><link>https://ckvv.net/blog/css/scrollbars/</link><guid isPermaLink="true">https://ckvv.net/blog/css/scrollbars/</guid><pubDate>Wed, 27 Jul 2022 00:00:00 GMT</pubDate></item><item><title>Vue 3 UI 组件库评测</title><link>https://ckvv.net/blog/vue/ui_framework/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/ui_framework/</guid><pubDate>Tue, 28 Jun 2022 00:00:00 GMT</pubDate></item><item><title>关于Vue组件二次封装的技巧总结</title><link>https://ckvv.net/blog/vue/guanyu-vue-zujian-fengzhuang/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/guanyu-vue-zujian-fengzhuang/</guid><pubDate>Wed, 06 Apr 2022 00:00:00 GMT</pubDate></item><item><title>CSS实现字体阴影效果</title><link>https://ckvv.net/blog/css/font-shadow/</link><guid isPermaLink="true">https://ckvv.net/blog/css/font-shadow/</guid><pubDate>Fri, 18 Mar 2022 00:00:00 GMT</pubDate></item><item><title>React 基础</title><link>https://ckvv.net/blog/react/react-%E5%9F%BA%E7%A1%80/</link><guid isPermaLink="true">https://ckvv.net/blog/react/react-%E5%9F%BA%E7%A1%80/</guid><pubDate>Mon, 21 Feb 2022 00:00:00 GMT</pubDate></item><item><title>css元素选择器</title><link>https://ckvv.net/blog/css/css-select/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-select/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>浅谈CSS动画</title><link>https://ckvv.net/blog/css/css-animation/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-animation/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>css关于浮动的知识</title><link>https://ckvv.net/blog/css/css-float/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-float/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>常用的一些css样式</title><link>https://ckvv.net/blog/css/css-useful-style/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-useful-style/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>组件间样式隔离的几种方案</title><link>https://ckvv.net/blog/css/css-web-compoent-isolation/</link><guid isPermaLink="true">https://ckvv.net/blog/css/css-web-compoent-isolation/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>vue nextTick的原理</title><link>https://ckvv.net/blog/vue/vue-nex-tick/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/vue-nex-tick/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>Vue样式dev和build下不一致</title><link>https://ckvv.net/blog/vue/vue-page-style-dev-build-different/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/vue-page-style-dev-build-different/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>跨域资源共享 (CORS)</title><link>https://ckvv.net/blog/web/cross-origin-resource-sharing/</link><guid isPermaLink="true">https://ckvv.net/blog/web/cross-origin-resource-sharing/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>DOM中的event</title><link>https://ckvv.net/blog/web/dom-event/</link><guid isPermaLink="true">https://ckvv.net/blog/web/dom-event/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>浏览器中获取宽、高相关的属性</title><link>https://ckvv.net/blog/web/get-width-and-height-attributes-in-the-browser/</link><guid isPermaLink="true">https://ckvv.net/blog/web/get-width-and-height-attributes-in-the-browser/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>处理浏览器中的字体常见问题</title><link>https://ckvv.net/blog/web/handling-fonts-in-the-web/</link><guid isPermaLink="true">https://ckvv.net/blog/web/handling-fonts-in-the-web/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>浏览器如何渲染页面</title><link>https://ckvv.net/blog/web/how-brower-render-page/</link><guid isPermaLink="true">https://ckvv.net/blog/web/how-brower-render-page/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>谈谈Web项目中图标的方式</title><link>https://ckvv.net/blog/web/use-icon-in-web/</link><guid isPermaLink="true">https://ckvv.net/blog/web/use-icon-in-web/</guid><pubDate>Wed, 09 Feb 2022 00:00:00 GMT</pubDate></item><item><title>在浏览器中本地运行 Node.js - WebContainers</title><link>https://ckvv.net/blog/web/web-containers/</link><guid isPermaLink="true">https://ckvv.net/blog/web/web-containers/</guid><pubDate>Wed, 29 Dec 2021 00:00:00 GMT</pubDate></item><item><title>WebWorker</title><link>https://ckvv.net/blog/web/web-worker/</link><guid isPermaLink="true">https://ckvv.net/blog/web/web-worker/</guid><pubDate>Wed, 29 Dec 2021 00:00:00 GMT</pubDate></item><item><title>初级算法-array</title><link>https://ckvv.net/blog/algorithm/leetcode-array/</link><guid isPermaLink="true">https://ckvv.net/blog/algorithm/leetcode-array/</guid><pubDate>Sat, 11 Sep 2021 00:00:00 GMT</pubDate></item><item><title>pg 分词</title><link>https://ckvv.net/blog/database/pg-to-tsvector/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-to-tsvector/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>pg中如何取消正在执行的存储过程</title><link>https://ckvv.net/blog/database/cancel-runing-function/</link><guid isPermaLink="true">https://ckvv.net/blog/database/cancel-runing-function/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>pg中为存储过程添加进度</title><link>https://ckvv.net/blog/database/pg-how-to-add-process-in-function/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-how-to-add-process-in-function/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>pg触发器</title><link>https://ckvv.net/blog/database/pg-trigger/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-trigger/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>postgresql中的sequence</title><link>https://ckvv.net/blog/database/pg-sequence/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-sequence/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>pg中的数据库时区</title><link>https://ckvv.net/blog/database/pg-timezone/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-timezone/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>postgre中的复合类型</title><link>https://ckvv.net/blog/database/pg-composite-type/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-composite-type/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>postgres有用的sql</title><link>https://ckvv.net/blog/database/pg-useful-sql/</link><guid isPermaLink="true">https://ckvv.net/blog/database/pg-useful-sql/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>defineProperty</title><link>https://ckvv.net/blog/javascript/js-defin-property/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-defin-property/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>get和set</title><link>https://ckvv.net/blog/javascript/js-get-and-set/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-get-and-set/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>js的迭代器</title><link>https://ckvv.net/blog/javascript/js-iterator/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-iterator/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>介绍几个表达式和运算符</title><link>https://ckvv.net/blog/javascript/js-operator/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-operator/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>JavaScript中的prototype</title><link>https://ckvv.net/blog/javascript/js-prototype/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-prototype/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Reflect和Proxy</title><link>https://ckvv.net/blog/javascript/js-reflect-and-proxy/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-reflect-and-proxy/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>简单谈谈JS中的沙箱</title><link>https://ckvv.net/blog/javascript/js-sandbox/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-sandbox/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>展开语法和剩余参数</title><link>https://ckvv.net/blog/javascript/js-spread-and-rest/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-spread-and-rest/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>js中的this</title><link>https://ckvv.net/blog/javascript/js-this/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/js-this/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>一个关于Promise的问题</title><link>https://ckvv.net/blog/javascript/one-question-about-promise/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/one-question-about-promise/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>JavaScript可选链操作符</title><link>https://ckvv.net/blog/javascript/operators-optional-chaining/</link><guid isPermaLink="true">https://ckvv.net/blog/javascript/operators-optional-chaining/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Brew</title><link>https://ckvv.net/blog/libs/brew/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/brew/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Docker</title><link>https://ckvv.net/blog/libs/docker/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/docker/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>GDAL</title><link>https://ckvv.net/blog/libs/gdal/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/gdal/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Git</title><link>https://ckvv.net/blog/libs/git/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/git/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Kubectl</title><link>https://ckvv.net/blog/libs/kubectl/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/kubectl/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Nginx</title><link>https://ckvv.net/blog/libs/nginx/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/nginx/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>NPM</title><link>https://ckvv.net/blog/libs/npm/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/npm/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Redis的五种数据结构及其使用场景</title><link>https://ckvv.net/blog/libs/redis-use-scene/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/redis-use-scene/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>sequelize建立表关系</title><link>https://ckvv.net/blog/libs/sequelize-associations/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/sequelize-associations/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Shell</title><link>https://ckvv.net/blog/libs/shell/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/shell/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>yum</title><link>https://ckvv.net/blog/libs/yum/</link><guid isPermaLink="true">https://ckvv.net/blog/libs/yum/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>JsonWebToken</title><link>https://ckvv.net/blog/nodejs/jsonwebtoken/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/jsonwebtoken/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>koa跨域</title><link>https://ckvv.net/blog/nodejs/koa-cross-domain/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/koa-cross-domain/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>使用koa创建基于http2的服务</title><link>https://ckvv.net/blog/nodejs/koa-http2/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/koa-http2/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>koa中间件源码解析</title><link>https://ckvv.net/blog/nodejs/koa-middleware-analys/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/koa-middleware-analys/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>node中的多进程</title><link>https://ckvv.net/blog/nodejs/node-child-process/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/node-child-process/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>node程序放入docker</title><link>https://ckvv.net/blog/nodejs/node-docker/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/node-docker/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>node复用原始接口下载表格</title><link>https://ckvv.net/blog/nodejs/node-download-biaoge-sheji/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/node-download-biaoge-sheji/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>node Promise 转换</title><link>https://ckvv.net/blog/nodejs/node-promise/</link><guid isPermaLink="true">https://ckvv.net/blog/nodejs/node-promise/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>常用的shell命令总结</title><link>https://ckvv.net/blog/posts/commonly-used-shel-command/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/commonly-used-shel-command/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>JavaScript脚手架</title><link>https://ckvv.net/blog/posts/js-cli-jiaoshoujia/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/js-cli-jiaoshoujia/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>如何优雅的提示用户需要升级npm依赖包版本？</title><link>https://ckvv.net/blog/posts/npm-deprecate-version/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/npm-deprecate-version/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>了解什么是Polyfill</title><link>https://ckvv.net/blog/posts/polyfill/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/polyfill/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>深入理解UUID</title><link>https://ckvv.net/blog/posts/uuid-understand/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/uuid-understand/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>你不知道的package.json</title><link>https://ckvv.net/blog/posts/you-dont-konw-package-json/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/you-dont-konw-package-json/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>CentOS安装常用的软件</title><link>https://ckvv.net/blog/posts/yum-install-software/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/yum-install-software/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>Vue组件的自动按需引入</title><link>https://ckvv.net/blog/vue/vue-component-registration/</link><guid isPermaLink="true">https://ckvv.net/blog/vue/vue-component-registration/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>WebAssembly上手</title><link>https://ckvv.net/blog/web/webassembly/</link><guid isPermaLink="true">https://ckvv.net/blog/web/webassembly/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>拷贝数据到剪贴板</title><link>https://ckvv.net/blog/web/brower-copy-to-clipboard/</link><guid isPermaLink="true">https://ckvv.net/blog/web/brower-copy-to-clipboard/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>浏览器处理cookie</title><link>https://ckvv.net/blog/web/cookie/</link><guid isPermaLink="true">https://ckvv.net/blog/web/cookie/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>前后端通过切片上传文件</title><link>https://ckvv.net/blog/web/web-upload-file/</link><guid isPermaLink="true">https://ckvv.net/blog/web/web-upload-file/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title>计算广告-基本概念</title><link>https://ckvv.net/blog/posts/computing-advertising/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/computing-advertising/</guid><pubDate>Sun, 10 Jan 2021 00:00:00 GMT</pubDate></item><item><title>Base64原理及实现</title><link>https://ckvv.net/blog/posts/base64/</link><guid isPermaLink="true">https://ckvv.net/blog/posts/base64/</guid><pubDate>Tue, 19 Feb 2019 00:00:00 GMT</pubDate></item><item><title>关于</title><link>https://ckvv.net/blog/about/</link><guid isPermaLink="true">https://ckvv.net/blog/about/</guid><pubDate>Wed, 13 Feb 2019 00:00:00 GMT</pubDate></item></channel></rss>
\ No newline at end of file
diff --git a/tag/css/index.html b/tag/css/index.html
index b1e4e4df..38621740 100644
--- a/tag/css/index.html
+++ b/tag/css/index.html
@@ -1,3 +1,3 @@
 <!DOCTYPE html><html lang="en" class="h-full"> <head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.ico"><meta name="generator" content="Astro v5.2.5"><!-- Canonical URL --><link rel="canonical" href="https://ckvv.net/tag/css/"><!-- Primary Meta Tags --><title>CK Blog</title><meta name="title" content="CK Blog"><meta name="description" content="Welcome to my website!"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://ckvv.net/tag/css/"><meta property="og:title" content="CK Blog"><meta property="og:description" content="Welcome to my website!"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://ckvv.net/tag/css/"><meta property="twitter:title" content="CK Blog"><meta property="twitter:description" content="Welcome to my website!"><link rel="stylesheet" href="/_astro/about.ByvCxIYf.css"></head> <body class="flex flex-col min-h-full"> <header class="sticky top-0 px-4 bg-white z-10 shadow-md"> <nav class="w-full max-w-6xl m-auto elect-none flex justify-between items-center text-2xl my-4"> <div class="flex gap-2 md:gap-4 items-center font-bold"> <h2><a href="/">CK Blog</a></h2> </div> <div class="flex gap-2 md:gap-4"> <a href="/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Home <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/tag/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Tag <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/assets/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center hidden md:inline"> Assets <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/about/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> About <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="https://github.com/ckvv/ckvv.github.io" target="_blank" aria-label="GitHub" class="hidden md:inline"> <svg viewBox="0 0 32 32" role="img" width="32" height="32" fill="none">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E" />
-</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/css/waterfall-layout-solutions/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">瀑布流实现的几种方案</span> <p class="date"> <span> 2025/01/13 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/blank-space-at-bottom-of-div-with-image/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">div 中 image 底部留白问题</span> <p class="date"> <span> 2025/01/10 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-color/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">CSS颜色</span> <p class="date"> <span> 2023/03/22 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/scrollbars/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">与滚动条相关的属性</span> <p class="date"> <span> 2022/07/27 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/font-shadow/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">CSS实现字体阴影效果</span> <p class="date"> <span> 2022/03/18 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-useful-style/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">常用的一些css样式</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-select/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">css元素选择器</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-animation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浅谈CSS动画</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-float/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">css关于浮动的知识</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-web-compoent-isolation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">组件间样式隔离的几种方案</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/handling-fonts-in-the-web/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">处理浏览器中的字体常见问题</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
+</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/css/waterfall-layout-solutions/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">瀑布流实现的几种方案</span> <p class="date"> <span> 2025/01/13 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/blank-space-at-bottom-of-div-with-image/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">div 中 image 底部留白问题</span> <p class="date"> <span> 2025/01/10 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-color/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">CSS颜色</span> <p class="date"> <span> 2023/03/22 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/scrollbars/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">与滚动条相关的属性</span> <p class="date"> <span> 2022/07/27 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/font-shadow/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">CSS实现字体阴影效果</span> <p class="date"> <span> 2022/03/18 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-select/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">css元素选择器</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-animation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浅谈CSS动画</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-float/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">css关于浮动的知识</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-useful-style/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">常用的一些css样式</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/css/css-web-compoent-isolation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">组件间样式隔离的几种方案</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/handling-fonts-in-the-web/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">处理浏览器中的字体常见问题</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
diff --git a/tag/database/index.html b/tag/database/index.html
index 34254f8b..ce83fbbf 100644
--- a/tag/database/index.html
+++ b/tag/database/index.html
@@ -1,3 +1,3 @@
 <!DOCTYPE html><html lang="en" class="h-full"> <head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.ico"><meta name="generator" content="Astro v5.2.5"><!-- Canonical URL --><link rel="canonical" href="https://ckvv.net/tag/database/"><!-- Primary Meta Tags --><title>CK Blog</title><meta name="title" content="CK Blog"><meta name="description" content="Welcome to my website!"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://ckvv.net/tag/database/"><meta property="og:title" content="CK Blog"><meta property="og:description" content="Welcome to my website!"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://ckvv.net/tag/database/"><meta property="twitter:title" content="CK Blog"><meta property="twitter:description" content="Welcome to my website!"><link rel="stylesheet" href="/_astro/about.ByvCxIYf.css"></head> <body class="flex flex-col min-h-full"> <header class="sticky top-0 px-4 bg-white z-10 shadow-md"> <nav class="w-full max-w-6xl m-auto elect-none flex justify-between items-center text-2xl my-4"> <div class="flex gap-2 md:gap-4 items-center font-bold"> <h2><a href="/">CK Blog</a></h2> </div> <div class="flex gap-2 md:gap-4"> <a href="/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Home <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/tag/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Tag <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/assets/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center hidden md:inline"> Assets <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/about/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> About <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="https://github.com/ckvv/ckvv.github.io" target="_blank" aria-label="GitHub" class="hidden md:inline"> <svg viewBox="0 0 32 32" role="img" width="32" height="32" fill="none">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E" />
-</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/database/使用sequelize-事务读取数据库时的隔离级别/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">使用 Sequelize 事务读取数据库时的隔离级别</span> <p class="date"> <span> 2024/05/08 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">PostgreSQL</span> <p class="date"> <span> 2023/06/21 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/cancel-runing-function/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中如何取消正在执行的存储过程</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-how-to-add-process-in-function/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中为存储过程添加进度</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-sequence/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgresql中的sequence</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-timezone/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中的数据库时区</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-composite-type/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgre中的复合类型</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-to-tsvector/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg 分词</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-trigger/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg触发器</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-useful-sql/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgres有用的sql</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
+</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/database/使用sequelize-事务读取数据库时的隔离级别/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">使用 Sequelize 事务读取数据库时的隔离级别</span> <p class="date"> <span> 2024/05/08 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">PostgreSQL</span> <p class="date"> <span> 2023/06/21 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-to-tsvector/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg 分词</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/cancel-runing-function/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中如何取消正在执行的存储过程</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-how-to-add-process-in-function/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中为存储过程添加进度</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-trigger/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg触发器</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-sequence/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgresql中的sequence</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-timezone/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">pg中的数据库时区</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-composite-type/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgre中的复合类型</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/database/pg-useful-sql/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">postgres有用的sql</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
diff --git a/tag/index.html b/tag/index.html
index a88ea818..a510e540 100644
--- a/tag/index.html
+++ b/tag/index.html
@@ -1,3 +1,3 @@
 <!DOCTYPE html><html lang="en" class="h-full"> <head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.ico"><meta name="generator" content="Astro v5.2.5"><!-- Canonical URL --><link rel="canonical" href="https://ckvv.net/tag/"><!-- Primary Meta Tags --><title>CK Blog</title><meta name="title" content="CK Blog"><meta name="description" content="Welcome to my website!"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://ckvv.net/tag/"><meta property="og:title" content="CK Blog"><meta property="og:description" content="Welcome to my website!"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://ckvv.net/tag/"><meta property="twitter:title" content="CK Blog"><meta property="twitter:description" content="Welcome to my website!"><link rel="stylesheet" href="/_astro/about.ByvCxIYf.css"></head> <body class="flex flex-col min-h-full"> <header class="sticky top-0 px-4 bg-white z-10 shadow-md"> <nav class="w-full max-w-6xl m-auto elect-none flex justify-between items-center text-2xl my-4"> <div class="flex gap-2 md:gap-4 items-center font-bold"> <h2><a href="/">CK Blog</a></h2> </div> <div class="flex gap-2 md:gap-4"> <a href="/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Home <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/tag/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1 active"> Tag <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style="width:100%"></div> </a> <a href="/assets/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center hidden md:inline"> Assets <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/about/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> About <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="https://github.com/ckvv/ckvv.github.io" target="_blank" aria-label="GitHub" class="hidden md:inline"> <svg viewBox="0 0 32 32" role="img" width="32" height="32" fill="none">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E" />
-</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg tags flex flex-wrap gap-4 justify-center py-8 md:my-24 select-none"> <a href="/tag/javascript/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> javascript<sup class="pl-1">15</sup>  </a><a href="/tag/css/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> css<sup class="pl-1">11</sup>  </a><a href="/tag/astro/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> astro<sup class="pl-1">1</sup>  </a><a href="/tag/web/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> web<sup class="pl-1">15</sup>  </a><a href="/tag/file api/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> file api<sup class="pl-1">1</sup>  </a><a href="/tag/正则/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> 正则<sup class="pl-1">1</sup>  </a><a href="/tag/react/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> react<sup class="pl-1">9</sup>  </a><a href="/tag/node.js/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> node.js<sup class="pl-1">7</sup>  </a><a href="/tag/md/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> md<sup class="pl-1">1</sup>  </a><a href="/tag/database/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> database<sup class="pl-1">10</sup>  </a><a href="/tag/sequelize/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> sequelize<sup class="pl-1">1</sup>  </a><a href="/tag/node/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> node<sup class="pl-1">1</sup>  </a><a href="/tag/算法/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> 算法<sup class="pl-1">5</sup>  </a><a href="/tag/centos/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> centos<sup class="pl-1">2</sup>  </a><a href="/tag/linux/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> linux<sup class="pl-1">1</sup>  </a><a href="/tag/windows/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> windows<sup class="pl-1">1</sup>  </a><a href="/tag/github/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> github<sup class="pl-1">1</sup>  </a><a href="/tag/git/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> git<sup class="pl-1">2</sup>  </a><a href="/tag/vue/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> vue<sup class="pl-1">6</sup>  </a><a href="/tag/icon/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> icon<sup class="pl-1">1</sup>  </a><a href="/tag/webworker/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> webworker<sup class="pl-1">1</sup>  </a><a href="/tag/sandbox/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> sandbox<sup class="pl-1">1</sup>  </a><a href="/tag/tool/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> tool<sup class="pl-1">9</sup>  </a><a href="/tag/docker/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> docker<sup class="pl-1">3</sup>  </a><a href="/tag/gis/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> gis<sup class="pl-1">1</sup>  </a><a href="/tag/nginx/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> nginx<sup class="pl-1">1</sup>  </a><a href="/tag/npm/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> npm<sup class="pl-1">3</sup>  </a><a href="/tag/redis/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> redis<sup class="pl-1">1</sup>  </a><a href="/tag/shell/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> shell<sup class="pl-1">2</sup>  </a><a href="/tag/jsonwebtoken/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> jsonwebtoken<sup class="pl-1">1</sup>  </a><a href="/tag/koa/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> koa<sup class="pl-1">2</sup>  </a><a href="/tag/polyfill/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> polyfill<sup class="pl-1">1</sup>  </a><a href="/tag/uuid/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> uuid<sup class="pl-1">1</sup>  </a><a href="/tag/yum/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> yum<sup class="pl-1">1</sup>  </a><a href="/tag/webassembly/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> webassembly<sup class="pl-1">1</sup>  </a><a href="/tag/cookie/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> cookie<sup class="pl-1">1</sup>  </a><a href="/tag/计算广告/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> 计算广告<sup class="pl-1">1</sup>  </a><a href="/tag/base64/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> base64<sup class="pl-1">1</sup>  </a> </div>  </main> </body></html>
\ No newline at end of file
+</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg tags flex flex-wrap gap-4 justify-center py-8 md:my-24 select-none"> <a href="/tag/web/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> web<sup class="pl-1">16</sup>  </a><a href="/tag/javascript/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> javascript<sup class="pl-1">15</sup>  </a><a href="/tag/css/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> css<sup class="pl-1">11</sup>  </a><a href="/tag/astro/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> astro<sup class="pl-1">1</sup>  </a><a href="/tag/file api/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> file api<sup class="pl-1">1</sup>  </a><a href="/tag/正则/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> 正则<sup class="pl-1">1</sup>  </a><a href="/tag/react/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> react<sup class="pl-1">9</sup>  </a><a href="/tag/node.js/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> node.js<sup class="pl-1">7</sup>  </a><a href="/tag/md/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> md<sup class="pl-1">1</sup>  </a><a href="/tag/database/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> database<sup class="pl-1">10</sup>  </a><a href="/tag/sequelize/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> sequelize<sup class="pl-1">1</sup>  </a><a href="/tag/node/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> node<sup class="pl-1">1</sup>  </a><a href="/tag/算法/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> 算法<sup class="pl-1">5</sup>  </a><a href="/tag/centos/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> centos<sup class="pl-1">2</sup>  </a><a href="/tag/linux/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> linux<sup class="pl-1">1</sup>  </a><a href="/tag/windows/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> windows<sup class="pl-1">1</sup>  </a><a href="/tag/github/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> github<sup class="pl-1">1</sup>  </a><a href="/tag/git/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> git<sup class="pl-1">2</sup>  </a><a href="/tag/vue/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> vue<sup class="pl-1">6</sup>  </a><a href="/tag/icon/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> icon<sup class="pl-1">1</sup>  </a><a href="/tag/webworker/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> webworker<sup class="pl-1">1</sup>  </a><a href="/tag/sandbox/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> sandbox<sup class="pl-1">1</sup>  </a><a href="/tag/tool/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> tool<sup class="pl-1">9</sup>  </a><a href="/tag/docker/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> docker<sup class="pl-1">3</sup>  </a><a href="/tag/gis/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> gis<sup class="pl-1">1</sup>  </a><a href="/tag/nginx/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> nginx<sup class="pl-1">1</sup>  </a><a href="/tag/npm/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> npm<sup class="pl-1">3</sup>  </a><a href="/tag/redis/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> redis<sup class="pl-1">1</sup>  </a><a href="/tag/shell/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> shell<sup class="pl-1">2</sup>  </a><a href="/tag/jsonwebtoken/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> jsonwebtoken<sup class="pl-1">1</sup>  </a><a href="/tag/koa/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> koa<sup class="pl-1">2</sup>  </a><a href="/tag/polyfill/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> polyfill<sup class="pl-1">1</sup>  </a><a href="/tag/uuid/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> uuid<sup class="pl-1">1</sup>  </a><a href="/tag/yum/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> yum<sup class="pl-1">1</sup>  </a><a href="/tag/webassembly/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> webassembly<sup class="pl-1">1</sup>  </a><a href="/tag/cookie/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> cookie<sup class="pl-1">1</sup>  </a><a href="/tag/计算广告/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> 计算广告<sup class="pl-1">1</sup>  </a><a href="/tag/base64/" class="bg-gray-100 hover:bg-gray-300 text-sky-700 px-2 py-1 rounded cursor-pointer"> base64<sup class="pl-1">1</sup>  </a> </div>  </main> </body></html>
\ No newline at end of file
diff --git a/tag/javascript/index.html b/tag/javascript/index.html
index f3863956..a213fe3f 100644
--- a/tag/javascript/index.html
+++ b/tag/javascript/index.html
@@ -1,3 +1,3 @@
 <!DOCTYPE html><html lang="en" class="h-full"> <head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.ico"><meta name="generator" content="Astro v5.2.5"><!-- Canonical URL --><link rel="canonical" href="https://ckvv.net/tag/javascript/"><!-- Primary Meta Tags --><title>CK Blog</title><meta name="title" content="CK Blog"><meta name="description" content="Welcome to my website!"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://ckvv.net/tag/javascript/"><meta property="og:title" content="CK Blog"><meta property="og:description" content="Welcome to my website!"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://ckvv.net/tag/javascript/"><meta property="twitter:title" content="CK Blog"><meta property="twitter:description" content="Welcome to my website!"><link rel="stylesheet" href="/_astro/about.ByvCxIYf.css"></head> <body class="flex flex-col min-h-full"> <header class="sticky top-0 px-4 bg-white z-10 shadow-md"> <nav class="w-full max-w-6xl m-auto elect-none flex justify-between items-center text-2xl my-4"> <div class="flex gap-2 md:gap-4 items-center font-bold"> <h2><a href="/">CK Blog</a></h2> </div> <div class="flex gap-2 md:gap-4"> <a href="/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Home <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/tag/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Tag <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/assets/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center hidden md:inline"> Assets <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/about/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> About <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="https://github.com/ckvv/ckvv.github.io" target="_blank" aria-label="GitHub" class="hidden md:inline"> <svg viewBox="0 0 32 32" role="img" width="32" height="32" fill="none">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E" />
-</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/javascript/virtual-list-implementation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">虚拟列表解决方案</span> <p class="date"> <span> 2025/01/21 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/正则表达式/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">正则表达式</span> <p class="date"> <span> 2024/09/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-defin-property/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">defineProperty</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-get-and-set/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">get和set</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-iterator/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">js的迭代器</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-operator/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">介绍几个表达式和运算符</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-reflect-and-proxy/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Reflect和Proxy</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-prototype/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript中的prototype</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-sandbox/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">简单谈谈JS中的沙箱</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-spread-and-rest/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">展开语法和剩余参数</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-this/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">js中的this</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/one-question-about-promise/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">一个关于Promise的问题</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/operators-optional-chaining/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript可选链操作符</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/js-cli-jiaoshoujia/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript脚手架</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/polyfill/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">了解什么是Polyfill</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
+</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/javascript/virtual-list-implementation/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">虚拟列表解决方案</span> <p class="date"> <span> 2025/01/21 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/正则表达式/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">正则表达式</span> <p class="date"> <span> 2024/09/06 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-defin-property/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">defineProperty</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-get-and-set/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">get和set</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-iterator/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">js的迭代器</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-operator/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">介绍几个表达式和运算符</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-prototype/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript中的prototype</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-reflect-and-proxy/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Reflect和Proxy</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-sandbox/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">简单谈谈JS中的沙箱</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-spread-and-rest/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">展开语法和剩余参数</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/js-this/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">js中的this</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/one-question-about-promise/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">一个关于Promise的问题</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/javascript/operators-optional-chaining/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript可选链操作符</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/js-cli-jiaoshoujia/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">JavaScript脚手架</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/posts/polyfill/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">了解什么是Polyfill</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
diff --git a/tag/tool/index.html b/tag/tool/index.html
index d529d3b8..2faf9699 100644
--- a/tag/tool/index.html
+++ b/tag/tool/index.html
@@ -1,3 +1,3 @@
 <!DOCTYPE html><html lang="en" class="h-full"> <head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.ico"><meta name="generator" content="Astro v5.2.5"><!-- Canonical URL --><link rel="canonical" href="https://ckvv.net/tag/tool/"><!-- Primary Meta Tags --><title>CK Blog</title><meta name="title" content="CK Blog"><meta name="description" content="Welcome to my website!"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://ckvv.net/tag/tool/"><meta property="og:title" content="CK Blog"><meta property="og:description" content="Welcome to my website!"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://ckvv.net/tag/tool/"><meta property="twitter:title" content="CK Blog"><meta property="twitter:description" content="Welcome to my website!"><link rel="stylesheet" href="/_astro/about.ByvCxIYf.css"></head> <body class="flex flex-col min-h-full"> <header class="sticky top-0 px-4 bg-white z-10 shadow-md"> <nav class="w-full max-w-6xl m-auto elect-none flex justify-between items-center text-2xl my-4"> <div class="flex gap-2 md:gap-4 items-center font-bold"> <h2><a href="/">CK Blog</a></h2> </div> <div class="flex gap-2 md:gap-4"> <a href="/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Home <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/tag/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Tag <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/assets/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center hidden md:inline"> Assets <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/about/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> About <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="https://github.com/ckvv/ckvv.github.io" target="_blank" aria-label="GitHub" class="hidden md:inline"> <svg viewBox="0 0 32 32" role="img" width="32" height="32" fill="none">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E" />
-</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/libs/brew/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Brew</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/docker/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Docker</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/gdal/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">GDAL</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/git/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Git</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/kubectl/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Kubectl</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/nginx/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Nginx</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/npm/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">NPM</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/yum/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">yum</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/shell/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Shell</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
+</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/libs/brew/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Brew</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/docker/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Docker</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/gdal/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">GDAL</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/git/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Git</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/kubectl/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Kubectl</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/nginx/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Nginx</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/npm/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">NPM</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/shell/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Shell</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/libs/yum/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">yum</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
diff --git a/tag/web/index.html b/tag/web/index.html
index c12f9323..75c31222 100644
--- a/tag/web/index.html
+++ b/tag/web/index.html
@@ -1,3 +1,3 @@
 <!DOCTYPE html><html lang="en" class="h-full"> <head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.ico"><meta name="generator" content="Astro v5.2.5"><!-- Canonical URL --><link rel="canonical" href="https://ckvv.net/tag/web/"><!-- Primary Meta Tags --><title>CK Blog</title><meta name="title" content="CK Blog"><meta name="description" content="Welcome to my website!"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://ckvv.net/tag/web/"><meta property="og:title" content="CK Blog"><meta property="og:description" content="Welcome to my website!"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://ckvv.net/tag/web/"><meta property="twitter:title" content="CK Blog"><meta property="twitter:description" content="Welcome to my website!"><link rel="stylesheet" href="/_astro/about.ByvCxIYf.css"></head> <body class="flex flex-col min-h-full"> <header class="sticky top-0 px-4 bg-white z-10 shadow-md"> <nav class="w-full max-w-6xl m-auto elect-none flex justify-between items-center text-2xl my-4"> <div class="flex gap-2 md:gap-4 items-center font-bold"> <h2><a href="/">CK Blog</a></h2> </div> <div class="flex gap-2 md:gap-4"> <a href="/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Home <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/tag/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> Tag <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/assets/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center hidden md:inline"> Assets <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="/about/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center px-1"> About <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> <a href="https://github.com/ckvv/ckvv.github.io" target="_blank" aria-label="GitHub" class="hidden md:inline"> <svg viewBox="0 0 32 32" role="img" width="32" height="32" fill="none">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="#24292E" />
-</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/web/文件api/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">文件系统访问(File System Access) API</span> <p class="date"> <span> 2024/09/19 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/范围请求/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">范围请求(Http Range Request)</span> <p class="date"> <span> 2024/03/05 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue-page-style-dev-build-different/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue样式dev和build下不一致</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/cross-origin-resource-sharing/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">跨域资源共享 (CORS)</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/dom-event/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">DOM中的event</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/get-width-and-height-attributes-in-the-browser/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器中获取宽、高相关的属性</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/handling-fonts-in-the-web/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">处理浏览器中的字体常见问题</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/how-brower-render-page/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器如何渲染页面</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/use-icon-in-web/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">谈谈Web项目中图标的方式</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-containers/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">在浏览器中本地运行 Node.js - WebContainers</span> <p class="date"> <span> 2021/12/29 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-worker/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">WebWorker</span> <p class="date"> <span> 2021/12/29 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/webassembly/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">WebAssembly上手</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/brower-copy-to-clipboard/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">拷贝数据到剪贴板</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/cookie/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器处理cookie</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-upload-file/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">前后端通过切片上传文件</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file
+</svg> </a> </div> </nav> </header> <main class="w-full max-w-5xl mx-auto px-4 py-8 flex-grow font-tabular-nums">  <div class="text-lg flex flex-col gap-2"> <a href="/blog/浏览器屏幕颜色吸取/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器屏幕颜色吸取</span> <p class="date"> <span> 2025/02/12 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/文件api/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">文件系统访问(File System Access) API</span> <p class="date"> <span> 2024/09/19 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/范围请求/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">范围请求(Http Range Request)</span> <p class="date"> <span> 2024/03/05 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/vue/vue-page-style-dev-build-different/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">Vue样式dev和build下不一致</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/cross-origin-resource-sharing/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">跨域资源共享 (CORS)</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/dom-event/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">DOM中的event</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/get-width-and-height-attributes-in-the-browser/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器中获取宽、高相关的属性</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/handling-fonts-in-the-web/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">处理浏览器中的字体常见问题</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/how-brower-render-page/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器如何渲染页面</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/use-icon-in-web/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">谈谈Web项目中图标的方式</span> <p class="date"> <span> 2022/02/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-containers/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">在浏览器中本地运行 Node.js - WebContainers</span> <p class="date"> <span> 2021/12/29 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-worker/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">WebWorker</span> <p class="date"> <span> 2021/12/29 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/webassembly/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">WebAssembly上手</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/brower-copy-to-clipboard/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">拷贝数据到剪贴板</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/cookie/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">浏览器处理cookie</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a><a href="/blog/web/web-upload-file/" class="group clink cursor-pointer shrink-0 select-none relative flex items-center flex gap-4 hover:text-sky-700">  <span class="flex-grow whitespace-nowrap overflow-hidden text-ellipsis">前后端通过切片上传文件</span> <p class="date"> <span> 2021/07/09 </span> </p>  <div class="h-1 bg-blue-500 w-0 group-hover:w-full transition-width duration-500 ease-in-out absolute -bottom-1 left-0" style=""></div> </a> </div>  </main> </body></html>
\ No newline at end of file