本文使用 Charles 断点拦截模拟文档解析中 js 和 css 下载的阻塞情况，并对阻塞状态下的html 解析和页面渲染进行验证

随着前端业务的快速发展，微前端架构已经被广泛采用，其中 qiankun 作为主流解决方案也越来越受到关注。前几天面试时，我就被问到了一个高频问题：qiankun 是如何实现 JS 和 CSS 隔离的？

在谈论到前端性能优化时，我们可能会想到很多方向，但虚拟列表一定算是一个值得谈谈的话题，很多人都是略懂一二，对其实现原理与过程还不太了解，所以当面试官问到比较细节的问题时往往语塞，本篇文章将从最简单的固

当我们打开 React 官网时，会发现从浏览器上输入url 到页面首屏完全展示这一过程所花的时间极其短暂，而且在点击页面中的链接切换路由时非常顺滑，几乎页面可以做到“秒切”的效果，根本不会出现卡顿等待

前面我们说了使用webpack处理css和各种文件，今天我们再来说说使用webpack来处理我们前端三大件中的js。

本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack 中异步加载（懒加载）的原理

前言 本文分析webpack5的异步加载原理，代码是简化后的，原代码大概200行，简化后100行左右，但是功能依旧可以正常实现。 正文 首先贴出所有的代码，然后分析。 这是未打包的代码： index.

webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script 对象，加入到 document.head 对象中，浏览器会自动帮我们发起请求，去请求这个 js 文件，然后…

最近，在项目中遇到一个关于CSS中元素z-index属性的问题，具体问题不太好描述，总结起来就是当给元素和父元素色设置position属性和z-index相关属性后，页面上渲染的元素层级结果和我预想的不一样。根据自己之前的理解，也没找到一个合理的解释。我知道，肯定是我对相关属性…