这两天遇到巨坑的BUG，不过总算找到问题所在。特此记录，以免再坑。

一、前言前端作为直面用户的一层，即使经过多轮测试，仍可能存在隐蔽 Bug（如环境差异、用户特殊操作触发）。完善的异常捕获与上报机制能快速定位问题、减少损失，是前端质量保障的核心环节。 目前主流的异常监控方案分为两类：第三方托管工具（如阿里云 ARMS、Sentry 云服务）和 自建工具（如基于 Sentry 开源版本部署）。本文将结合核心捕获原理，详解两类工具的实战落地流程。 二、前端异常捕获核心

搭建步骤创建vite-vue项目模板123456789101112# https://github.com/vitejs/vite/tree/main/packages/create-appnpm init @vitejs/app m-vvv3 --template vue-ts# 成功后提示：npx: 5 安装成功，用时 4.119 秒Scaffolding project in C:\*\m-

CI/CD 核心概念与 Jenkins 自动化部署全流程系统了解 CI/CD 的核心概念，以及基于 Jenkins 实现自动化部署的完整流程。本文将从「CI/CD 本质定义 → Jenkins 环境搭建 → 自动化部署实战 → 流水线优化」四个维度，结合实战示例（前端/后端项目），帮你掌握 Jenkins 自动化部署的核心逻辑，适合新手快速落地。 一、CI&

实践前端自动化测试的核心目标是保障代码质量、降低迭代风险、提升开发效率，其完整流程需覆盖「前期准备→工具选型→用例编写→测试执行→覆盖率分析→持续集成→维护优化」，以下结合实战场景详细拆解： 一、前期准备：明确目标与范围1. 确定测试目标 核心诉求：是保障公共组件稳定性、避免回归BUG，还是支撑中长期项目重构？ 质量阈值：设定测试覆盖率标准（如语句覆盖率≥60%、分支覆盖率≥60%），避免过度测试

HTTP Content-Type 完全解析：定义、语法与常见 MIME 类型实战关于 HTTP 头部 Content-Type 的核心内容，本文将从定义本质、语法规则、常见 MIME 类型（含使用场景/代码示例）、关键注意事项四个维度，系统梳理 Content-Type 的使用方法，帮你精准掌握不同场景下的类型选型。 一、Content-Type 核心定义Content-Type（实体

最近常接到文件上传和下载的需求，需要频繁处理二级制数据，本文将记录Javascript二进制数据处理的相关知识点，已备后期查阅。

HTTP Cache 与 PWA 的核心区别与关联解析你希望厘清 HTTP Cache（HTTP 缓存）和 PWA（渐进式网页应用）的核心区别，同时理解两者的关联与实际应用场景。本文将从「定义本质、核心差异、关联关系、使用场景」四个维度系统解析，帮你明确两者的定位和适用场景。 一、核心定义：先搞懂“是什么”1. HTTP Cache（HTTP 缓存）HTTP Cache 是浏览器与服务器之间基于

Puppeteer是一个Node库，它提供了高级API来通过DevTools协议控制Chrome或Chromium 。Puppeteer默认情况下无头运行，但可以配置为运行完整（无头）的Chrome或Chromium。

移动官网使用quasar的ssr打包有诗云桌面客户端使用quasar的electron打包 Quasar 框架全解析：一站式 Vue 跨平台开发解决方案全面了解 Quasar 框架，本文将从核心定位、核心优势、环境搭建、核心概念、多平台打包、高级特性、使用场景及优缺点等维度，系统讲解 Quasar 框架的使用与价值，帮助你掌握这一基于 Vue.js 的跨平台开发利器。 一、Quasar 核心定位Q