【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

HTTP 可以对传输的内容进行压缩，减少网络实际传输数据的大小。服务器会将资源进行压缩后传输到客户端，浏览器收到文件后进行解析。对于纯文本文件可以压缩到之前大小的30%-40%，大大提高了传输效率。

一、Observable 是什么 Observable 翻译过来我们可以理解成可观察的 我们先来看一下其在Vue中的定义 返回的对象可以直接用于渲染函数和计算属性内，并且会在发生变更时触发相应的更新。

keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们

前言 作为一名合格的前(摸鱼)工程师，日常工作开发中或多或少都要和npm包打交道。之前工作中就有过发布npm包的经历，但那时年少无知，只知道无脑通过npm publish发包，也没有打 tag、版本、

在 JavaScript 中，对象是很方便的。它们允许我们轻松地将多个数据块组合在一起。 在ES6之后，又出了一个新的语言补充-- Map。在很多方面，它看起来像是一个功能更强的对象，但接口却有些笨拙

前言 1. 早期异步代码困境 众所周知，js是单线程的，耗时操作都是交给浏览器来处理，等时间到了从队列中取出执行，设计到事件循环的概念，笔者也分享过，可以看以下，理解了可以更好的理解promise。

什么是 React 的替代品呢？ 就是在语法和操作上都类似于 React 的框架或库，但它们可能具有 React 没有的某些功能。