<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <id>https://jerrychane.com</id>
    <title>终生学习和实践，坚持做一个长期主义者</title>
    <updated>2026-07-22T23:08:19.000Z</updated>
    <generator>https://github.com/jpmonette/feed</generator>
    <author>
        <name>JerryChane</name>
    </author>
    <link rel="alternate" href="https://jerrychane.com/"/>
    <link rel="self" href="https://jerrychane.com/atom.xml"/>
    <subtitle>求真务实,知行合一,提升核心能力和认知,专注于优秀产品与用户体验的学习及研发,坚持终生学习、实践、成长。</subtitle>
    <icon>https://jerrychane.com/favicon.ico</icon>
    <rights>All rights reserved 2026, JerryChane</rights>
    <entry>
        <title type="html"><![CDATA[SSE 流式输出原理分析]]></title>
        <id>https://jerrychane.com/technique-sharing/20260722</id>
        <link href="https://jerrychane.com/technique-sharing/20260722"/>
        <updated>2026-07-22T23:08:19.000Z</updated>
        <summary type="html"><![CDATA[什么是 SSE？它的全称是什么？它的作用是什么？它的实现原理是什么？它的优缺点是什么？为什么大模型(ChatGPT/DeepSeek)都用SSE 而不是WebSocket?]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Mac 上管理多个 MySQL 实例的经验]]></title>
        <id>https://jerrychane.com/technique-sharing/20260711</id>
        <link href="https://jerrychane.com/technique-sharing/20260711"/>
        <updated>2026-07-11T21:46:18.000Z</updated>
        <summary type="html"><![CDATA[在 Mac 上同时安装了 Homebrew 和 .dmg 两个版本的 MySQL，版本不一致让人困惑。本文记录如何查看版本、排查冲突、卸载旧版本，以及日常管理 MySQL 的最佳实践。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[React 渲染流程全解析：render 与 commit 两大阶段]]></title>
        <id>https://jerrychane.com/technique-sharing/20260615</id>
        <link href="https://jerrychane.com/technique-sharing/20260615"/>
        <updated>2026-06-15T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[React 渲染分为 render（调度 + 协调，异步可中断）和 commit（渲染器同步执行）两大阶段。render 阶段通过深度优先遍历构建 Fiber Tree，commit 阶段将副作用提交到宿主环境。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[React 架构演进之路：从 Stack 到 Fiber]]></title>
        <id>https://jerrychane.com/technique-sharing/20260601</id>
        <link href="https://jerrychane.com/technique-sharing/20260601"/>
        <updated>2026-06-01T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[React 15 及之前采用 Stack 架构，递归遍历虚拟 DOM 树无法中断；React 16 重构为 Fiber 架构，通过链表实现可中断的时间切片，并引入 Scheduler 调度器解决优先级问题。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[深入理解虚拟 DOM：原理、优势与 React 实现]]></title>
        <id>https://jerrychane.com/technique-sharing/20260525</id>
        <link href="https://jerrychane.com/technique-sharing/20260525"/>
        <updated>2026-05-25T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[虚拟 DOM 是 React 团队提出的编程概念，用 JS 对象描述 UI 结构。相比 innerHTML，虚拟 DOM 在更新阶段能最小化 DOM 操作，同时具备多平台渲染的抽象能力。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[现代前端框架的分类：元素级、组件级与应用级]]></title>
        <id>https://jerrychane.com/technique-sharing/20260515</id>
        <link href="https://jerrychane.com/technique-sharing/20260515"/>
        <updated>2026-05-15T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[现代前端框架基于状态声明式渲染，可用 UI=f(state) 概括。根据自变量与 UI/组件/应用的对应关系，框架可分为元素级（Svelte、Solid.js）、组件级（Vue）和应用级（React）三类。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[纯净地写点东西]]></title>
        <id>https://jerrychane.com/life-thoughts/20260407</id>
        <link href="https://jerrychane.com/life-thoughts/20260407"/>
        <updated>2026-04-07T17:00:39.000Z</updated>
        <summary type="html"><![CDATA[到目前为止，至少博客网站和公众号中，写的文章内容还没有使用 AI 生成，还是喜欢原创。虽然语言和逻辑的连贯性上无法与 AI 媲美，时间使用效率上也被 AI 暴打，最终排版平平无奇。值得珍惜的是，在没有依赖 AI 工具的情形下，写下这些内容后的真实思考、体验，思维断断续续，指尖停顿，看见窗前微风拂动，拥有这些无可替代的真实感受就足够了。就像偶尔的断网体验一样，在没有网络的环境下，能够独立生存、生活，与自然融为一体，体会慢时光的快乐和幸福。无论什么工具的出现，都无法改变我们对生活的真实热爱，对自己人生的真实探索，对家人的关怀和爱。]]></summary>
        <category label="life-thoughts"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Vite 构建工具深度解析：从配置到插件]]></title>
        <id>https://jerrychane.com/technique-sharing/20251218</id>
        <link href="https://jerrychane.com/technique-sharing/20251218"/>
        <updated>2025-12-18T08:00:00.000Z</updated>
        <summary type="html"><![CDATA[从核心原理到配置文件，从依赖预构建到生产打包，从环境变量到自定义插件，全面解析Vite构建工具。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Vue3 高级特性：透传、依赖注入与异步组件]]></title>
        <id>https://jerrychane.com/technique-sharing/20251202</id>
        <link href="https://jerrychane.com/technique-sharing/20251202"/>
        <updated>2025-12-02T08:00:00.000Z</updated>
        <summary type="html"><![CDATA[掌握属性透传机制、依赖注入跨层级通信、组合式函数逻辑复用，以及异步组件与Suspense的最佳实践。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Vue3 setup 语法糖、生命周期与 KeepAlive 原理]]></title>
        <id>https://jerrychane.com/technique-sharing/20251115</id>
        <link href="https://jerrychane.com/technique-sharing/20251115"/>
        <updated>2025-11-15T08:00:00.000Z</updated>
        <summary type="html"><![CDATA[从 setup 演进史到 KeepAlive 缓存实现，再到 key 的 diff 算法作用，全面理解 Vue3 核心机制。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Vue3 组件原理：指令、插槽与 v-model 的实现]]></title>
        <id>https://jerrychane.com/technique-sharing/20251102</id>
        <link href="https://jerrychane.com/technique-sharing/20251102"/>
        <updated>2025-11-02T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[指令在编译后会被转换为不同的渲染函数逻辑，插槽本质是父组件向子组件传递函数对象，v-model 则是 props 和自定义事件的语法糖。本文通过编译结果逐一验证。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[手写 Vue3 响应式系统（下）：Computed 与 Watch 的实现]]></title>
        <id>https://jerrychane.com/technique-sharing/20251018</id>
        <link href="https://jerrychane.com/technique-sharing/20251018"/>
        <updated>2025-10-18T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[基于上篇构建的响应式基础设施，手写 computed 的缓存与脏值检测机制、watch 的深度追踪与调度控制，揭示其优雅设计。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[手写 Vue3 响应式系统（上）：从 Effect 到依赖收集]]></title>
        <id>https://jerrychane.com/technique-sharing/20251005</id>
        <link href="https://jerrychane.com/technique-sharing/20251005"/>
        <updated>2025-10-05T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[从零手写 Vue3 响应式系统核心——Proxy 拦截、track 依赖收集、trigger 派发更新，逐行解析 effect 嵌套、依赖清理与无限循环处理。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Vue3 响应式与组件渲染的协作机制]]></title>
        <id>https://jerrychane.com/technique-sharing/20250922</id>
        <link href="https://jerrychane.com/technique-sharing/20250922"/>
        <updated>2025-09-22T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[揭秘 Vue3 中响应式数据如何驱动组件渲染、精准定位更新目标、以及轻松实现跨组件数据共享的完整机制。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Vue3 响应式系统核心：数据拦截与依赖追踪]]></title>
        <id>https://jerrychane.com/technique-sharing/20250910</id>
        <link href="https://jerrychane.com/technique-sharing/20250910"/>
        <updated>2025-09-10T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[深入解析 Vue3 响应式系统的底层基石——从 Object.defineProperty 到 Proxy 的数据拦截进化，掌握依赖收集与派发更新的完整链路。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Vue3 模板编译原理：解析器、转换器与生成器]]></title>
        <id>https://jerrychane.com/technique-sharing/20250825</id>
        <link href="https://jerrychane.com/technique-sharing/20250825"/>
        <updated>2025-08-25T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[揭开 Vue3 模板编译的神秘面纱：从模板字符串到 AST 解析、转换、代码生成的全过程，以及组件树与虚拟 DOM 树的架构关系。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[深入理解虚拟 DOM：从浏览器原理到 Vue3 实践]]></title>
        <id>https://jerrychane.com/technique-sharing/20250808</id>
        <link href="https://jerrychane.com/technique-sharing/20250808"/>
        <updated>2025-08-08T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[从浏览器底层 DOM 工作原理讲起，层层递进理解虚拟 DOM 的本质、设计动机与性能真相，并结合 Vue3 的 h 函数进行实战演练。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Vue3 前端路由与状态管理入门]]></title>
        <id>https://jerrychane.com/technique-sharing/20250721</id>
        <link href="https://jerrychane.com/technique-sharing/20250721"/>
        <updated>2025-07-21T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[掌握 Vue3 生态三大核心库：Vue Router 前端路由、Pinia 状态管理以及 Element Plus 组件库的完整入门实践。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Vue3 组件高级通信：v-model 与插槽]]></title>
        <id>https://jerrychane.com/technique-sharing/20250703</id>
        <link href="https://jerrychane.com/technique-sharing/20250703"/>
        <updated>2025-07-03T10:00:00.000Z</updated>
        <summary type="html"><![CDATA[深入掌握 Vue3 组件通信的两大进阶利器：v-model 双向绑定语法糖的原理与多绑定用法，以及插槽机制从默认插槽到作用域插槽的完整实践。]]></summary>
        <category label="technique-sharing"/>
    </entry>
    <entry>
        <title type="html"><![CDATA[Vue3 动画系统与自定义指令实战]]></title>
        <id>https://jerrychane.com/technique-sharing/20250630</id>
        <link href="https://jerrychane.com/technique-sharing/20250630"/>
        <updated>2025-06-30T08:00:00.000Z</updated>
        <summary type="html"><![CDATA[从自定义指令到底层DOM操作，从Transition过渡动画到Teleport传送门，全面掌握Vue3进阶特性。]]></summary>
        <category label="technique-sharing"/>
    </entry>
</feed>