在开发网站的时候，尤其是类似于官网这样的项目，顶部都会有一个导航栏，底部会有一些其他信息，而这两个部分在每一个页面都是有的。我们不可能在每个html页面都写一遍，这样也不便后期维护等操作，所以可以把顶部导航和底部这两块的html代码单独写在两个html文件里：header.ht…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，今天由我带来前端早早聊本次微前端专题的最后一场，《如何设计实现微前端框架 - qiankun》。首先呢，我做一个简单的自我介绍。 我叫方涣，在一些…

🚢 前言 这是一篇讲述如何基于docker部署微前端项目的文章。本文章会先从理论角度去描述部署方式，然后再通过代码去实现部署的逻辑和细节。 本文适合以下人群阅读： 刚认识docker，想通过实践进一步

阿里三面的时候被问到了这个问题，当时思路虽然正确，可惜表述的不够清晰 后来花了一些时间整理了下思路，那么如何实现给所有的async函数添加try/catch呢？

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

做了一夜动画，让大家十分钟搞懂Webpack 一、什么是webpack webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。 二、原理分析 首先我们通过一个制作一个打包文件的原型。 假设有两

开篇 本次优化主要做的是 Webpack 打包资源体积大小的优化，目的是为了解决单页面应用首页加载白屏时间过长问题。 下面会根据分析优化的步骤一一记录分享。 分析 package.json 依赖 清除

目前 TypeScript 的编译有两种方式。一种是使用 TypeScript 自家的编译器 typescript 编译（我们后面会用统一称为 TS 编译器），一种就是使用 Babel + @babel/preset-typescript 编译。所以，当我们使用 TypeScr…

pnpm是一款当代备受关注的 新兴(问题较多) 包管理工具，使用过的同学们都会被它极快的安装速度、极少的磁盘存储空间所吸引！感兴趣的小伙伴赶紧点击学习吧。