Webpack性能优化
通过按需加载、Tree Shaking、Scope Hoisting 减小打包体积；利用 HappyPack、DllPlugin、优化 Loader 提升打包速度；结合代码压缩与长缓存优化，显著提升 Webpack 构建性能。Webpack4 后 mode 设为 production 可自动启用多数优化。
网络优化方案
通过合并压缩资源、合理缓存、DNS预解析、CDN加速、预加载与预渲染、图片优化等手段，减少HTTP请求、提升加载速度。利用hash值更新缓存，结合雪碧图、WebP格式及骨架屏，显著改善页面性能与用户体验，有效降低首屏加载时间。
CDN加速
CDN（内容分发网络）通过在全球部署节点服务器，将源站内容缓存至边缘节点，用户访问时由最近节点提供服务。基于DNS重定向与智能调度，实现就近加速，降低延迟，提升访问速度与网站可用性，有效应对高并发、带宽不足等问题。
重绘回流过程
浏览器渲染流程：解析HTML生成DOM树，CSS生成CSSOM，合并为渲染树，再布局、绘制。DOM树包含所有元素，渲染树仅含可见节点。CSS阻塞渲染但不阻塞DOM解析。重绘因样式变化，回流因布局变化，回流必触发重绘。减少回流重绘可提升性能。
浏览器缓存
HTTP缓存通过Cache-Control和ETag实现。Cache-Control控制缓存行为，如public/private、no-cache/no-store，以及max-age等时效与验证机制；ETag则用于对比资源是否变更，配合If-None-Match实现304协商缓存。结合内容哈希文件名可优化静态资源更新策略，确保用户获取最新版本。
学习数据结构和算法的框架思维
本文系统梳理数据结构与算法本质，强调其核心为“穷举”，关键在于无遗漏、无冗余。所有数据结构皆源于数组与链表，操作本质为遍历与访问。通过框架思维，归纳常见算法模式，助你高效掌握算法精髓，少走弯路，实现刷一题通百题。
| 状态检索：如何快速判断一个用户是否存在？
本文探讨如何高效判断对象是否存在，对比有序数组、二叉树、哈希表的查询性能，引出位图与布隆过滤器。位图利用bit级存储，节省空间；布隆过滤器通过多哈希函数降低冲突，实现O(1)查询，虽有误判但适用于容忍错误率的场景，如缓存、爬虫去重。二者在时间与空间效率上优于传统结构，广泛用于大型系统中。
🎯 注意力机制详解
注意力机制是Transformer核心，通过自注意力、交叉注意力、多头、分组、多查询及潜在注意力等形式，实现对序列信息的高效建模。各类机制在参数量、速度与质量间权衡，广泛应用于NLP与多模态任务，是大模型设计与面试考察的重点。
注意力机制详解
注意力机制是Transformer核心，实现动态关注关键信息。包括自注意力、交叉注意力、多头、分组、多查询及潜在注意力等类型，各有优势与权衡，广泛应用于序列建模、多模态融合等场景，是大模型设计与面试考察重点。
零拷贝
实现文件传输时，传统方式因频繁系统调用导致大量上下文切换与内存拷贝，性能低下。零拷贝技术通过减少用户态与内核态切换、避免重复数据拷贝，显著提升效率。结合PageCache，适合小文件高速传输；而大文件则推荐异步IO加直接IO，绕过缓存，避免资源争用，优化高并发场景下的整体性能。
