上周前端发生哪些新鲜事儿？

前端周刊# #320 (24–30 July 2023)

MEDIUM 上有位博主叫：Fresh Frontend Links （前端文摘速递） 每周都会更新 1 篇文章，关于：总结上一周 “前端新鲜事儿”，汇聚成链接合集 推荐大家阅读/翻译文摘里面的文章，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路

Web开发

• 您可能不需要http-equiv元标记：本文介绍了http-equiv元标记的作用和是否有必要使用的讨论。
• SVG渐变：解决曲线挑战：本文介绍了如何使用SVG渐变来创建曲线的方法。
• 如果Web组件如此出色，为什么我没有使用它们？：本文讨论了Web组件的优势和缺点，以及为什么许多开发人员仍然没有使用它们。
• 搜索引擎优化的核心Web要素：我们需要知道什么？：本文介绍了搜索引擎优化的核心Web要素，以及如何通过优化这些要素来提高网站的排名。

工具

• Playwright vs Puppeteer：应该选择哪一个？：本文比较了Playwright和Puppeteer两个自动化测试工具的优缺点。
• 6个最佳的Windows及其他平台软件包管理器：本文介绍了6个最受欢迎的软件包管理器以及其各自的优点和缺点。

可访问性

• 可访问性法规和法规汇总-7月：本文介绍了7月份发生的与可访问性相关的新法规和法规更新。
• 屏幕阅读器中的块引用：本文介绍了如何使用块引用来改善屏幕阅读器用户的阅读体验。

效果

• 网格流动动画：本文介绍了如何使用CSS网格来创建网格流动动画。
• 重新创建YouTube的环境模式发光效果：本文介绍了如何使用CSS和JavaScript来重新创建YouTube的环境模式发光效果。

CSS

• 如何使用CSS定义颜色数组：本文介绍了如何使用CSS定义颜色数组以及其在设计中的应用。
• 使用CSS适应用户偏好的排版：本文介绍了如何使用CSS来适应用户的偏好，包括字体、字号和行高等排版元素。
• 如何使用CSS的aspect-ratio属性：本文介绍了如何使用CSS的aspect-ratio属性来控制元素的长宽比。
• CSS中的滚动驱动动画：本文介绍了如何使用CSS来创建滚动驱动的动画效果。
• 开始使用Pico CSS：本文介绍了如何使用Pico CSS来创建简单的CSS样式。

JavaScript

• 使用JavaScript实现实时搜索功能：本文介绍了如何使用JavaScript实现实时搜索功能。
• 如何通过分析JS源代码找到两个API漏洞：本文介绍了如何通过分析JS源代码来找到API漏洞的方法。

React

• React的最佳热图库（附演示）：本文介绍了React中最受欢迎的热图库以及其各自的优缺点。
• 使用React创建易于自定义的模态框：本文介绍了如何使用React来创建易于自定义的模态框。
• Dan Abramov离开Meta的工作，但仍然是React核心团队的一员：本文介绍了React核心团队成员Dan Abramov离开Meta的工作的消息。
• 如何使用Nextjs、React和GitHub Copilot构建GPT-3应用程序：本文介绍了如何使用Nextjs、React和GitHub Copilot来构建GPT-3应用程序的方法。
• 使用react-intersection-observer创建动态标题：本文介绍了如何使用react-intersection-observer库来创建动态标题。

Vue

• 使用Kubernetes将Vue应用程序部署到云端：本文介绍了如何使用Kubernetes将Vue应用程序部署到云端的方法。
• 对Pinia组件进行单元测试：本文介绍了如何对Vue状态管理库Pinia的组件进行单元测试的方法。

Angular

• 从Angular中实现懒加载：本文介绍了如何在Angular中实现懒加载的方法。
• 在Angular中将Svelte组件呈现为Web组件：一步一步的指南：本文介绍了如何在Angular中将Svelte组件呈现为Web组件的方法。
• 在这个我构建的演示中使用Angular WebSocketSubject来节省Bundle空间！：本文介绍了如何使用Angular WebSocketSubject来节省Bundle空间的方法。
• Angular - 错误处理101：本文介绍了如何在Angular中进行错误处理的方法。

注：本文借助 AIGC 辅助创作