由于项目的需求，需要过滤掉内网IP地址。首先我们需要知道内网网段范围（内网保留地址），然后根据其规则，使用正则表达式针对性去匹配。

一、重构背景与目标1. 业务场景官网宣传页、商城、资讯等核心模块需重构，此类场景对SEO、首屏加载速度要求较高。 2. 技术栈对比 阶段 技术框架 核心痛点 旧版 Express + Ejs 开发效率低、前端交互体验差 重构后 Vue + Nuxt.js / Vue + Quasar 兼顾SSR、开发效率、跨端能力 3. 核心重构目标 保留并强化SEO能力（核心诉求）；

这两天遇到巨坑的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 是浏览器与服务器之间基于