自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

以梦想为帆,行动作桨,驶向辉煌彼岸。

欢迎来到我的前端技术世界!我是一名专注于前端开发领域多年的程序员,在这个充满创意与挑战的天地里,不断探索、实践,积累了丰富的经验。​希望我的博客能成为前端开发者们的交流乐园、学习宝库,大家在这里共同成长,携手前行.

  • 博客(229)
  • 收藏
  • 关注

原创 00-生态工具链导学:构建完整工程化能力

本系列将带你系统学习Vue生态中的核心工具链,从Vite构建到Nuxt全栈,从测试框架到CI/CD,打造完整的前端工程化能力。

2026-07-06 15:25:13 180

原创 2026 年 6 月 30 日 - 7 月 6 日全球主流大模型版本迭代与功能变动深度分析报告

本周全球头部大模型延续上月转型趋势,彻底摒弃参数内卷,集中发力**产业级 Agent 流水线、低成本百万 Token 长文本、端侧离线多模态、政企私有化合规、开源细分专项模型**五大核心升级。

2026-07-06 15:05:43 984

原创 14-手写一个迷你 Vue 框架

从 0 到 1 实现一个包含响应式系统、虚拟 DOM、编译器和组件系统的迷你 Vue 框架,深入理解 Vue 的核心原理。

2026-07-03 14:02:36 276

原创 13-Vue3 Tree-shaking 实现原理

深入解析 Vue3 如何通过 ESM 模块化设计和编译器优化实现按需打包,让最终产物体积大幅缩减。

2026-07-03 14:02:06 229

原创 12-Vue3 Fragment 与 Teleport 实现原理

深入解析 Vue3 中 Fragment(多根节点)、Teleport(传送门)和 Suspense(异步依赖)的实现原理,理解它们在渲染流程中的特殊处理机制。

2026-07-03 14:01:33 295

原创 11-Vue3 调度器与异步更新原理

深入解析 Vue3 的调度器(Scheduler)实现,理解 nextTick、任务队列、微任务与宏任务的协作机制,以及 Vue3.2+ 的优先级调度策略。

2026-07-03 14:01:03 238

原创 10-Vue 运行时与构建版本

深入理解 Vue2/Vue3 不同构建版本的差异,掌握运行时+编译器与仅运行时的区别,学会根据项目场景选择正确的构建版本。

2026-07-02 20:10:55 225

原创 09-Vue3 编译时优化

深入解析 Vue3 编译器的核心优化策略:PatchFlag、静态提升、Block Tree 等机制,理解编译时优化如何显著提升运行时性能。

2026-07-02 20:10:25 193

原创 08-Vue 指令系统实现原理

深入解析 Vue 指令的注册、解析、执行全流程,剖析 v-model、v-if、v-show 等核心指令的底层实现机制。

2026-07-02 20:09:53 213

原创 07-Vue 生命周期实现原理

深入剖析 Vue2 与 Vue3 生命周期钩子的注册机制、调用时机及底层源码实现,理解生命周期与组件渲染的深层关系。

2026-07-02 20:09:22 282

原创 06-组件化实现原理

组件是 Vue 应用的基本构建单元。深入理解组件的注册、实例化、渲染和更新机制,是掌握 Vue 框架的核心环节。

2026-07-02 20:08:50 176

原创 05-Vue 编译器原理

Vue 的编译器将模板字符串转换为高效的渲染函数,是连接声明式模板和虚拟 DOM 运行时的桥梁。理解编译器原理,才能真正掌握 Vue 的工作机制。

2026-07-02 20:08:15 157

原创 04-虚拟 DOM 与 Diff 算法 - Vue3

Vue3 对虚拟 DOM 进行了全面重构,引入 PatchFlag 静态标记、Block Tree、最长递增子序列等优化手段,将 Diff 性能提升到一个新的高度。

2026-07-02 20:07:43 184

原创 03-虚拟DOM与Diff算法-Vue2

深入解析 Vue2 虚拟DOM的实现原理与Diff算法,从VNode数据结构到patch完整流程,从双端Diff到key的作用机制,彻底理解Vue高效更新视图的底层秘密。

2026-07-01 16:58:49 80

原创 02-Vue3 响应式系统原理

深入解析 Vue3 基于 Proxy 的响应式系统,从 reactive/ref 的实现到 track/trigger 机制,从 ReactiveEffect 到 Computed 原理,全面理解 Vue3 响应式的设计精髓。

2026-07-01 16:58:19 88

原创 01-Vue2 响应式系统原理

深入剖析 Vue2 响应式系统的核心实现,从 Object.defineProperty 到 Dep/Watcher 的依赖收集与触发更新机制,彻底理解数据驱动视图的底层原理。

2026-07-01 16:57:46 81

原创 00-源码解析导学:深入Vue底层机制

本系列将带你深入Vue框架的核心源码,从响应式原理到虚拟DOM Diff算法,从编译器到组件化实现,彻底理解Vue的底层工作机制。

2026-07-01 16:57:12 118

原创 20-Vue3 微前端与模块联邦

掌握微前端架构设计与模块联邦技术,实现大型 Vue3 项目的解耦、独立部署与技术栈无关。

2026-07-01 16:54:23 198

原创 19-Vue3 与 Element Plus / Ant Design Vue

全面掌握 Vue3 主流 UI 组件库的使用、定制与选型,提升企业级项目开发效率。

2026-07-01 16:53:43 189

原创 18-Vue3 单元测试 Vitest 实战

掌握 Vitest + Vue Test Utils 测试体系,为 Vue3 项目构建可靠的自动化测试防线。

2026-07-01 16:53:10 156

原创 17-Vue3 服务端渲染与 Nuxt3 入门

从 SSR 核心原理到 Nuxt3 全栈开发,掌握 Vue3 服务端渲染与同构应用的最佳实践。

2026-07-01 16:52:38 256

原创 16-Vue3 面试题汇总

系统梳理 Vue3 高频面试考点,从响应式原理到工程实践,助你从容应对技术面试。

2026-07-01 16:52:07 246

原创 15-Vue3 性能优化与调试

深入掌握 Vue3 编译时与运行时优化策略,结合 DevTools 与性能指标打造高性能 Vue 应用。

2026-07-01 16:51:29 245

原创 2026 年 6 月 23 日 - 6 月 29 日全球主流大模型版本迭代与功能变动深度分析报告

2026 年 6 月 23 日 - 6 月 29 日,全球大模型行业商用落地节奏持续提速,行业彻底告别参数内卷,转向算力成本控制、原生 Agent 自动化、垂直行业定制、端侧离线轻量化四大核心竞争赛道。海外头部厂商依靠通用代码、多模态、超长英文文本维持技术优势,但地缘出口管制、跨境数据合规持续压缩其国内市场空间,只能聚焦海外非敏感企业与科研场景。

2026-06-30 12:25:06 1700

原创 14-TypeScript 与 Vue3

Vue3 从底层重构了类型系统,配合 `<script setup lang="ts">` 让 TypeScript 开发体验达到全新高度。

2026-06-30 12:13:11 102

原创 13-Vue3 动画与过渡

Vue3 的 Transition 和 TransitionGroup 组件让界面交互更加生动,从 CSS 类名变化到 JavaScript 钩子,全面掌握动画系统的每一个细节。

2026-06-30 12:12:38 86

原创 12-Teleport 与 Suspense

Vue3 内置的 Teleport 和 Suspense 组件,让 DOM 渲染位置控制和异步依赖处理变得前所未有的简单。

2026-06-30 12:12:05 156

原创 11-Pinia 状态管理

掌握 Vue 官方推荐的 Pinia 状态管理库,体验比 Vuex 更简洁、更类型友好的状态管理方案。

2026-06-30 12:11:27 159

原创 10-Vue Router 4

全面掌握 Vue Router 4 的新特性与组合式 API 风格,构建企业级单页应用路由系统。

2026-06-30 12:10:55 164

原创 09-Slot 插槽与动态组件

掌握 Vue3 插槽系统与动态组件,实现高度可复用、灵活的组件化架构。

2026-06-30 12:10:21 69

原创 08-组合式函数(Composables)

学习 Vue3 中逻辑复用的核心模式,掌握 Composable 的设计原则与最佳实践。

2026-06-30 12:09:49 517

原创 07-组件与 Props / Emits

深入掌握 Vue3 组件定义方式、Props 类型验证、Emits 事件声明,以及透传 Attributes 和多 v-model 的高级用法。

2026-06-30 12:08:59 227

原创 06-依赖注入 Provide / Inject

掌握 Vue3 中跨层级组件通信的利器,实现深层组件的数据共享与解耦。

2026-06-30 12:08:23 234

原创 05-生命周期与模板引用

深入理解 Vue3 组件从创建到销毁的完整生命周期流程,掌握模板引用与组件引用的新用法。

2026-06-27 22:26:31 203

原创 04-计算属性与侦听器

在 Vue 的响应式系统中,除了直接定义响应式数据外,我们经常需要基于已有数据计算派生值,或者在数据变化时执行副作用。Vue3 提供了 `computed`、`watch` 和 `watchEffect` 三个核心 API 来满足这些需求。本章将深入讲解它们的用法、差异和最佳实践。

2026-06-27 22:25:55 236

原创 03-响应式基础:ref 与 reactive

深入理解 Vue3 的响应式系统,掌握 ref 与 reactive 的用法差异,学会正确处理响应式数据的常见陷阱。

2026-06-27 22:25:20 183

原创 02-创建 Vue3 项目

掌握 Vue3 项目的创建方式,深入理解项目结构与配置,为后续开发打下坚实基础。

2026-06-26 13:53:22 161

原创 01-Vue3 新特性概览与升级

全面梳理 Vue3 的核心改进与破坏性变更,助你快速理解从 Vue2 到 Vue3 的演进脉络,制定合理的升级策略

2026-06-26 13:51:58 106

原创 Vue3导学:组合式API与现代开发

本系列将带你全面掌握Vue3的现代开发模式,从Composition API到TypeScript支持,从性能优化到工程化实战,体验Vue生态的最新演进。

2026-06-26 13:51:27 72

原创 20-Vue2 性能监控与错误处理

生产环境中的性能优化和错误监控是保障用户体验的关键。本章将讲解 Vue2 应用的性能分析手段、错误捕获机制以及接入监控系统的最佳实践。

2026-06-26 13:47:32 81

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除