console_man

Scope Hoisting 把“模块隔离”这一历史包袱转化为性能红利，体现了现代打包工具向静态分析与编译时优化演进的趋势。理解其原理与限制，有助于在大型项目中制定更合理的...

本文解析 React 中 map 的 key 的核心作用，说明为何不能用 index 作 key（易致状态错乱、性能问题），强调用唯一 id 的正确做法，助你吃透面试考点。...

记录一些自己从毕业到润澳的历程，基本都是碎碎念 从大学的故事，到毕业以后的经历 到澳洲找工作的经历，和国内工作环境的区别...

1. 早上不要开会 📅 2. 不要使用番茄钟 🍅 3. 休息时间不要玩手机 📱 4. 不要在工位上吃午饭 🥣 5. 睡午觉 😴 6. 下午上班前运动一下 🚴 7...

Promise解决并发请求 引言： 美团二面的场景题，当时没做出来，现在来好好解决一下这个问题。 场景： 现在提供10个id和请求函数（请求返回promise对象），现在要...

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 ...

前言 最近一直在看 webpack 相关的知识，无论是相关的打包流程，还是一些更深层次的原理，都想以我的角度，一种更为浓缩的方式分享给大家，思来想去，手写 webpack ...

两周前接到了国际化前端项目的需求。 > 为方便行文，假设我们只需要中英两个版本。 ## 手动替换 起初，我觉得很简单：把所有文本全换成变量，根据配置读取就行了嘛。 幸好产品...

不要忽略你的 Warning，可能会带来意外的 bug。本文介绍的是重复的 React.Key 带来的多余数据，当数据中有重复时，在新的一次渲染中会保留上一次的重复数据(只...

简单介绍React18并发模式已经在并发模式下的tearing问题。同时介绍了使用useSyncExternalStore来解决tearing问题...

大力智能前端基础架构团队在为业务项目优化编译速度的过程中，对基于 webpack 的编译过程进行了研究。本文对此进行展开在源码层面讲解 webpack 的编译原理。...

前言 本文将探究 CommonJs、ES Module两种规范的区别，并从打包后的代码对 webpack 是如何处理两种模块化方式做出解析。...

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又...

在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀...

从 2019 年，云原生技术开始大规模普及，以“云”为核心的软件研发思想，正逐步成为所有开发者的默认选项，像 Kubernetes 等云原生技术正在成为技术人员的必修课。这...

首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。 这里面我们重点关注 module和plugins属性，因为今天的重点是编写loader和plu...