# 前端每周文摘 - 每周更新:国外论坛的前端热门文章,推荐大家阅读/翻译,紧跟时事,了解/掌握前端行业新闻,也给想写作或尝试突破新技术领域的同学们提供思路~
Web-development
Brex 的 Web 开发重构让代码从设计上更适合大语言模型:Brex 正在重塑其前端技术栈,使代码更加模块化、语义清晰,并针对 LLM 的代码生成与理解能力进行了优化。
战争故事:我调试过的最难的一个 Bug:作者回顾了一次异常棘手的调试经历,Bug 潜藏在数据库连接与异步处理的细节之中。
使用 Playwright 进行自动化视觉回归测试:介绍如何使用 Playwright 实现 UI 回归测试,并结合 CI 自动化保障界面稳定。
亲爱的老朋友 ESLint:作者怀旧地回顾了 ESLint 多年来在代码规范、协作和维护中的价值和演变。
动态设计:Green Stack 背后的动画设计原则:通过 Green Stack 展示了如何用经典动画原理提升 Web UI 的动效质量和体验。
用着色器动画字母:基于 Three.js 和 GLSL 的交互式文本效果:运用 Three.js 与 GLSL 构建了炫酷的动态文本效果,展示了图形编程的强大表现力。
CSS
CSS Mixins 正式进入实验阶段! :CSS 原生 Mixins 正在推进中,未来将提升样式复用的灵活性和一致性。
扩展 CSS 阴影效果:探索 CSS 阴影的更多创意玩法,展示如何打造更具表现力的视觉层次。
分层文本标题设计:介绍了一种通过多层样式构建复杂而美观文本标题的技巧。
使用 offset-path 实现 CSS 动画:通过 offset-path 属性实现元素沿路径移动的动画效果,增强视觉引导性。
优先使用 Grid,Flex 排第三:提出布局策略建议,强调应优先使用 CSS Grid 来实现清晰可控的页面结构。
表单下拉框 元素现在可以用 CSS 自定义了:Chrome 推出了原生下拉菜单的样式自定义能力,提升表单设计自由度。
CSS 垂直对齐:最佳实践与示例:总结了在不同上下文中实现垂直对齐的多种 CSS 技法。
CSS 2025:现代样式新力量——走得比 Sass 更远:概述了 CSS 在 2025 年的新能力,包括范围、嵌套、变量增强等,对比 Sass 的不足。
JavaScript
ECMAScript 2025 JavaScript 标准逐步成形:汇总了 ECMAScript 2025 中的关键提案,包括管道操作符、Map 集合增强等新特性。
JavaScript 的缺失一环:Wasp 提供全栈解决方案:Wasp 框架试图填补 JavaScript 在全栈开发流程中的整合空白,降低上手复杂度。
jQuery 清零计划:FreeAgent 如何彻底移除 jQuery:讲述 FreeAgent 如何逐步剥离 jQuery,将代码现代化以提升性能和维护性。
JavaScript - Theory
JavaScript 原型:对象如何继承属性和方法:深入解释原型链的工作原理,是理解 JS 对象机制的核心。
如何使用 try...catch 进行 JavaScript 错误处理:介绍 try...catch 的使用方法与最佳实践,助你构建更稳定的 JS 应用。
.ts 与 .tsx 文件扩展名的区别是什么? :阐明 TypeScript 中 .ts 和 .tsx 的用途差异,主要在于是否包含 JSX。
枚举 vs 联合类型:为什么我不再滥用 enum:通过实战对比分析了 enum 与联合类型的优劣,推荐使用更灵活的联合类型。
JavaScript - Frameworks
Vue.js 2025 年度报告:报告展示了 Vue 的生态现状、趋势和社区反馈,是观察框架发展的重要参考。
Alpine.js 入门指南:极简主义者的 JS 框架:介绍了 Alpine.js 的核心理念与语法,适合快速构建小型交互组件。
Babylon.js 8.0 正式发布:新版本带来了性能改进与增强的渲染能力,持续推动 Web3D 发展。
指令:Angular 工具包的核心特性:介绍了 Angular 中指令机制的原理与用法,是构建自定义行为的重要基础。
React
React 中基于 Dash.js 实现自适应视频流:讲解如何在 React 应用中集成 Dash.js,实现多码率视频播放。
TanStack Table(原 React Table)完整指南:全面介绍了 TanStack Table 的用法、功能和灵活的表格配置能力。
Next.js 中的授权机制:提供了在 Next.js 项目中实现用户权限管理的实用方案。
迈向 React 19 的渐进之路:React Conf 跟进总结:回顾 React Conf 内容,概述 React 19 的核心方向和过渡策略。