所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

这是我在字节用到最硬核的技术，在文章的最开始，请先思考哪种方式执行js的速度更快，是内联脚本还是外联脚本？是将js合并成一个文件还是拆成多个文件？解答这两个问题，先了解js的执行机制：JIT即时编译。

大家好，我是「萌萌哒草头将军」，也可以关注我的公众号「萌萌哒草头将军」 今天介绍几个React几个不常用，但是可以四两拨千斤的hooks useSyncExternalStore 监听外部数据变化 u

此文为万字长文详解从零搭建企业级 vue3 + vite2+ ts4 框架全过程衍生篇之一，虽然隔得有些久了，但我还是会坚持把它更完，敬请期待~ 什么是抽象？ 抽象是从众多的具体事物中，抽取共同的、本

项目升级 Vite3.x 后，首次进入页面，页面的首屏时间非常的长，且一定会刷新整个页面。修复前的页面首屏时间为 1m06s，修复后为 45s，性能提升了 25%

最近在开发过程中遇到了需要diff文件内容或者大json的业务场景，发现了一个比较好用且经典的js库diff。这个库功能十分强大，不仅能够简洁地输出字符串结果，也能够输出规范化的数据结构方便二次开发。这里笔者针对这个库的文档进行翻译和简单的讲解，同时也会展示自己的测试demo。…

通过上一篇文章，我们对乔巴乐高海报平台的整体架构有了初步的了解。今天我们深入到编辑器部分，对其中的难点和实现细节进行分析。 这是目前生产的编辑器页面： 对应的原型图： 不难看出和市面上大部分低代码平台

TypeScript 已经成为前端编程语言的事实标准。但我从大量的 Code Review 和面试经历中发现，真正能深入使用 TypeScript 的开发其实并不多。如果你不知道 ReturnType

有些时候，我们希望掌握从已经存在的值或者类型中提取或派生出新的类型的技巧，这就是我们今天要来了解的Type Manipulation 类型操纵。相信我，掌握这些技巧后，你也能被各种类型玩出百般花样。