温水里的蛙

在《Concurrent 的奥秘》中，我们已经了解到，React 利用并发特性可以为应用构建更好的用户体验。而 Concurrent 的背后是：可被中断的 “渲染” 和 区...

看完这篇文章，我们可以弄明白下面这几个问题： 传统diff 算法的瓶颈是什么？ React 的 diff 算法是怎么实现的？ React 的 diff 算法发生在哪个阶段？...

现在 react 18 已经进入了快速迭代期，相信再过不久就会出稳定版本，到时我们就可以使用稳定版本提供的新特性 - Concurrent 模式了......

没有对比就不能说某某不行某某很强，今天抽时间拿Cursor和Trae做一个小斗法，希望能给你选择AI IDE提供一些参考，一起来看一下斗法过程吧...

大家好，我是双越老师。本文介绍前端面试派，它是一个系统专业的前端面试导航，包含 500+ 面试真题和答案，如何写简历，还有很多面试技巧，是每一位前端面试人员准备面试的入口和...

关于前端鉴权这块，Token、Cookie、Session、JWT、单点登录、扫码登录、一键登录是什么意思？分别有什么作用？你一般是怎么做的？以及你是怎么存储的呢？那你又是...

首先最重要的肯定是上链接啦：面试导航 更多的信息和技术信息我们将会在掘金和 微信公众号 上同步更新，感兴趣的朋友扫码关注 面试导航 面试导航致力于构建一个全面且深入的前端与...

需求 先来看这样一个场景，拿一个网站举例 这里有一个常见的网站 banner 图容器，大小为为1910*560，看起来背景图完美的充满了宽度，但是图片原始大小时，却是： 它...

本文介绍将像素呈现到屏幕上所涉及的内容，包括关于像素工作流程的部分内容，以及何时以及为什么触发某些操作...

内部揭秘系列博客对现代浏览器如何处理代码、显示页面展开探讨。该系列博客共四篇，这是最后一篇。在上篇博客里，我们了解了 渲染进程与合成器。这里我们将一窥当用户输入行为发生时，...

一：人眼刷新频率 12fps：由于人类眼睛的特殊生理结构，如果所看画面之帧率高于每秒10-12帧，认为是连贯。 24fps：有声电影拍摄及播放帧率为24hz。 30fps：...

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。...

常规设备的刷新频率是 60HZ，也就是说，如果要让用户感受不到明显卡顿，浏览器的渲染流水线需要每秒输出 60 张图片（60 FPS）。本文会从基础的渲染树出发，介绍浏览器渲...

iPhone尺寸大全（包含iPhone16系列） 需要注意的地方是iPhone16Pro/ProMax灵动岛的安全区域高度是62pt...

红黑树本质上是一颗二叉查找树，它是在二叉查找树的基础上给节点增加红黑颜色属性以及五条约束的性质。所以学习红黑树之前，需要先了解一下二叉查找树的知识；红黑树与二叉查找树的查找...

Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Roll...

webpack 是我们现阶段要掌握的重要的打包工具之一，我们知道 webpack 会递归的构建依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个 bu...

为什么width为1200px的同一个元素，在电脑上和pad上的显示宽度会不同？为什么同样的页面，在mac上显示起来会比很多设备更为细腻？让我们一起来找到答案。...

Monorepo 是一种项目代码管理方式，指单个仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可重用性和协作性。Monorepo ...