基于 pnpm workspace 解析 Monorepo 的工作空间内模块之间的相互关系，搞懂 import xx from 工作空间的模块导入机制、代码运行原理，摘掉 Monorepo 的神秘面罩

在研究 HMR 的过程中，通过 Chrome 的开发者工具，我知道浏览器是通过 websocket 和 webpack-dev-server 进行通信的，但是我在 websocket 中并没有发现任何代码块。那么新的代码块是怎么跑到浏览器的呢？这个 websocket 又有什么…

Webpack 的懒加载通过动态 import() 语法实现按需加载模块。它将代码分割成多个独立的 chunk，只有在需要时才加载相应的模块，从而减少初始加载的代码量。通过 SplitChunksPl

Vue3 中二次封装组件要解决的问题：props 如何穿透出去？slots 如何穿透出去 ？组件的方法如何暴露出去 ？如何让 typescript 类型完备 ？

前情提要：我是如何变成 Tailwind 重度用户的 作为一个多年写 CSS 的前端，我曾经深陷“命名地狱”： 什么 .container-title, .btn-primary, .form-ite

干了8年前端，有时候回头看，感觉就像看了一部浓缩的科技史。我刚入行那会儿，简历上写“精通jQuery”还是个很重要的加分项；而现在，面试时聊的都是React Hooks、Vue Composition

来到新公司，接触 react以来，有因为对 react 机制理解不清而造成 过线上问题 因此，我洗心革面，买了本react书，希望能在100天内的时间里，从被 react 拿捏到掌握主动权 也在这个地

起因：一句话的“需求” 一天，产品在设计稿下方评论说： 我本来以为就是加个 transition，小事一桩。 上线后产品说：“嗯，这个感觉不错耶，那我们把所有按钮 hover 都做成统一的吧。” 我知

如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊