Jazzing

Fiber架构主要有两个阶段, reconciliation(协调)和commit(提交)。协调阶段通常称为渲染阶段。此时会发生： 这些被称为Fiber的内部活动。 如果R...

Docker是个划时代的开源项目，它彻底释放了计算虚拟化的威力，极大提高了应用的维护效率,文章的主旨通过让开发者通过将一个vue项目进行Docker化,以达到对Docker...

Vue 3 Diff 算法中的 newIndexToOldIndexMap 详解，与 getSequence 的结合...

Vue 3 Diff 算法中的 getSequence 源码解析,主要讲解了 Vue 3 Diff 的核心步骤算法getSequence，包括贪心、二分查找和回溯。...

在上一篇文章这里我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的t...

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的...

前言 H5 移动端 开发的必不可少的一个环节就是 移动端网页的适配，因为 UI 通常只会提供 大小固定的设计稿，而各种不同移动设备具有不同的页面分辨率和大小，所以适配的目的...

揭秘OpenAI新神器：Cursor源码深度解析与应用探索 背景 Cursor（https://github.com/getcursor/cursor）是一款专为编程与人工...

WeakMap 对象保存键值对，其中的键必须是对象，值可以是任意的类型，并且不会创建对它的键的强引用，从而利于垃圾回收。vue3也用到了WeakMap的这一机制避免了内存泄...

在无数前端面试中，总有一个问题如同幽灵般反复出现："手写一个发布订阅模式"。这道看似简单的题目，却让许多候选人在白板上进退维谷。当我们拆解这道面试题背后的逻辑，会发现它像一...

相信不少同学都有欧阳这种情况，年初的时候给自己制定了一份关于学习英语和源码的详细年度计划。但是到了实际执行的时候因为各种情况制定的计划基本都没有完成，年底回顾时发现年初制定...

requestAnimationFrame官方介绍 requestAnimationFrame用处概述 window.requestAnimationFrame() 告诉浏...

如果你是一名前端开发，那么你多少有了解过requestAnimationFrame吧？其实它能应用的场景非常多，让我们一起看看吧...

1.Performance Performance 是 Chrome 开发者工具中的一个功能，用于记录网页从初始化到运行时的所有性能指标。 2.测试性能操作流程 1、在谷歌...

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance...

前言 联邦模块是什么 那引来了一个重大问题，模块联邦是webpack的，那是不是vite是不是就没有办法实现了？ 当然不是，模块联邦的实现逻辑是干预打包，是按照一定规则将一...

问题 在15.x之前的版本都是没有适配M1芯片的，所以使用 nvm install 14.18.0 会失败 解决 苹果提供了虚拟机，可以在M1上模拟AMD 终端执行命令 切...

前言 为什么需要vue懒加载（按需加载）？ 学习Vue的时候，各类教程都会告诉我们：Vue的特点是SPA - Single Page Application（单页面应用程序...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

🍊还在为微前端的通信方式苦恼？那就来瞧瞧吧，手把手教你如何完美的解决应用之间的通信交流，嘿嘿~~~...