- 博客(7)
- 收藏
- 关注
RSS订阅原创 团队开发规范与Git工作流最佳实践
建立完善的团队开发规范是一个持续优化的过程。通过统一的流程标准、严格的代码审查和清晰的版本管理,团队能够显著提升开发效率和代码质量。
2025-12-12 17:07:42
675
原创 Vue3源码深度解析（三）：编译器与虚拟DOM实现原理
真实DOM：就是真正搭出来的城堡（浏览器页面）虚拟DOM：就是你脑海中的城堡模型（JavaScript对象）虚拟DOM就是用JavaScript对象来描述真实DOM的结构。为什么需要虚拟DOM？操作真实DOM很慢：就像搭真实积木很费时间在脑海中调整很快：想象和规划很快可以批量操作：想好了一次性搭，而不是搭一块拆一块。
2025-12-07 19:13:37
926
原创 Vue3源码深度解析（二）：ref、computed与watch实现原理
RefImpl类通过getter/setter实现响应式对象类型会转换为reactive独立的依赖收集和触发机制ComputedRefImpl类实现缓存机制脏检查（dirty flag）控制是否重新计算调度器（scheduler）延迟触发更新traverse函数实现深度遍历cleanup清理函数处理副作用flush参数控制执行时机掌握这些原理后，我们就能更好地理解Vue3的响应式系统，写出更高效的代码。在下一篇文章中，我们将探讨编译器和虚拟DOM的实现原理。
2025-11-29 16:30:00
620
原创 Vue3源码深度解析（一）：响应式系统原理与实现
基于实现需要递归遍历所有属性进行劫持无法监听对象属性的新增和删除无法直接监听数组索引和length的变化基于ES6的Proxy实现可以监听对象属性的新增和删除可以直接监听数组的变化性能更优，不需要递归遍历所有属性支持Map、Set、WeakMap、WeakSet等数据结构Proxy基础：理解Proxy和Reflect的工作机制reactive实现：如何创建响应式对象依赖收集：track函数的三层数据结构设计触发更新：trigger函数如何执行副作用函数。
2025-11-21 14:41:24
900
原创 Vue3 + TypeScript + Pinia 实现企业级 WebSocket 通信
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。它是 HTML5 开始提供的一种浏览器与服务器进行全双工通讯的网络技术。建立在 TCP 协议之上，服务器端实现较为简单与 HTTP 协议有良好的兼容性，握手阶段采用 HTTP 协议数据格式轻量，性能开销小，通信高效可以发送文本，也可以发送二进制数据没有同源限制，客户端可以与任意服务器通信协议标识符是ws（加密则为wss），服务器网址就是 URL。
2025-11-12 19:30:00
1308
原创 Vue 3 组合式 API 最佳实践与设计模式
本文介绍了Vue3 Composition API的核心优势与最佳实践。相比Options API，Composition API通过按功能组织代码实现了更好的复用性和类型推导。文章详细讲解了响应式基础(ref、reactive)、生命周期钩子和常用设计模式，包括计数器、本地存储、防抖处理和事件监听等可复用的组合式函数。针对高级场景，探讨了状态管理、依赖注入和异步操作链式调用等模式。最后通过表单处理案例和性能优化建议，帮助开发者编写更优雅、高效的Vue3代码。掌握这些模式能显著提升应用的可维护性和开发体验。
2025-11-07 16:00:00
401
原创 Vue3 + Element Plus 封装通用表格组件
/ 表格列配置接口prop?: string;// 字段名// 列标题width?// 列宽度fixed?// 固定列type?// 列类型slot?// 自定义插槽formatter?sortable?: boolean;// 是否可排序align?// 对齐方式// 按钮相关onClick?buttonText?: string;buttonType?link?: boolean;buttonSize?hasPermi?: string[];// 权限控制。
2025-10-31 10:25:42
359
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人