精蹦的鲫壳儿

不久前 React 18 推出了第一个发布候选版本(18.0.0-rc.0)。React 18其中一个重要特性就是本文要介绍的Streaming SSR with Susp...

1.前言 货拉拉自研H5离线包SDK，能显著提升H5打开速度，已在多个业务中落地。车型介绍页使用离线包前后打开效果如下： 图1 使用离线包前 图2 使用离线包后 货拉拉自研...

当我们在组件上设置事件处理器时，React并不会在该DOM元素上直接绑定事件处理器. React内部自定义了一套事件系统，在这个系统上统一进行事件订阅和分发. 具体来讲，R...

几乎在每一本JS相关的书籍中，都会说JS是单线程的，JS是通过事件队列(Event Loop)的方式来实现异步回调的。 对很多初学JS的人来说，根本搞不清楚单线程的JS为什...

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以...

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写...

通过上一篇文章的学习，了解了Fiber是什么，知道了Fiber节点可以保存对应的DOM节点。Fiber节点构成的Fiber Tree会对应DOM Tree。...

本文从多个维度详细分析浏览器的核心工作原理。我们将讨论`导航`、`获取数据`、`解析`和`渲染`等核心步骤，并希望能使你对这些概念更清晰...

梳理现代前端框架重要概念，深入代码原理分析。适用于各个阶段前端开发者学习理解，尤其是前端小白入门以及技术 leader 框架选型。建议收藏...

应届生小A：在学校用React + antd做过后台管理系统，熟悉React技术栈。 两年前端小B：公司技术栈是React，都用了一年了，我React贼六。 五年前端老C：...

首先来看一个示例图，描述了用户输入域名到浏览器渲染出可交互页面的主要过程。 以上就是浏览器输入域名到浏览器渲染界面的大概过程，这是一个非常经典的面试题。接下来，需要解析，这...

现在写组件，不再需要从头写，完全可以告诉 AI 你的需求，让 AI 给你生成。 AI 生成的代码基本就是可用的，然后再改一改就可以了。 我们会用 copilot、curso...

在做文字处理的项目时经常会遇到搜索文字并高亮的需求，常见的实现方式有插入标签和贴标签两种。这两种方式适用于不同的场景，各有优劣。...

前端工程师的工作范畴其实不仅仅局限在客户端浏览器，特别是在处理性能优化问题时，往往需要站在全栈的角度去审视系统的每个细节。 随着前端技术的演进，Vue、React 等现代前...