前端菜菜籽

Vue 3 项目文件夹和文件命名最佳实践 在开发 Vue 3 项目时，良好的文件夹和文件命名规范对于项目的可维护性、可读性和团队协作至关重要。...

StoreToRefs 是专门用来把 Pinia store 解构成「仍然有响应性 + 完整 TS 提示」的 refs 工具。...

你的 AI 回复总是莫名“少字漏句”？别再怪网络不稳定了！真相是：你手写的 fetch 解析逻辑，正在把完整的语义“切碎”。TCP 不丢包，但你的代码会！...

最近我身边很多程序员朋友开始从 Claude Code 转向了另一个工具，正是突然大火的开源项目 OpenCode。...

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

你是否一直对前端错误监控系统的底层原理充满好奇？别做工具人了，从原理到落地，手把手带你实现一个轻量级前端错误监控SDK......

> 作者：简可 理解Fiber，就是理解现代React的灵魂。本文本文主要探索2个问题： 1. 为什么页面看起来会卡顿？ 2. Fiber是怎么解决卡顿的？ ## 一、为什...

今天推荐一个专为Vue 3设计的轻量方案——vfit，通过“全局缩放管理+组件化定位”的思路，让适配工作变得简单可控。...

组件注册方法核心思路拆解——amis项目还是挺庞大的，很多细节若深究下去蛮烧脑，仅研究了主流程为了观摩设计思路...

其实在很早之前，我就有分享过 TresJS 这个库。 但当时的它功能相对单一，支持面也有限，很多想法只能**“浅尝辄止”**，因此关注的人并不算多。 然而，就在前几天，Tr...

本期文章从架构（微前端、路由模式）到工程（Vite、TanStack、Nuxt UI）、再到安全（npm 供应链）和可访问性，形成了比较完整的技术闭环。建议：团队可以优先把...

Chrome 插件 一、什么是 Chrome 浏览器插件？ Chrome 浏览器插件可通过自定义界面、观察浏览器事件和修改网络来提升浏览体验。 二、Chrome 浏览器插件...

作为一个对状态机痴迷的开发者，我常常会被一些文章点燃灵感，比如那篇《用 HTML 复选框和 CSS 打造完整状态机》。 纯 CSS 驱动的状态机展现出的力量让我十分着迷，我...

本项目提供了一个Vite的多页面配置案例 可以在已有项目中快速扩展或拆分路由将应用变更为多页面应用。...