hedia

本文先介绍了 HMR 的起源，主要是为了方便地在代码变更后查看更新后的页面效果。常用的构建工具有 Vite 和 Webpack，本文从一次 HMR 发生的全流程角度介绍了 ...

什么是事件循环 在了解事件循环前，需要一些有关JS特性的前置知识。 JS引擎是单线程的，直白来说就是一个时间点下JS引擎只能去做一件事情，而Java这种多线程语言，可以同时...

JavaScript 是门魅力无限的语言，关于它的 GC（垃圾回收）方面，你了解多少呢？想来大部分人是因为面试才去看一些面试题从而了解的GC，当然，我们可不仅仅是为了面试，...

React 18 提供了一种新的 SSR 渲染模式： Streaming SSR。本文将介绍 Streaming SSR 的实现原理。...

CSS Modules 是通过构建工具（比如 webpack）的帮助，将 class的名字或者选择器的名字生成一个独一无二的命名，从而实现作用域的隔离...

本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federat...

本文继续剖析 Webpack 的实现原理，主要内容：ChunkGraph 构建完毕后，Webpack 接下来会做什么事情？什么是运行时？如何收集运行时依赖？...

本文着眼于梳理业界微前端技术的发展脉络、在主流产品中的应用情况，以及目前不同技术方案之间的架构和核心原理对比，只关注精华部分，不纠结于技术细节，帮大家快速建立起对微前端整体...

一. 浏览器的事件循环 1.1. 进程和线程 线程和进程是操作系统中的两个概念： 进程（process）：计算机已经运行的程序； 线程（thread）：操作系统能够运行运算...

每次克隆下别人的代码后，执行的第一步就是npm install安装依赖包，安装成功后所有的包都会放在项目的node_modules文件夹下，也会自动生成package-lo...

据我了解，前端程序员有相当一部分对“数据结构”和“算法”的基础概念都不是很清晰，这直接导致很多人在看到有关这部分的内容就会望而却步。 实际上，当你了解了“数据结构”和“算法...

在App开发中，内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用，也可以冠冕堂皇的突破苹果对热更新的封锁。 然而便利性的同时，...

WebView是android中一个非常重要的控件，它的作用是用来展示一个web页面。它使用的内核是webkit引擎，4.4版本之后，直接使用Chrome作为内置网页浏览器...

setState()并不总是立即更新组件，它可能会进行批处理或者推迟更新。这使得在调用setState（）之后立即读取this.state成为一个潜在的隐患。 去源码里面看...

这四次输出，按常理来说分别是: 1，2，3，4。但是，实际输出为: 0, 0, 2, 3。 在分析之前，需要知道setState的一些关键点。 多次setState函数调用...

写在译前：首先介绍一下我自己，一个跨行业的、完全非科班生的文科单身狗。因为生计，走上了自学前端的荆棘之路，然后经过一路的摸爬打滚终于算是入了前端的这个门，自己也知道在前端这...