木子哩啊哩

又是一年金九银十，虽然市场一般，如何才能抓住来之不易的机会呢？自然是砥砺自身能力，完善知识体系。 挖下深坑擒虎豹，挂上长线钓金鳌。 本文基于笔者的个人面试经历 + 线上他人...

见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ----------超长文+多图预警，需要花费不少时间。---------- 如果看完本文后，还对进程线...

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

一、path 路径处理 1. join: 将多个路径拼接成一个相对路径 (或绝对路径，取决于第一个路径是否为根路径) 2. resolve: 将多个路径拼接成一个绝对路径，...

一、__filename 和 __dirname __filename: 当前正在执行的脚本文件的绝对路径 __dirname: 当前正在执行脚本所在目录的绝对路径 esm...

我们从终端命令的执行流程开始了解 npm run 的执行原理，接着在了解 npm install 的执行过程引出幽灵依赖的问题，通过对幽灵依赖的了解，我们更清楚地了解了 n...

对原先公共组件库的一个优化，对原先的研发流程做了梳理，增加了一些规范，提高组件的使用和阅读性，为后续整个组件库的使用做了一些实践经验...

在软件开发的过程中，版本控制和变更日志的维护是至关重要的。它们不仅帮助开发者追踪项目的演变历程，也为用户和其他开发者提供了清晰的更新说明。为了实现这一目标，Conventi...

在现如今，热更新早已成为前端基建中不可或缺的一环，它可以在不刷新整个页面的情况下更新页面中的部分内容，从而提高开发效率，优化开发体验。然而，在实际面试的过程中，笔者发现 8...

前端发展到了今天，web应用越来越复杂和庞大，前端技术迅猛发展，各路大神各显神通，多种优秀的前端框架、新语言和其他相关技术(如下图所示)不断涌现，这些都极大地提高了我们的开...

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家...

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助...

一 前言 今天我们来深度分析一下 Commonjs 和 Es Module，希望通过本文的学习，能够让大家彻底明白 Commonjs 和 Es Module 原理，能够一次...

今年国庆回家，最大的感受就是大家普遍都比较悲观，不管体制内还是体制外。体制外的说生意不好做，体制内的说公司开始实行末尾淘汰制...... 一位老友说的话让我印象深刻，说感觉...

说到沙箱，我们的脑海中可能会条件反射地联想到上面这个画面并瞬间变得兴致满满，不过很可惜本文并不涉及“我的世界”（老封面党了），下文将逐步介绍“浏览器世界”的沙箱。 什么是沙...

大家最近是不是经常听到 pnpm，我也一样。今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。 那具体好在哪里呢？ 我们一起来看一下。 我们按照...