小菜菜程序员

最近完成了自己的第一款产品，一个基于 next.js 开发的 web app。项目中用到了一些非常好用的三方库，在这里做一个盘点，或许你的下一个项目也可以用到。 shadc...

介绍 从0开始开发一个基于shadcn和tailwindcss v4.1的主题切换功能。 查看效果：页面预览 如何刚好是你想要的再读不迟 ～ 几个作用。现在很多项目都有主题...

下面我将详细介绍下在本次研发过程中，基于音视频相关底层原理的探索和通用化组件设计过程中遇到的一些问题探讨...

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

从 58MB 到 2.6MB：React 官网性能优化实战全记录 📖 目录 引言：一个触目惊心的发现 第一步：性能诊断 第二步：图片优化 - PNG 转 WebP 第三步...

我们前端，可能是公司里最卷的岗位之一。天天加班加点，追最新的技术栈，像素级还原设计稿，为了那100毫秒的性能提升死磕到底。 但不知道你有没有过类似的感受：尽管我们做了这么多...

今年大部分时间都是在编码上和写文章上，但是也不知道自己都学到了啥，那就写篇文章来盘点一下目前的技术栈吧，也作为下一年的参考目标，方便知道每一年都学了些啥。 我的技术栈 首先...

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

MCP 火了这么久，聊聊我在日常前端开发中真正用到的一些实用 MCP。 这些都是经过实践筛选、能直接提升开发效率的工具，希望能对大家有所启发。...

如何借助 AI 高效完成插件的全流程开发，从需求分析、技术选型到代码实现与文档生成。通过 Cursor、Trae 等 AI IDE 的辅助，实现自动代理切换插件的快速落地...

平时我们进行业务开发可能不会遇到这种状况。 但是如果你要封装组件，这个问题就会经常遇到。如果你是中高级开发， 面试官问到你不懂就糟糕喽...

大家好，我是双越老师。前几天我的【划水AI】项目升级 React19 和 Nextjs15遇到一些兼容性问题，本文来探讨一下新项目使用 React19 和 Nextjs15...

在当今快速发展的Web开发领域中，无论是面试还是与同行交流时，“高大上”的技术术语层出不穷。还记得我第一次了解到前端埋点监控是在一家知名大厂的面试过程中。当面试官问及如何实...

从业务中抽离独立 npm 包，讲述如何设计组件通信方案、数据管理、目录规范方案，优化包的性能，使用 Vite 工具打包发布npm管理...

Vite 以原生 ESM 方式提供源码，使用 esbuild 预构建依赖，将启动速度提高了10-100倍，用 Rollup 打包代码（不排除未来使用 esbuild 打包代...

前言 前一章我们把项目都搭建好了，接下来我们来讲一下库文件的打包问题 库文件打包 我们要打包就要考虑如何兼容多种模块规范 第一，需要考虑的是需要支持哪些模块规范。 目前常见...

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

大家好，我是风骨，在前端领域能让我们深入探究的方向有很多，比如今天的主题：前端监控。 在大型项目中，前端监控 是不可或缺的一部分。它的优势可以体现在以下场景： 稳定性：尽早...

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮...

你给一家在线教育平台做「课程视频批量上传」功能。 需求听起来很朴素：讲师后台一次性拖 20 个 4K 视频，浏览器要稳、要快、要能断网续传。 你第一版直接 <input t...