虚拟DOM作为现代前端框架的重要技术之一，通过使用 JavaScript 对象模拟真实的 DOM节点，通过 Diff 算法比较新旧虚拟 DOM 树，减少真实 DOM 的操作次数。 我们来探究下他的本质

向浏览器输入url会发生什么？当我们向浏览器的地址栏输入URL的时候，网络会进行一系列的操作，最终获取到我们所需要的文件，交给浏览器进行渲染

Vue 和 React 都是基于 vdom 的前端框架，组件渲染会返回 vdom，渲染器再把 vdom 通过增删改的 api 同步到 dom。 当再次渲染时，会产生新的 vdom，渲染器会对比两棵 v

文件上传、文件下载都是常见的需求。 大文件上传我们会通过分片上传来优化。 比如阿里云 OSS 的大文件分片上传： 那大文件下载如何优化呢？ 答案也是分片下载，或者叫流式传输。 我们试一下： 创建个 N

Suspense 组件想必大家都用过，一般是和 React.lazy 结合用，用来加载一些异步组件。 比如这样一个组件： 就可以在另一个组件里用 lazy + Suspense 异步加载： 这里的 i

前端面试必会网络系列面试题汇总 简述 TCP 连接的过程 介绍下 HTTPS 中间人攻击 介绍下 http1.0、http1.1、http2.0 协议的区别？

大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 废话不多说，直接起一个express服务器。 启动之后打开loc…

React 18 最主要的特性就是并发了，很多 api 都是基于并发特性实现的。 那为什么 React 要实现并发？什么是并发？又是怎么实现的呢？ 这篇文章我们就一起来探究一下。 首先，我们过一遍 R

lighthouse 可以搜集网页性能指标，分析 Web 应用的性能并生成报告，本文介绍其中 6 个性能指标的含义与优化方式。