子木酱

📋 目录 什么是 pnpm 和 Monorepo？ 为什么选择 pnpm + Monorepo？ 项目架构设计 从零搭建 Monorepo 项目 工程化配置最佳实践 依赖...

什么是开闭原则 (OCP)？ 开闭原则，听起来很高大上，其实说人话就是八个字： 对扩展开放，对修改关闭。 对扩展开放 (Open for extension) ：当有新需求...

小红书采集神器 这个叫 Spider_XHS 的小红书爬虫神器，已经在 GitHub 上获得 3000 多 Star 了。 它不仅是一个爬虫工具，更是一套小红书全域运营的解...

主体流程图 初始化子应用 通过fetch + url 获取子应用的html 处理html文本，获取css 和js的资源地址 通过fetch获取子应用的静态资源 将处理过的h...

先说结论： 在绝大部分的业务前端开发中，写单元测试的收益非常小，但是带来的维护成本却非常大，请不要再写单元测试感动自己，为难同事了。 现在很多单元测试的教程都是那种很简单的...

不是说因为我们写得多牛，而是我们从第一天就立了 5 个基本工程约束，这些规则不是高深技术，而是**工程底线**。坚持这几个点，不一定能写出完美代码，但至少能避免那种“越写越...

什么是模块联邦 在前端项目中，不同团队之间的业务模块可能有耦合，比如A团队的页面里有一个富文本模块（组件），而B团队 的页面恰好也需要使用这个富文本模块。 传统模式下，B团...

🎯 本文目标 读完这篇文章，你将了解： 主流 Monorepo 工具的对比分析 pnpm workspace 的核心优势 Turborepo 为什么这么快 如何根据项目规...

一、油猴插件是什么？为什么它值得学习？ 油猴（Tampermonkey）是用户脚本管理器，允许你为任何网站注入自定义JavaScript代码。根据调研数据，全球超过200万...

你有没有遇到过这样的开发日常： 你维护了三个 npm 包，但每次改个接口要 git clone 三遍，还要npm link 来回折腾； 提交代码的时候，发现你改了 A 仓库...

项目痛点 在管理大型前端项目时，我们面临以下挑战： 多个相关项目分散在不同仓库，依赖管理混乱 公共组件/工具重复开发，代码一致性难以保证 跨项目变更需要同时修改多个仓库...

🌟 Monorepo 终极指南：告别项目碎片化，拥抱高效开发！ 一、什么是 Monorepo？打破传统开发困局 1.1 传统多仓库(Multi-repo)的痛点 想象一下...

pnpm + monorepo: 高效的项目管理方式 前言 在进行多项目管理时，一般有两种方式，multirepo 和 monorepo 。 multirepo multi...

相信不少前端同学对 Chrome 扩展插件并不陌生：比如能屏蔽广告的 Adblock、自定义标签页的 Infinity 新标签页、格式化 JSON 的开发小工具、截图工具，...

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公...

页面卡顿是用户在使用过程中经常遇到的一种情况，本文将深入探讨前端监控页面卡顿的有效方法与策略，包括帧率检测、心跳检测、长任务监听、性能监听等，力图为前端开发者提供一套全面且...

前端页面的稳定性在用户体验中扮演着较为重要的角色，本文主要介绍了“本地状态存储对比、Service Worker 心跳检测、Reporting API 上报”等 3 种前端...

油猴（Tampermonkey）是一款浏览器插件，允许用户在网页加载时注入自定义的 JavaScript 脚本，来增强、修改或自动化网页行为（你可以理解为轻量版谷歌扩展插件...

前端开发必须掌握的二进制神器Blob，轻松实现本地预览、零上传下载、内存流式处理，一文吃透原理、API、性能陷阱与最佳实践，让你的应用秒开不卡！...

WebRTC 凭借其无需安装插件、支持浏览器间直接通信的显著优势，已成为实现网页端视频通话的不二之选...