Vue3 Diff算法原理详解
Bykk
June 26, 2025
Vue3中的diff算法是Virtual DOM更新的核心机制，通过同层比较、key值匹配等策略实现高效的DOM更新。本文深入分析diff算法的执行流程、优化策略和实际应用。
9 Min Read
工作经验
4年经验
这里是想要退休的前端开发的小破站
为了记录和学习一些技术和知识，我创建了这个小破站，顺便搬一搬之前写的笔记。
My Skills
现代前端开发
(Web & H5)
熟练掌握 Vue (2/3) 并能快速上手 React 及 Next.js 。负责从零到一的 Web 及 H5 项目开发、组件封装和性能优化 。
跨平台客户端
(Electron)
具备丰富的 Electron 项目开发与维护经验，成功使用 Vue 3 + TS 对旧项目进行重构，实现对 Windows、macOS 等多系统的适配 。
数据可视化
(Echarts & D3.js)
能够独立负责多个美观且适配性好的大屏开发，并能使用 D3.js 结合 Neo4j 实现复杂的前端知识图谱展示 。
Vue
React
Typescript
Electron
Echarts
D3.js
Angular
HTML
CSS
Vue
React
Typescript
Electron
Echarts
D3.js
Angular
HTML
CSS
My Blogs
Vue2 Diff算法原理详解
Bykk
June 25, 2025
Vue2中的diff算法是Virtual DOM更新的核心机制，通过同层比较、key值匹配等策略实现高效的DOM更新。本文深入分析diff算法的执行流程、优化策略和实际应用。
7 Min Read
之前做的大屏项目展示
Bykk
June 14, 2025
这是我之前在工作中主导或参与开发的一些数据可视化大屏项目。这些项目主要使用 Vue 和 Echarts 技术栈，旨在将复杂数据以直观、美观的方式呈现出来。
Next 学习笔记（七）：Next.js SEO
Bykk
April 14, 2025
使用 Next.js 这样的服务端框架，其最大的优势之一就是对 SEO 的原生支持。这篇笔记将记录 App Router 中管理 SEO 元数据的现代方法。
2 Min Read
Next 学习笔记（六）：前端性能优化
Bykk
April 10, 2025
前端性能优化：代码分割、图片优化与渲染策略。一个加载缓慢、体验卡顿的网站是无法留住用户的。Next.js 提供了一系列开箱即用的工具来解决性能问题，这篇笔记将重点记录其中最关键的几个。
2 Min Read
Next 学习笔记（五）：Next.js 样式方案
Bykk
April 7, 2025
在像 Next.js 这样的组件化框架中，样式方案的选择核心是平衡全局一致性与组件级封装。本项目中主要使用了两种主流方案：Tailwind CSS 作为主要的工具类框架，CSS Modules 作为特定场景下的补充。
Next 学习笔记（四）：路由高级技巧
Bykk
April 5, 2025
在掌握了 App Router 的基础路由和 RSC 的概念后，这篇笔记将深入一些更高级的路由技巧。这些技巧能解决在构建复杂应用时遇到的具体问题，如动态页面的静态化、精细的加载与错误状态，以及实现像“弹窗路由”这样的高级 UI 模式。
3 Min Read
Next 学习笔记（三）：数据获取
Bykk
April 3, 2025
在理解了服务端组件（RSC）之后，数据获取和提交的模式也随之发生了根本性的变化。旧的 useEffect + fetch 模式不再是首选，新的模式将数据获取和变更更多地放在服务端处理，以获得更好的性能和更简洁的代码。
7 Min Read
Next 学习笔记（一）：Next初步认识
Bykk
April 2, 2025
React 本身只是一个 UI 库。要构建一个完整的、生产级的 Web 应用，还需要处理路由、数据获取、服务端渲染等一系列问题，这就需要一个框架。Next.js 是 React 官方推荐的生产力框架，App Router 则是它最新的、也是未来标准的开发模式。
2 Min Read
Next 学习笔记（二）：什么是服务端组件
Bykk
April 2, 2025
App Router 带来的最大变革不是文件结构，而是组件的渲染地点。它将组件分为两种模式：默认在服务端运行的服务端组件（RSC），和在客户端运行的客户端组件（Client Components）。能否清晰地划分这两者，是能否发挥出 Next.js 性能优势的关键。
3 Min Read
SCROLL