<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[XZZXBC的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/XZZXBC</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; XZZXBC]]></copyright><item><title><![CDATA[聊聊 CSS 编译和 scoped 实现]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/161852860</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/161852860</guid><author>XZZXBC</author><pubDate>Wed, 10 Jun 2026 11:52:02 +0800</pubDate><description><![CDATA[解析 Vue 单文件组件中 CSS 的解析机制与样式隔离原理]]></description><category></category></item><item><title><![CDATA[源码篇 Vue 的扩展机制设计]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/161803032</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/161803032</guid><author>XZZXBC</author><pubDate>Tue, 09 Jun 2026 17:22:36 +0800</pubDate><description><![CDATA[Vue 的扩展机制：filter、自定义指令和抽象组件 keep-alive]]></description><category></category></item><item><title><![CDATA[源码篇 生命周期]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/161688512</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/161688512</guid><author>XZZXBC</author><pubDate>Fri, 05 Jun 2026 11:54:12 +0800</pubDate><description><![CDATA[从初始化阶段—模板编译阶段—挂载阶段—销毁阶段，看看生命周期钩子怎么实现]]></description><category></category></item><item><title><![CDATA[彻底搞懂 async/await + nextTick 核心用法]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/160851326</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/160851326</guid><author>XZZXBC</author><pubDate>Thu, 07 May 2026 15:27:01 +0800</pubDate><description><![CDATA[通过几个示例彻底搞懂 async/await + nextTick 核心用法]]></description><category></category></item><item><title><![CDATA[Web Speech API 实现语音识别]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/160182026</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/160182026</guid><author>XZZXBC</author><pubDate>Thu, 16 Apr 2026 16:22:42 +0800</pubDate><description><![CDATA[纯前端使用 Web Speech API 实现语音转文字]]></description><category></category></item><item><title><![CDATA[解决 ios 使用 video 全屏未铺满页面问题]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/160118600</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/160118600</guid><author>XZZXBC</author><pubDate>Mon, 13 Apr 2026 17:25:00 +0800</pubDate><description><![CDATA[利用 js 解决在 ios 系统中使用 video 标签触发全屏但未铺满页面的问题]]></description><category></category></item><item><title><![CDATA[Axios 近期安全版本]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/159754994</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/159754994</guid><author>XZZXBC</author><pubDate>Thu, 02 Apr 2026 10:01:47 +0800</pubDate><description><![CDATA[Axios 被曝出存在供应链投毒风险，攻击者可利用该投毒包自动下载并执行远程后门脚本，实现远程控制、窃取敏感信息、植入持久化后门等危害]]></description><category></category></item><item><title><![CDATA[TinyEditor 篇4：粘贴外部文章的文本解析]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/158927464</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/158927464</guid><author>XZZXBC</author><pubDate>Wed, 11 Mar 2026 16:30:18 +0800</pubDate><description><![CDATA[从网页文章和 Word 文档复制文章到富文本编辑器，要怎么处理文本展示和图片上传（安装流畅见第一篇）]]></description><category></category></item><item><title><![CDATA[TinyEditor 篇3：拖拽图片到编辑器并同步上传至服务器]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/158926685</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/158926685</guid><author>XZZXBC</author><pubDate>Wed, 11 Mar 2026 15:14:00 +0800</pubDate><description><![CDATA[从外部拖拽图片到编辑器中，也可以将图片上传到服务器（安装流程见第一篇）]]></description><category></category></item><item><title><![CDATA[TinyEditor 篇2：剪贴板粘贴图片并同步上传至服务器]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/158924740</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/158924740</guid><author>XZZXBC</author><pubDate>Wed, 11 Mar 2026 14:35:47 +0800</pubDate><description><![CDATA[剪贴板粘贴图片并同步上传至服务器（安装流程见第一篇）]]></description><category></category></item><item><title><![CDATA[TinyEditor 篇1：实现工具栏按钮向服务器上传图片]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/158921835</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/158921835</guid><author>XZZXBC</author><pubDate>Wed, 11 Mar 2026 11:50:59 +0800</pubDate><description><![CDATA[TinyEditor 系列第一篇：实现工具栏按钮向服务器上传图片（附 TinyEditor 安装流程）]]></description><category></category></item><item><title><![CDATA[浏览器 API：Notification实现系统通知]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/158840883</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/158840883</guid><author>XZZXBC</author><pubDate>Mon, 09 Mar 2026 14:23:24 +0800</pubDate><description><![CDATA[前端利用浏览器API实现系统通知]]></description><category></category></item><item><title><![CDATA[源码篇 实例方法]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/155092372</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/155092372</guid><author>XZZXBC</author><pubDate>Tue, 06 Jan 2026 17:26:47 +0800</pubDate><description><![CDATA[分析 Vue 的实例方法，以及 Vue2 和 Vue3在实例方法的不同]]></description><category></category></item><item><title><![CDATA[场景6：对浏览器内核的理解]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/156447147</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/156447147</guid><author>XZZXBC</author><pubDate>Wed, 31 Dec 2025 10:04:45 +0800</pubDate><description><![CDATA[从前端开发视角看，浏览器内核是如何影响页面的渲染结果、性能表现、兼容性以及开发决策]]></description><category></category></item><item><title><![CDATA[CSS+JS实现单例老虎机切换图片动画]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/156023104</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/156023104</guid><author>XZZXBC</author><pubDate>Wed, 17 Dec 2025 17:43:22 +0800</pubDate><description><![CDATA[利用css和js实现单例的老虎机滚动和定格晃动效果]]></description><category></category></item><item><title><![CDATA[基于 Vue3 + Electron 的离线图片缓存方案]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/155444045</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/155444045</guid><author>XZZXBC</author><pubDate>Tue, 02 Dec 2025 09:06:06 +0800</pubDate><description><![CDATA[分析使用 Service Worker 方法的局限性，以及如何使用 Electron 实现离线图片缓存]]></description><category></category></item><item><title><![CDATA[场景5：如何排查是否内存泄露]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/155273338</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/155273338</guid><author>XZZXBC</author><pubDate>Wed, 26 Nov 2025 16:03:27 +0800</pubDate><description><![CDATA[内存泄露定义 & 内存泄露场景 & 内存泄露排查方法]]></description><category></category></item><item><title><![CDATA[场景4：如何判断用户是否离开当前页面]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/155265638</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/155265638</guid><author>XZZXBC</author><pubDate>Wed, 26 Nov 2025 11:11:27 +0800</pubDate><description><![CDATA[如何判断用户是否离开当前页面（多场景）]]></description><category></category></item><item><title><![CDATA[场景3：页面加载很慢如何排查？]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/155263642</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/155263642</guid><author>XZZXBC</author><pubDate>Wed, 26 Nov 2025 10:51:48 +0800</pubDate><description><![CDATA[页面加载很慢如何排查？如何优化？]]></description><category></category></item><item><title><![CDATA[场景2：Vue Router 中 query 与 params 的区别]]></title><link>https://blog.youkuaiyun.com/XZZXBC/article/details/155262114</link><guid>https://blog.youkuaiyun.com/XZZXBC/article/details/155262114</guid><author>XZZXBC</author><pubDate>Wed, 26 Nov 2025 10:15:25 +0800</pubDate><description><![CDATA[query 与 params 的区别& 为什么有时 params 在刷新页面后会丢失？]]></description><category></category></item></channel></rss>