去年上半年开始写 # 前端每周文摘 这个专栏，后因一些事被打断、断更了。最近在小结反思，发现以前被打断的事其实还是自己想做的事。重新捡起来，也是一个不错的事。事物发展，多数为这样，发展-平稳-再发展，所以 2024 年继续更新啦~~ 欢迎关注。

每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~

Web开发

• 如何关闭密码管理器的字段 - 解释如何在Web开发中关闭密码管理器自动填充字段的功能。

• 认真对待Web组件 - 探讨Web组件的实质性应用和重要性。

• 如何在前端自动消费RESTful API - 演示如何在前端自动处理RESTful API的数据。

• 使用OpenAPI DevTools探索和测试API行为 - 使用OpenAPI DevTools探索和测试API行为的方法。

• 常见的前端安全攻击Top 7 - 概述前端开发中常见的七种安全攻击。

• 工具

  • Chrome 121中的新功能 - Chrome 121版本的新功能介绍。

  • 2024年发布多个包的5种方法 - 展示在2024年发布多个软件包的不同方法。

• 无障碍性

  • WCAG 2.2中的关键更新：专家概述 - 介绍WCAG 2.2中的关键更新和专家的总览。

  • 使用aria属性和焦点陷阱提升模态框的无障碍性。在纯JavaScript和React中的实现。 - 指导如何使用aria属性和焦点陷阱提高模态框的无障碍性。

• 效果

  • 以印刷媒体样式导航 - 演示如何通过印刷媒体样式导航网页。

  • 圆角滚动条 - 展示带有圆角滚动条的样式。

  • 滚动时绘制 - 演示在滚动时绘制SVG图形的效果。

CSS

• 如何对齐最后一个段落行的文本 - 解释如何在CSS中对齐最后一个段落行的文本。

• CSS模糊闪烁效果 - 展示如何使用CSS创建模糊的闪烁效果。

• 仅使用CSS的背景图像 - 展示如何使用纯CSS创建背景图像效果。

• 用户滚动到文本时突出显示文本 - 演示用户滚动到特定文本时如何突出显示该文本。

• 具有滚动驱动动画的实验性仅CSS轮播 - 展示使用纯CSS创建的轮播效果，受滚动驱动的动画启发。

• CSS中的3D效果 - 介绍如何在CSS中实现3D效果。

• 使用CSS text-wrap实现更美观的文本换行 - 解释如何使用CSS的text-wrap属性实现更美观的文本换行。

JavaScript

• WebGPU-kit — 一组使构建高性能、跨平台、基于Web的图形应用程序变得容易的库。 - 介绍WebGPU-kit，这是一个旨在简化构建Web图形应用程序的库。

• React

  • 从我的经验中学到的：React中的useEffect vs useLayoutEffect - 通过作者的经验比较React中的useEffect和useLayoutEffect。

  • Next.js应用程序路由器。使用体验。通往未来的路径或错误转弯 - 分享使用Next.js应用程序路由器的体验和对未来发展的看法。

  • 升级到React 18中的经验教训 - 分享升级到React 18的经验和教训。

  • 如何在2024年开始一个React项目 - 提供在2024年启动React项目的指南。

  • 在React中开发响应式的大型菜单 - 介绍在React中开发响应式大型菜单的方法。

  • 使用React创建AI照片生成和编辑应用程序 - 演示如何使用React创建具有人工智能照片生成和编辑功能的应用程序。

  • React onClick事件处理程序：完整指南 - 提供React中onClick事件处理程序的完整指南。

  • React 19中即将推出的新客户端端钩子 - 介绍即将推出的React 19中的新客户端端钩子。

• Vue

  • Nuxt中的懒加载和服务器组件 — Vue.js 3性能 - 探讨Nuxt中的懒加载和服务器组件对Vue.js 3性能的影响。

  • 在Vue 3和Nuxt 3中构建令人惊叹的UI的顶级UI库 - 推荐在Vue 3和Nuxt 3中构建令人惊叹UI的顶级UI库。

  • Evan You关于Vue.js的见解和趋势2024 - 分享Vue.js创始人Evan You对Vue.js未来的见解和趋势。

• Angular

  • 为Angular中的信号构建ComputedAsync - 指导如何为Angular中的信号构建ComputedAsync。

  • 深入了解新的Angular控制流内部 - 对Angular中新的控制流内部进行深入解析。

  • 在Nx Monorepo中使用Angular和NestJS构建全栈应用程序 - 演示在Nx Monorepo中使用Angular和NestJS构建全栈应用程序的步骤。

OK，以上便是本次分享，希望各位喜欢~ 欢迎点赞、收藏、评论 🤟 我是安东尼 🤠 人气技术博主 💥 坚持千日更文 ✍ 关注我，安东尼陪你一起度过漫长编程岁月