在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

前言 前几天推荐的 react-dev-inspector 可以说是深受大家喜爱，但是它的配置比较繁琐，需要三个部分：babel midware idea的配置比较繁琐！ 今天推荐一个只需要一步配置就

npm 缺点 npm 的依赖扁平化机制 在 npm v3 及以后版本中，当我们执行npm install安装依赖包时，npm 会采用依赖扁平化策略。以安装axios为例，npm 不仅会安装axios本

需求 先来看这样一个场景，拿一个网站举例 这里有一个常见的网站 banner 图容器，大小为为1910*560，看起来背景图完美的充满了宽度，但是图片原始大小时，却是： 它的宽度只有 1440，且 b

PS：此文章只谈自己对开发过程中的思考，不谈计算问题。 不知道你们有没有遇到过这种情况：在开发网站时有时候需要向用户展示二维码，但是市面上的二维码插件一般都是JS调用，需要自己对他初始化。有时候在业务

`create-lint`，它能帮助你一键配置所有这些代码规范工具，让你的项目快速具备完整的代码规范体系。

开发中我们需要使用到各种工具，这篇文章整理了我工作五年以来经常使用的开发工具。涉及到从设计、开发、测试、上线的的整流程。

一、什么是 AI 提示词？ AI 提示词（Prompt）  是用户与人工智能模型（如 ChatGPT、豆包、DeepSeek、文心一言等）交互时输入的指令、描述或问题，用于引导 AI 模型生成符合预期

都 2025 了，你的前端项目还是手动打包上传部署的吗？手动嫌麻烦，流水线不想搞，那就直接写个一键部署脚本吧，这里以 vue 项目为例，简单来实现一个一键部署脚本。