前端知识进阶

在前端开发中，事件处理是交互逻辑的核心。但你是否会遇到这样的困惑：绑定事件时明明用的是父元素，触发时却总获取到子元素的信息？或是想优化大量子元素的事件绑定，却不知从何下手？

跨域携带 Cookie 的钥匙始终握在浏览器手里： 第一次 GET 永远不带 Cookie，后端点头后，后续才带； 非简单请求需预检，真正业务请求第二次才带 Cookie。

从“全大图”到“响应式加载”：企业级前端图片优化全攻略（含Vue/React自动化方案） 在前端开发中，“图片加载慢”是用户反馈最多的性能问题之一。

Axios 如何跨域携带 Cookie？ 一、什么是跨域？核心是“同源策略” 1. 同源的定义 同源：协议、域名、端口三者完全一致才算同源，否则就是跨域。

Webpack 是**现代前端项目的「模块打包工具」​**，核心能力是将项目中各种分散的资源（JS、CSS、图片、字体等）视为「模块」，通过分析模块间的依赖关系，最终打包成浏览器可识别的静态资源

HttpOnly Cookie 是 Web 安全史上的一个关键创新，它通过协议层的约束，将敏感 Cookie 与客户端脚本隔离，为防范 XSS 攻击提供了「最后一道防线」。

前端遇到接口批量异常导致 Toast 弹窗轰炸该如何处理？ 问题背景 最近项目遇到一个典型问题：后端接口出现大规模异常时，前端瞬间收到大量错误响应，导致Toast弹窗连续轰炸，用户体验极差。记录下解决

前端性能优化：从defer到preconnect，解锁资源加载的六大法宝 引言 最近在折腾前端性能优化，发现浏览器提供了不少资源加载的“小技巧”，用好了能让网站加载速度快一大截。

处理大量并发请求，核心就3件事：控制节奏：别让浏览器/服务器“堵车”，用并发控制函数限制同时发的数量。避免重复：用缓存记录已发的请求，别让用户点一下按钮发10次同样的请求。兜底处理：失败了能重试、提醒

BEM 是 Block（块）、Element（元素）、Modifier（修饰符）三个单词的缩写，是一种用于组织 HTML 和 CSS 类名的命名规范。