此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循

在Vue3+TypeScript开发中，写“能跑的代码”很容易，但写“优雅、可维护、可扩展”的代码却需要思考。设计模式不是银弹，但合理运用能帮我们解决重复出现的问题，让代码结构更清晰、逻辑更健壮。 本

你是不是也遇到过这样的场景？新功能上线前一切正常，刚发布就接到用户反馈说页面白屏了。排查半天发现，原来是因为某个组件在特定条件下没有正确处理数据。 更让人头疼的是，每次修改代码都提心吊胆，生怕一不小心

通过Vue3的hook来封装水印函数，实现可配置、防止篡改删除、全局和局部的功能（MutationObserver、ResizeObserver）

工具函数库介绍 前端工具函数库的构建在现代前端开发中变得越来越重要。这些函数库不仅能够显著提高开发效率，还能减少重复代码的编写，从而降低维护成本。 本文章将基于我的开源项目 flypeng-tool

什么是Vitest？ 自从 尤大 的构建工具Vite获得了巨大的人气，现在有了一个由它驱动的极快的单元测试框架。Vitest。 Vitest 与 Jest 兼容，具有开箱即用的 ESM、Typescr

本文通过 Rush 基本的发包操作入手，介绍了在实际开发过程中会遇到的一些问题并给出了整体落地的方案，同时基于「按需」的思路优化线上发布速度。

rush 是巨硬团队出品的提供一个仓库下维护多个项目的构建和发布方案， 更多信息请参考官网。 虽然目前官网只有英文文档，大家不要担心，这里在给大家推荐一个好用的翻译工具deepl，该工具基于深度学习开

拖拽中 介绍 子组件使用css tranisition实现动画效果，使用touchstart、touchmove、touchend实现拖拽事件。 *注意：该组件需要仅是上下拖拽，并且需要给出每个ite