前端工程化 - 随笔分类 - 三生万物-2026

转发：Flutter 设计模式和最佳实践（全）

摘要：Preface Messaging friends, booking airplane tickets, ordering a grocery delivery, checking bank accounts, buying metro tickets... this is just a short 阅读全文

posted @ 2026-01-30 23:53 三生万物-2026 阅读(7) 评论(0) 推荐(0)

转发：Vue3 设计模式与最佳实践（全）

摘要：前言 Vue 3 是“进阶框架”的最新和最强大的迭代版本，用于创建反应性和响应式的用户界面。该框架本身引入了新的概念和设计模式的方法，这在其他库和框架中可能不太常见。通过学习框架的基础知识，理解软件工程中的设计原则和模式，这本书帮助你识别每种方法的权衡，并构建稳固的应用程序。它从基本概念开始，然后阅读全文

posted @ 2026-01-30 22:22 三生万物-2026 阅读(20) 评论(0) 推荐(0)

转发：React18 设计模式和最佳实践（全）

摘要：前言 React是一个革命性的开源 JavaScript 库，通过构建由称为组件的小型、隔离的块组成的复杂用户界面，为 Web 应用程序注入活力。本书作为一份路线图，引导您领略 React 的奇妙之处，通过引入一个高效的工作流程来提高您的生产力，同时不牺牲质量。我们的旅程从深入 React 的核心阅读全文

posted @ 2026-01-30 22:19 三生万物-2026 阅读(5) 评论(0) 推荐(0)

转发：Angular 设计模式和最佳实践（全）

摘要：前言自 2009 年以来，Angular 框架一直在帮助开发团队，它拥有强大的结构，几乎包含了构建 Web 应用程序所需的一切。Angular 以其“包含电池”的哲学，提供了状态管理、路由管理和依赖注入等机制，以及其他工具，以帮助您为用户提供最令人难以置信的体验。本书旨在帮助您导航这个令人难以置阅读全文

posted @ 2026-01-30 22:06 三生万物-2026 阅读(12) 评论(0) 推荐(0)

转发：基于pnpm + lerna + typescript的最佳实践

摘要：Part1 Pnpm pnpm是一款当代受欢迎新兴(问题较多) 的包管理工具。为什么会出现pnpm？因为yarn的出现并没有满足作者的一些期待，反而有些失望。 After a few days, I realized that Yarn is just a small improvement o 阅读全文

posted @ 2022-12-09 15:42 三生万物-2026 阅读(414) 评论(0) 推荐(0)

转发：TypeScript Monorepo 最佳实践

摘要：当我们跨多个代码仓库管理多个项目之间的依赖关系时，既耗时又容易出错。monorepo 是一种处理上述问题的代码管理架构概念，它将多个项目的所有隔离代码库整合到一个大型存储库中，而不是单独管理它们。当与合适的工具一起使用时，Monorepos 很有优势。因此许多组织采用了在单个存储库中维护多个项目的策阅读全文

posted @ 2022-12-09 15:40 三生万物-2026 阅读(525) 评论(0) 推荐(0)

转发：前端组件化之Monorepo方案实战

摘要：前言在上一篇的前端组件化方案探究中，我们研究了什么是组件化以及我们为什么需要组件化。也调研和测试了一些开源项目，并且在使用、学习、研究、对比之后最终确定了以 pnpm + workspace + changeset 为技术方向的 monorepo 多包管理方案。本文主要是沿着该路线进行项目落地，阅读全文

posted @ 2022-12-09 15:37 三生万物-2026 阅读(1411) 评论(0) 推荐(0)

转发：前端组件化之方案探究

摘要：背景公司目前基于多业务部门，很多业务组件和功能逻辑都具有较高的普适性，但与此同时各业务部分和开发人员缺乏一定的交流平台，更多的是在遇到对应需求时会简单内部讨论一番，当了解到其他业务部分存在落地的方案时，再进一步进行沟通交流。这种方式，总体来说还是比较原始的，无论从沟通方式的效率来说，还是对于组件阅读全文

posted @ 2022-12-09 15:35 三生万物-2026 阅读(296) 评论(0) 推荐(0)

转发：基于Lerna打造多包管理最佳实践之道

摘要：最近在看vue-cli的源码部分，注意到这一个仓库下维护了多个package，很好奇他是如何在一个repo中管理这些package的。我们组现在也在使用组件库的方式维护项目间共用的业务代码。有两个组件库，存在依赖的关系，目前联调是通过npm link的方式，性能并不好，时常出现卡顿的问题。加上前一阅读全文

posted @ 2021-12-31 17:19 三生万物-2026 阅读(1476) 评论(0) 推荐(0)

转发：从0到1打造一款类似于lodash的前端工具库

摘要：马上2022年了，我们需要尝试打造自己的工具库😄 最终示例 @magic-zhu/helper这个是我们自己发布到npm的demo包然后在项目中使用 npm install @magic-zhu/helper const helper = require ('@magic-zhu/helper') 阅读全文

posted @ 2021-12-26 15:27 三生万物-2026 阅读(322) 评论(0) 推荐(0)

转发：基于webpack实现按需加载的前端组件库

摘要：在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。使用vue组件库的常见方式 1、通过script标签引入 <b 阅读全文

posted @ 2021-12-26 15:16 三生万物-2026 阅读(473) 评论(0) 推荐(0)

转发：基于rollup实现按需加载的前端组件库

摘要：rollup 是一个 JavaScript 模块打包器，在功能上要完成的事和webpack性质一样，就是将小块代码编译成大块复杂的代码，例如 library 或应用程序。在平时开发应用程序时，我们基本上选择用webpack，相比之下，rollup.js更多是用于library打包，我们熟悉的vue、阅读全文

posted @ 2021-12-26 15:15 三生万物-2026 阅读(1167) 评论(0) 推荐(0)

转发：基于rollup打造前端工具库的实践

摘要：老生常谈工具库，每个公司都应该需要一个工具库去处理一些公共重复的代码，比如公共函数，ajax，微信sdk，本地存储等等，目前构建工具大行其道，我觉得是时候摆脱复制粘贴的代码了，这里我对基于rollup构建工具库进行了一个总结（相比webpack更加配置简单，代码也清晰很多吧），更多是项目的组织，毕竟阅读全文

posted @ 2021-12-26 15:12 三生万物-2026 阅读(181) 评论(0) 推荐(0)

转发：基于lerna管理packages的Monorepo项目最佳实践

摘要：对于维护过多个package的同学来说，都会遇到一个选择题，这些package是放在一个仓库里维护还是放在多个仓库里单独维护，本文通过一个示例讲述了如何基于Lerna管理多个package，并和其它工具整合，打造高效、完美的工作流，最终形成一个最佳实践背景最近在工作中接触到一个项目，这个项目是维阅读全文

posted @ 2021-12-26 11:07 三生万物-2026 阅读(309) 评论(0) 推荐(0)

随笔分类 - 前端工程化