菠萝的蜜

前言 最近参与新的项目了，发现项目居然使用了 @tanstack/react-query，以前之后简单介绍过，今天再来详细上手使用下！ 往期精彩推荐 Node.js v24...

今天中午去饭堂吃饭的路上，我照例刷着技术圈的新闻，手指划着划着突然就停住了。一条消息炸了出来：“Wasm 3.0 标准发布”。 发布日期：2025年9月17日。 我心里默念...

本人在生产项目中使用 UnoCSS 已经快两年了。前段时间在公司无脑整理了培训文档和我常用的一些小技巧，现在将排除项目内部代码之外的内容分享出来。...

实现的效果: 核心设计原则 四个要点：Web安全、高可用、易拓展和性能 站得高才飞得远，怎么在众多markdown渲染库和清理恶意 HTML的库中技术选型呢？ 清理恶意 H...

遇到的问题 在网页开发的过程中经常有一个难题，就是如何审查具有交互的元素，比如下图这个菜单，我们想修改或者 debug 下拉菜单的样式就非常困难，因为一旦鼠标移动出菜单的范...

前言 来到字节快一年了，最初的我满怀憧憬，以为大厂的代码一定是高深莫测、充满黑科技的艺术品。然而，深入项目后才发现，这里的代码并没有想象中那么“高大上”，反而透着一股朴实无...

5 秒白屏？1.2 秒加载？Vite 项目性能优化实战！从代码分割、图片懒加载到骨架屏、预渲染，7 步让前端性能飞跃，附可复用代码片段，直接抄作业！...

tooltip是一个非常常见的交互，一般用于补充文案说明。比如下面这种（蓝色边框表示屏幕边缘） 通常tooltip都会有一个固定的方向，比如top表示垂直居中向上。 但是，...

时隔两月，“鸽子王”何贤携硬核整活项目 《CubeCity》 强势回归！这是一个基于 Three.js + Vue 实现的 3D 方块风格城市建造游戏，拥有完整的建造、选择...

很明显此时远程分支有新的 commit 未同步到本地，无法推送。正常情况下我们会执行以下操作： 你会发现多出了一条 merge commit，这个 commit 就是在执行...

话不多说，先看效果图：炫酷吗？你想实现这种动态视频作为背景的首页吗？来，一起来学习，本文将带你一起实现H5动态视频背景；首先网上找一段清晰的视频下载下来，最好是MP4格式的...

写给小公司前端的 UI 规范 大部分小公司前端开发是不是都会有个困扰，一天到晚做的都是后台管理系统，而且百分之 80 都是表格的增删改查，导致领导觉得前端简单的很，所以连个...

经过一上午反复打磨，我完成了基于Axios的HTTP客户端封装。它实现统一错误处理、请求取消、自动重试等功能，支持TypeScript与多实例管理，解决了诸多开发痛点。...

项目是使用 react + ant-design + taiwindcss 搭建。记录一下使用过程中的一些问题。 taiwindcss 无法覆盖了 ant-design 默...

作为满帮集团微前端的发起和推动落地人来分享一下整个过程，希望通过这次的分享，让大家更贴合实际的感受在前方没有参考目标或者参考目标不适合我们时，如何找到最适合我们自己的路...

最近在网上看到 Tailwind Labs的实现的[换肤视频]，决定使用 Tailwind css 实现博客列表主题换肤。...

写这一篇文章是因为前两天有一个掘友私信问了我一个问题：next.js 13 怎么支持 less 呢？ 问题最后解决了，但也没有完全解决。想把这个经验记录下来，然后分享给大家...

因为项目目前统一用的node 16.15.0 已经逐渐废弃所以需要升级系统依赖nextjs 12.3.4 →  15.0.3, antd v4.23.5 → v5.22.1...

前言 最近在重构 Open-Job 的前端项目，打算使用 Nextjs + Antd 实现，这样做的好处就是容易升级，而且也不用管路由什么的，废话不多说，我们直接进入主题。...

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是...