JerryChane

终生学习和实践,坚持做一个长期主义者

☆ 爱阅读 ☆ 爱思考 ☆ 爱技术 ☆ 爱投资

求真务实,知行合一,提升核心能力和认知,专注于优秀产品与用户体验的学习及研发,坚持终生学习、实践、成长。

270 篇文章

技术分享7 分钟阅读

Mac 上管理多个 MySQL 实例的经验

在 Mac 上同时安装了 Homebrew 和 .dmg 两个版本的 MySQL,版本不一致让人困惑。本文记录如何查看版本、排查冲突、卸载旧版本,以及日常管理 MySQL 的最佳实践。

技术分享15 分钟阅读

React 渲染流程全解析:render 与 commit 两大阶段

React 渲染分为 render(调度 + 协调,异步可中断)和 commit(渲染器同步执行)两大阶段。render 阶段通过深度优先遍历构建 Fiber Tree,commit 阶段将副作用提交到宿主环境。

技术分享18 分钟阅读

React 架构演进之路:从 Stack 到 Fiber

React 15 及之前采用 Stack 架构,递归遍历虚拟 DOM 树无法中断;React 16 重构为 Fiber 架构,通过链表实现可中断的时间切片,并引入 Scheduler 调度器解决优先级问题。

技术分享12 分钟阅读

深入理解虚拟 DOM:原理、优势与 React 实现

虚拟 DOM 是 React 团队提出的编程概念,用 JS 对象描述 UI 结构。相比 innerHTML,虚拟 DOM 在更新阶段能最小化 DOM 操作,同时具备多平台渲染的抽象能力。

技术分享10 分钟阅读

现代前端框架的分类:元素级、组件级与应用级

现代前端框架基于状态声明式渲染,可用 UI=f(state) 概括。根据自变量与 UI/组件/应用的对应关系,框架可分为元素级(Svelte、Solid.js)、组件级(Vue)和应用级(React)三类。

生活随笔8 分钟阅读

纯净地写点东西

到目前为止,至少博客网站和公众号中,写的文章内容还没有使用 AI 生成,还是喜欢原创。虽然语言和逻辑的连贯性上无法与 AI 媲美,时间使用效率上也被 AI 暴打,最终排版平平无奇。值得珍惜的是,在没有依赖 AI 工具的情形下,写下这些内容后的真实思考、体验,思维断断续续,指尖停顿,看见窗前微风拂动,拥有这些无可替代的真实感受就足够了。就像偶尔的断网体验一样,在没有网络的环境下,能够独立生存、生活,与自然融为一体,体会慢时光的快乐和幸福。无论什么工具的出现,都无法改变我们对生活的真实热爱,对自己人生的真实探索,对家人的关怀和爱。

技术分享24 分钟阅读

Vite 构建工具深度解析:从配置到插件

从核心原理到配置文件,从依赖预构建到生产打包,从环境变量到自定义插件,全面解析Vite构建工具。

技术分享20 分钟阅读

Vue3 高级特性:透传、依赖注入与异步组件

掌握属性透传机制、依赖注入跨层级通信、组合式函数逻辑复用,以及异步组件与Suspense的最佳实践。

技术分享25 分钟阅读

Vue3 setup 语法糖、生命周期与 KeepAlive 原理

从 setup 演进史到 KeepAlive 缓存实现,再到 key 的 diff 算法作用,全面理解 Vue3 核心机制。

技术分享18 分钟阅读

Vue3 组件原理:指令、插槽与 v-model 的实现

指令在编译后会被转换为不同的渲染函数逻辑,插槽本质是父组件向子组件传递函数对象,v-model 则是 props 和自定义事件的语法糖。本文通过编译结果逐一验证。