[vue3] vue3更新组件流程与diff算法-牛翰网

[vue3] vue3更新组件流程与diff算法

Vue3 中的 patch 函数结合 diff 算法,通过比较新旧 vnode 序列,优化组件更新流程。diff 算法复用旧节点并最小化移动操作,利用最长递增子序列算法提升渲染性能,可以有效减少创建和销毁节点的...
11个月前
03914
[vue3] vue3 setup函数-牛翰网

[vue3] vue3 setup函数

从语法上看,Composition API 提供了一个 setup 启动函数作为逻辑组织的入口,提供了响应式 API,提供了生命周期函数以及依赖注入的接口,通过调用函数来声明一个组件。 Options API 选项式 API...
11个月前
03111
[pnpm] pnpm 与 npm/yarn 的对比-牛翰网

[pnpm] pnpm 与 npm/yarn 的对比

本文比较了NPM、Yarn 和 pnpm 三种包管理工具的特点,重点分析了它们在安装速度、依赖管理、磁盘空间使用、依赖冲突处理等方面的差异,重点介绍了pnpm的依赖组织结构。
[JS] 内存管理与V8垃圾回收机制-牛翰网

[JS] 内存管理与V8垃圾回收机制

本文介绍了内存管理的基础知识,重点分析了栈区与堆区的区别,并详细讨论了V8引擎的内存管理机制,包括垃圾回收策略和优化技术。文章通过实例代码展示了堆区和栈区的内存变化,并探讨了v8如何通...
[js] 页面可见性API 监测用户切屏-牛翰网

[js] 页面可见性API 监测用户切屏

Page Visibility API 可帮助检测用户切换页面,适用于考试或网课系统。本文介绍了 visibilitychange 事件和 document.visibilityState 的状态,并提供了基本的防作弊实现方法,如定期检查页面可...