# 前端每周文摘 - 每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~
网页开发
使用 document.designMode 预览内容变更 ：这篇文章展示了如何利用 document.designMode 在工作中实时预览内容修改，让调试和设计更直观、更高效。
用 TypeScript 和 Jupyter 构建自定义 RAG AI 智能体：这篇文章详细讲解了如何结合 TypeScript 与 Jupyter Notebook 构建一个检索增强生成（RAG）AI 智能体，实现前沿 AI 应用。
Web 组件与框架组件：两者有何不同？ ：这篇文章深入对比了原生 Web 组件与框架组件的实现差异，帮助开发者选择最适合自己项目的组件模式。
TypeScript 新编译器快 10 倍------这对开发者意味着什么：这篇文章介绍了 TypeScript 编译器性能革命的细节，并解析了它将如何极大提升开发者的工作效率。
工具
Oxlint 测试版现已发布：内置 500+ 规则，JavaScript 代码检测速度翻倍：这篇文章宣布了 Oxlint 测试版的亮相，带来了海量规则和更快的静态分析体验。
ESLint v9 大迁移探险：开发者生存指南：这篇文章为升级到 ESLint v9 提供了实战攻略和贴心建议，帮助你顺利渡过迁移难关。
Rsdoctor 1.0 发布：专为 Rspack 打造、兼容 Webpack 的构建分析器：这篇文章介绍了 Rsdoctor 1.0 的全新功能，它能帮助你深入洞察构建流程，优化打包性能。
特效
StringTune：源自设计公司工作流程的 JavaScript 库：这篇文章介绍了 StringTune，一个将设计灵感与代码完美结合的 JS 库，为你带来创意十足的动态效果。
用 Three.js 构建交互式图像网格：这篇文章展示了如何利用 Three.js 创建互动图像网格，赋予静态图片全新的动感与层次。
CSS
深入解析行内背景重叠问题 ：这篇文章深入剖析了行内元素背景重叠的原理和解决方案，助你打造更干净的布局。
关注间隙：CSS 中绘制分隔线的新方式：这篇文章介绍了一种全新的 CSS 分隔线绘制技巧，为你的界面设计增添独特分割风格。
Self Gap：这篇文章探讨了一种新颖的 CSS 概念------Self Gap，提供了一种基于自身尺寸设定间距的解决方案。
利用 CSS mask 拆分与组合图像：这篇文章展示了如何用 CSS mask 技术将图像拆分并重新组合，创造出令人惊叹的视觉效果。
带角落项目的网格布局：这篇文章演示了如何在 CSS Grid 布局中巧妙地将特殊项目放置于角落位置，提升页面设计的精致度。
重温 CSS border-image ：这篇文章回顾了 border-image 的用法和技巧，带你重新认识这一强大的边框设计工具。
用 :is() 伪类降低 CSS 复杂度 ：这篇文章介绍了如何利用 :is() 伪类简化选择器，提升 CSS 代码的可读性和维护性。
现代 CSS 中的胆小默认与勇敢覆盖：这篇文章探讨了如何在 CSS 中平衡默认样式和自定义覆盖，实现灵活而稳健的设计。
为流式排版辩护：这篇文章提出了流式排版的重要性，阐释了如何用 CSS 实现响应式且易读的文字布局。
纯 CSS 轮播图：这篇文章展示了使用纯 CSS 实现走马灯效果的多种技巧，为页面增添流畅的轮播动画。
网络罪犯利用 CSS 绕过垃圾邮件过滤并追踪用户：这篇文章揭示了黑客如何利用 CSS 技术在邮件中实现跟踪和逃避过滤，警示你安全风险不可忽视。
CSS 中支持逻辑缩写属性：这篇文章介绍了 CSS 逻辑属性在缩写形式中的应用，助力国际化布局和多语言支持。
JavaScript
使用 AbortController 管理可取消的异步任务：这篇文章详细阐述了如何利用 AbortController API 控制和取消异步任务，让你的代码更加健壮。
我们如何训练 AI 揭露恶意 JavaScript 意图并保障网络安全：这篇文章介绍了利用 AI 技术检测恶意 JavaScript 的方法，为网民提供了更安全的上网环境。
Next.js 与 TanStack 的对决：这篇文章对比了 Next.js 与 TanStack 的优势与不足，帮助你在构建现代 Web 应用时做出明智选择。
React
为什么 React 是构建大语言模型工作流的意外之选：这篇文章解析了 React 在大语言模型（LLM）工作流中的独特优势，展示了其如何优化数据交互和界面更新。
如何在 React 中管理 JavaScript 闭包：这篇文章深入探讨了在 React 开发中避免闭包陷阱的策略，帮助你编写更稳定、高效的组件代码。
React 服务端渲染深度解析：这篇文章为 React 开发者带来了 SSR 的全方位剖析，从架构到性能优化全覆盖，助你构建快速响应的应用。