一、第三方库打包变量冲突问题 页面体现 业务页面无渲染 问题定位 使用第三方地图库时，打包后出现Identifier 'e' has already been declared错误。经分析，该库中的部

--- highlight: a11y-dark theme: smartblue --- ## 前言 有一天老板突然要求：**前端要在全局层面防止接口被重复请求**。 原因很简单——有些用户点

我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 分提升到 99 分的过程。

还在当一线开发的时候，我最怕半夜接到电话，说：线上出问题了！！！。 那时候我们对线上环境几乎是两眼一抹黑。一个功能发布后，它在线上跑得快不快、有没有报错、用户到底喜不喜欢用，我们一概不知。出了问题，只

前言 在现代 Web 应用中，页面性能直接影响用户体验和业务发展。我们近期对列表页进行了一次全面的性能优化，旨在提升用户访问效率，提升用户满意度。 接下来，将为大家详细分享这次优化的过程、方法和成果。

在前端开发中，我们通常会使用打包工具（如 Vite、Webpack）将 JS/CSS 等资源构建上线，并配合 CDN、浏览器缓存来加速访问。但问题也随之而来： 原因很简单：用户浏览器缓存了旧的静态资源

构建工具深度优化——从机械配置到智能工程革命 当Webpack配置项突破2000行、Node进程内存耗尽告警时，传统构建优化已触及工具链的物理极限：Babel转译耗时占比超60%、跨项目模块复用催生冗

canvas 优化细节 白板方案，大部分同学第一反应，那肯定是 canvas 啊，没错，但是，可以很直接地告诉大家，canvas 方案在大 家平常小数据量的可视化场景，没太

本文记录了首屏加载优化过程，通过rollup-plugin-visualizer分析资源请求，使用unplugin-vue-components按需加载，并采用rollup分包策略来异步加载资源包。