随意_

做前端这些年，我踩过最多的坑，可能就是状态管理了。 从最早的单页面应用，到后来的复杂后台系统，每当有人问我"你们用什么状态管理"，我都能讲出一部血泪史。今天想聊聊我们是怎么...

在 JavaScript 开发中，稀疏数组（Sparse Array）是一个极易被忽视但高频踩坑的知识点 —— 它看似是普通数组，却因 “索引空洞” 特性引发各种诡异的 T...

告别手工测量像素！通过Cursor + MCP技术直接读取Figma设计元数据，自动生成高质量前端代码，开发效率提升10倍。本文详细介绍配置方法、实战案例和进阶技巧。...

在大模型普及的当下，我们习惯了使用在线聊天机器人，但在线服务往往受网络、隐私、算力限制——比如敏感数据不敢上传、高峰期卡顿、需要依赖外网。作为前端开发者，即便本地部署大模型...

以下内容 仅供参考酌情使用，正好最近优化项目 顺便记录下 后续好翻阅 说起 Vite 和性能优化，网上大多都是讲概念，比如： 什么是分包 什么是懒加载 什么是 Tree S...

引言 claude-code 是一款强大的终端智能开发工具，能在 VS Code 中为我们提供实时的代码辅助、问题解答和逻辑优化能力。但官方默认对接 Anthropic 的...

在 React 开发中，样式管理一直是绕不开的核心问题 —— 全局 CSS 命名冲突、动态样式繁琐、样式与组件解耦难等痛点，长期困扰着前端开发者。而 styled-comp...

在日常开发中，很多开发者会同时使用多个 GitHub 账号（比如工作账号、个人账号），如果直接共用一套 SSH 密钥，会导致权限混乱、代码提交身份错误等问题。本文将从原理到...

背景 在AI Agent（智能代理）的运行逻辑中，Agent Skill（智能体技能）与Rules（规则）是两个基础且易混淆的核心概念。二者共同支撑AI工具完成指定任务，但...

背景 在 AI 赋能前端开发的浪潮中，Agent 已从“辅助聊天”升级为“可落地的开发助手”，而 Agent Skill（智能体技能）正是让 Agent 摆脱“只会说不会做...

在政企内网、涉密园区、封闭办公区等无法访问外网的场景中，基于高德、百度等商业地图 API 的 Web 地图方案往往无法落地 —— 这类 API 的 Key 校验、瓦片加载等...

在组件化开发中，插槽（Slot）是实现组件内容分发与灵活扩展的核心技术。Vue、Angular 等框架原生支持插槽语法，而 React 虽未提供内置的 <slot> 标签，...

静态属性 / 方法（static）和私有属性 / 方法（# 前缀）是 Class 语法中两个核心的封装特性，但设计目标、访问范围、使用场景完全不同。下面用「核心区别 + 场...

Class 是 ES6 引入的面向对象编程（OOP）语法糖，本质是对 JavaScript 原型链的封装，让代码结构更清晰、易维护，尤其适合组件封装、工具类开发、状态管理等...

在 Vue3 生态中，组合式 API（Composition API）的出现彻底改变了逻辑复用的方式，其中组合式函数（Composables）  作为核心载体，不仅能复用组...

在 React 开发中，状态管理是核心需求之一。从简单的组件内 state，到 Context API、Redux 等全局状态方案，开发者一直在根据场景选择合适的方案。而自...

在对接大模型问答的场景中，SSE（Server-Sent Events）是前端实现服务器单向推送的轻量方案。但在 React 项目中通过 Nginx 代理集成 SSE 时，...

背景 对于使用npm包，每个人都不陌生，但是如何发布，尤其是npm 组织包（Organization Packages有些同学不太清楚，正好朋友想找帮忙发布个他们常用uti...

前言 在前端开发中，事件是交互逻辑的核心载体。除了 click、scroll 等浏览器内置事件，我们还可以通过 CustomEvent 和 dispatchEvent 构建...