菠萝的蜜

本文详解了在 Web Worker 中高效传输大于 10MB 的数据的最佳实践，重点介绍了 Transferable Objects（如 ArrayBuffer）的使用方式...

在日常的大前端需求开发中，我们常常需要同时兼顾UI还原和业务逻辑两部分工作。UI方面，就是要尽可能细致地还原设计稿上的每个细节；业务逻辑方面，则往往和需求复杂度以及项目代码...

还在手动从设计稿提取样式、编写基础代码？试试 Trae IDE 的MCP 功能吧。通过使用 MCP Server - Figma AI Bridge，自动将你的 Figma...

本文介绍如何在 Cursor 中搭建 MCP 服务，利用 AI 将 Figma 设计转为代码。通过 Figma-Context-MCP 库和 Figma API，开发者可部...

朋友发给我一个开源项目 https://github.com/GLips/Figma-Context-MCP 是一个 Figma 的 MCP 服务。 MCP 是最近比较火的...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

这段时间我个人在学习和工作中使用 MCP 非常多，体验了各种场景，有些工具浮于表面，根本不实用，但是有些工具确实是真的让我感受到效率提升。所以今天这一期主要是跟大家来介绍一...

大家好，我是双越老师，也是 wangEditor 作者。 开始 从 2024 年春天到现在 2025 年初夏，好像遍地都是 AI 的各种新闻，前端圈里都有啥动向呢？好像没有...

纯本地Office编辑革命：基于OnlyOffice+WASM的全链路前端解决方案 前言：突破浏览器编辑的最后边界 为什么需要纯本地方案？ ​​医疗场景​​：某三甲医院的电...

我们在安装 node-sass 的时候总是会因为各种原因不成功，今天我就一口气把这些可能导致失败的坑汇总一下，以免以后再被坑。 如果找不到对应的binding.node包，...

结合 antd 的 Design Token， 我们可以实现一套方便自由统一的主题切换系统，同时利用 antd 暴露的 css 变量来让主题切换和配置锦上添花...

🌱 搭建 Vue3 项目：一篇文章带你掌握实战演练 🏗️ 创建项目脚手架 使用 vite 快速构建 Vue 项目...

一套使用 Vue3, CSS Houdini 打造像素风组件库，复刻 NES 风格 UI，支持像素字体、动画精灵、动态渲染，欢迎点赞收藏！...

概述 常见查询语法 defaults 按市场占有率 按最后版本 dead 按浏览器版本 supports es6-module 组合查询 caniuse-lite 与 ca...

本篇文章主要讲解如何配置 Vite 如官网所说，Vite 是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成： 一个开发服务器和一套构建指令...

antd 在 v5 中通过 CSSinJS 的技术带来了无与伦比的主题自定义能力，这也是我们所认为的未来方向。这一篇将会正式和大家介绍在业务应用中，结合 antd 的 CS...

本文将介绍antd5的自研cssinjs的架构的核心原理，5分钟，深入组件库源码，理解并学习其思想，你甚至可以自己手写一个。...

最近简单的「羊了个羊」小游戏火到出圈，据说狂赚几百几千万。这么弱智的玩意，即便是前端，我上我也行！!...

热门开源项目清一色的抛弃了Pascalcase文件命名？Kebab烤肉串文件命名风格成为主流。看完本文答应我，All in Kebab好吗？...

💡 为什么需要限制并发连接？ 首先，我们需要明白一个残酷的现实：服务器资源是有限的！就像一个小餐厅一样，如果同时涌入太多客人，服务质量必然下降，甚至可能导致混乱。对于We...