楼下的小黑

背景 lerna宣布停止维护 vue仓库大量从yarn迁移到pnpm Monorepos相比Polyrepo优势 Monorepos指多个项目放到一个git仓库，Polyrepo指多个项目对应多个gi

背景 2021年重写了一个代码量在50W行级别的项目，由于多人同时开发，且没有处理好公共模块分配，导致完成后产生了大量的无用文件和无用代码，很影响开发体验，笔者在业余事件探索了工程化这一行为的可能性

背景 公司项目刚好要重构，之前用的是webpack，重构使用vite，下面从开发体验和生产环境两方面说明我们的失败原因，我们的技术栈是vue2 + ssr 开发体验 首屏加载时间长 项目迭代了8年以上

重新打包后发现，我们使用的Promise已经引入，而且没使用到的API也没打包到里面，体积从400多KB降到了60KB，效果明显，usage按需打包根据源代码中出现的语言特性自动检测需要的 polyfill。这确保了最终包里 polyfill 数量的最小化。然而，这也意味着如果…

背景目前前端工程化很好，前端工程化在构建方面的核心毫无疑问是webpack，webpack工程师，是每个前端工程师都要有的头衔(狗头保命)，为了学习webpack，笔者看完了webpack中文网又查阅

事件捕获是一个常常被忽略的模型，但是所有的事件都会捕获，一定冒泡，而且在捕获阶段，我们可以在目标元素触发之前，对事件做一些优化等等，大家兼容的兼容性问题，我在can i use上查看过，并且已经在实际项目中使用，兼容这一块没有问题，放心使用，在冒泡使用不了的时候，别忘了捕获。

框架解决的核心是选择节点，操作节点这一过程的抽象，将其隐藏在框架实现之内，我们只需要关注数据和节点的对于关系即可，其余技术是在这个大背景下的优化。 数据驱动方案决定了其性能以及后续性能与优化方向，数据驱动是前端的一大潮流，已经成为了框架必备特性了，因为从前面的讨论得知，操作节点…

原先的代码，会导致绑定和事件在每个DOM节点上重复，其实，程序只需要知道本次点击的是谁，不需要关注绑定事件的是谁，这个时候，我们的事件委托就上场了。

\b 是单词边界，具体就是 \w 与 \W 之间的位置，也包括 \w 与 ^ 之间的位置，和 \w 与 $ 之间的位置。 比如把 "12345678"，变成 "12,345,678"。 子模式任选其一 属于惰性匹配具体形式如下：(p1|p2|p3)，其中 p1、p2 和 p3 …