学习笔记八 —— 虚拟DOM diff算法 fiber原理掘金前端/@司宸文章介绍了虚拟DOM diff算法的本质、核心问题、关键数据等,探讨了其在高频更新场景、深度嵌套卡片更新、超大数据量渲染等场景中的瓶颈及解法,还阐述了与浏览器渲染管线的协同设计以及工程实践中的底层方案,最后介绍了设计哲学演进图,包括Fibe
重提Vue3 的 Diff 算法掘金前端/@小小小小宇文章介绍了Vue3的Diff算法,它是虚拟DOM更新机制的核心,能高效比较新旧虚拟节点树差异,最小化对真实DOM的操作,提升渲染性能。文中还介绍了虚拟DOM的概念、VNode结构示例,以及patchChildren更新子节点的过程等。Vue
Vue 2 响应式系统掘金前端/@前端小巷子本文借助一张流程图和四段源码级剖析,带领读者走完Observer → Dep → Watcher → Scheduler的完整链路,深入讲解Vue 2响应式系统。
理解vue3中的compiler-core掘金前端/@颜酱作者在学习Vue3源码时,发现compiler-core模块负责将Vue模板编译成渲染函数,详细介绍了其将模板字符串转换为JavaScript渲染函数的过程,包括词法分析、语法分析、代码生成等主要步骤
vue keep-alive 原理掘金前端/@圆心角/3 天前文章主要介绍了Vue中keep-alive的原理,它作为一个抽象组件,能缓存不活动的组件实例,避免重复渲染和销毁,进而提升性能,并对其原理进行了详细阐述。
图片加载优化-Nextjs与webpack源码掘金前端/@适余/4 天前文章主要对比了Webpack与Next.js在图片加载优化方面的不同,包括处理时机、优化重点、输出方式等,还深入解析了Next.js图片优化的整体架构、占位符类型、优先级控制等内容,并通过源码分析得出Webpack图片处理的优势及实现机制。
React架构深度解析:从 Stack 到 Fiber,解决 CPU 和 I/O 瓶颈问题掘金前端/@zhEng/5 天前文章深入解析了React架构从Stack到Fiber的转变,阐述了Stack架构存在的CPU和I/O瓶颈问题,以及Fiber架构如何通过引入新的概念和机制来解决这些问题,如时间切片和Scheduler调度器等
[ahooks] useRequest源码阅读(二)掘金前端/@_Mr_Cheng_/7 天前文章先介绍了useRequest调用useRequestImplement时传入的参数,接着分析了其生成fetchInstance实例的过程,以及运行插件获取返回值并赋值给Fetch实例的pluginImpls属性等,最后表示后续会不定时补
vue3源码解析:Suspense组件实现掘金前端/@TriF/8 天前本文深入解析了Vue3源码中Suspense组件的实现原理,介绍了其组件示例、数据结构、超时机制等,阐述了该组件通过边界管理、状态控制、内容切换和性能优化等机制实现异步内容管理。
深入理解 HTTP 缓存:从原理到实践掘金前端/@Running_C/9 天前本文从缓存的基本概念出发,详细解析了强缓存、协商缓存的工作原理,并探讨了实际开发中的应用策略。通过合理使用缓存,可以提升页面加载速度、减少服务器压力,优化用户体验。
坐标的奇妙旅行:从世界到屏幕的深度之恋掘金前端/@LeonGao/11 天前文章介绍了计算机图形学中坐标从世界空间到屏幕空间的转换过程,包括世界空间、视图变换、投影变换和视口变换等步骤,以及从屏幕深度反推世界坐标的方法。理解这个过程有助于掌握3D渲染原理和欣赏数字世界的数学之美。
Vue 3 核心源码解析 - 第二部分:我的响应式魔法揭秘掘金前端/@baozj/12 天前文章从Vue 2时代响应式系统的局限说起,讲述了Vue 3拥抱Proxy实现响应式能力质的飞跃,详细解析了Proxy魔法觉醒之路,包括其相比Object.defineProperty的优势,还介绍了响应式系统的特点如类型安全保障、可扩展性等
Tree Shaking 是如何工作的?带你读懂 Webpack 的源码逻辑程序员成长指北/@moment082/13 天前文章主要介绍了Tree Shaking这一基于ES Module的静态代码分析技术,它通过精确识别并移除未被引用的代码来减小最终打包体积。文中阐述了其工作原理,包括在Webpack中启动Tree Shaking的条件,以及其通过“标记-清除
深入 JavaScript 事件循环:单线程如何掌控异步世界掘金前端/@讨厌吃蛋黄酥/13 天前文章将以餐厅厨师类比,用清晰的流程图和代码示例揭开JavaScript事件循环的核心执行机制,深入讲解单线程如何掌控异步世界
vueuse的createReusableTemplate函数实现原理掘金前端/@gaze/13 天前文章主要对vueuse中的createReusableTemplate函数进行源码分析,并探讨手写简单实现的方法。