<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" version="2.0"><channel><title>XCJ's Blog</title><link>https://blog.xcj.pw/</link><atom:link href="https://blog.xcj.pw/rss.xml" rel="self" type="application/rss+xml"/><description>一个前端</description><generator>Halo v2.23.1</generator><language>zh-cn</language><image><url>https://file.xcj.pw/img/avatar.png</url><title>XCJ's Blog</title><link>https://blog.xcj.pw/</link></image><lastBuildDate>Mon, 20 Apr 2026 05:10:27 GMT</lastBuildDate><item><title><![CDATA[Vue3中的自定义ref]]></title><link>https://blog.xcj.pw/archives/vue3zhong-de-zi-ding-yi-ref</link><description><![CDATA[<img src="https://blog.xcj.pw/plugins/feed/assets/telemetry.gif?title=Vue3%E4%B8%AD%E7%9A%84%E8%87%AA%E5%AE%9A%E4%B9%89ref&amp;url=/archives/vue3zhong-de-zi-ding-yi-ref" width="1" height="1" alt="" style="opacity:0;">Vue3 的 Composition API 提供了多种创建响应式数据的方式，其中 customRef 是一个强大但常被忽略的工具。它允许开发者自定义响应式 Ref 的依赖追踪（track）和更新触发（trigger）行为，非常适合实现某些高级逻辑，如防抖、异步请求、本地存储同步等。]]></description><guid isPermaLink="false">/archives/vue3zhong-de-zi-ding-yi-ref</guid><dc:creator>XCJ</dc:creator><enclosure url="https://blog.xcj.pw/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Ffile.xcj.pw%2Fimg%2Fblog%2F5000AB8D-CA6E-4C99-A3D2-54C4CDEBB9DB.png&amp;size=m" type="image/jpeg" length="882370"/><category>笔记</category><category>前端</category><pubDate>Wed, 3 Sep 2025 12:57:48 GMT</pubDate></item><item><title><![CDATA[无缝将图片资源转换为WebP格式]]></title><link>https://blog.xcj.pw/archives/wu-feng-jiang-tu-pian-zi-yuan-zhuan-huan-wei-webpge-shi</link><description><![CDATA[<img src="https://blog.xcj.pw/plugins/feed/assets/telemetry.gif?title=%E6%97%A0%E7%BC%9D%E5%B0%86%E5%9B%BE%E7%89%87%E8%B5%84%E6%BA%90%E8%BD%AC%E6%8D%A2%E4%B8%BAWebP%E6%A0%BC%E5%BC%8F&amp;url=/archives/wu-feng-jiang-tu-pian-zi-yuan-zhuan-huan-wei-webpge-shi" width="1" height="1" alt="" style="opacity:0;">使用 WebP Server Go 进行图片代理，可以有效地将常见的图片格式（如 JPEG 和 PNG）转换为 WebP 格式，从而显著减少图片大小，实现更快的加载速度。]]></description><guid isPermaLink="false">/archives/wu-feng-jiang-tu-pian-zi-yuan-zhuan-huan-wei-webpge-shi</guid><dc:creator>XCJ</dc:creator><enclosure url="https://blog.xcj.pw/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Ffile.xcj.pw%2Fimg%2Fblog%2F73475728-5761-4A74-9076-F98B5EDB9806.png&amp;size=m" type="image/jpeg" length="13274"/><category>分享</category><category>笔记</category><pubDate>Fri, 11 Oct 2024 14:08:00 GMT</pubDate></item><item><title><![CDATA[Nginx使用map配置CORS实现多域名跨域]]></title><link>https://blog.xcj.pw/archives/nginxshi-yong-mappei-zhi-corsshi-xian-duo-yu-ming-kua-yu</link><description><![CDATA[<img src="https://blog.xcj.pw/plugins/feed/assets/telemetry.gif?title=Nginx%E4%BD%BF%E7%94%A8map%E9%85%8D%E7%BD%AECORS%E5%AE%9E%E7%8E%B0%E5%A4%9A%E5%9F%9F%E5%90%8D%E8%B7%A8%E5%9F%9F&amp;url=/archives/nginxshi-yong-mappei-zhi-corsshi-xian-duo-yu-ming-kua-yu" width="1" height="1" alt="" style="opacity:0;">CORS（Cross-Origin Resource Sharing），中文全称“跨域资源共享”，是一项网络安全功能，用于允许或限制一个网页中可以访问的资源来自不同的源（域、协议和端口组合）。]]></description><guid isPermaLink="false">/archives/nginxshi-yong-mappei-zhi-corsshi-xian-duo-yu-ming-kua-yu</guid><dc:creator>XCJ</dc:creator><enclosure url="https://blog.xcj.pw/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Ffile.xcj.pw%2Fimg%2Fblog%2FEB036887-E79A-4A77-AA39-E7E14EC09794.png&amp;size=m" type="image/jpeg" length="488416"/><category>笔记</category><pubDate>Fri, 27 Sep 2024 15:01:00 GMT</pubDate></item><item><title><![CDATA[宝塔面板Nginx启用Brotli和HTTP/3]]></title><link>https://blog.xcj.pw/archives/bao-ta-mian-ban-nginxqi-yong-brotlihe-http-3</link><description><![CDATA[<img src="https://blog.xcj.pw/plugins/feed/assets/telemetry.gif?title=%E5%AE%9D%E5%A1%94%E9%9D%A2%E6%9D%BFNginx%E5%90%AF%E7%94%A8Brotli%E5%92%8CHTTP%2F3&amp;url=/archives/bao-ta-mian-ban-nginxqi-yong-brotlihe-http-3" width="1" height="1" alt="" style="opacity:0;">Brotli 是一种高压缩率、解压速度快且自适应的无损数据压缩算法，适用于 Web 内容。HTTP/3 是基于 QUIC 协议的第三代超文本传输协议，支持多路复用、更快的连接建立和内置加密。]]></description><guid isPermaLink="false">/archives/bao-ta-mian-ban-nginxqi-yong-brotlihe-http-3</guid><dc:creator>XCJ</dc:creator><enclosure url="https://blog.xcj.pw/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Ffile.xcj.pw%2Fimg%2Fblog%2FE5CA9B68-7624-48C9-BF78-D3044233816E.png&amp;size=m" type="image/jpeg" length="16101"/><category>笔记</category><pubDate>Fri, 20 Sep 2024 14:43:00 GMT</pubDate></item><item><title><![CDATA[使用Vue3实现鼠标跟随效果]]></title><link>https://blog.xcj.pw/archives/shi-yong-vue3-shi-xian-shu-biao-gen-sui-xiao-guo</link><description><![CDATA[<img src="https://blog.xcj.pw/plugins/feed/assets/telemetry.gif?title=%E4%BD%BF%E7%94%A8Vue3%E5%AE%9E%E7%8E%B0%E9%BC%A0%E6%A0%87%E8%B7%9F%E9%9A%8F%E6%95%88%E6%9E%9C&amp;url=/archives/shi-yong-vue3-shi-xian-shu-biao-gen-sui-xiao-guo" width="1" height="1" alt="" style="opacity:0;">在 Vue3 中使用 Composition API 实现一个鼠标跟随的小圆点组件。本文从组件的基本结构出发，详细讲解了样式设置、事件处理及核心功能的实现过程，并提供了完整的代码示例。]]></description><guid isPermaLink="false">/archives/shi-yong-vue3-shi-xian-shu-biao-gen-sui-xiao-guo</guid><dc:creator>XCJ</dc:creator><enclosure url="https://blog.xcj.pw/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Ffile.xcj.pw%2Fimg%2Fblog%2FD45C0028-2231-47F0-B72C-6316972447BF.gif&amp;size=m" type="image/jpeg" length="4756446"/><category>前端</category><pubDate>Thu, 12 Sep 2024 17:22:00 GMT</pubDate></item></channel></rss>