前端周刊 #316(6月19日至6月25日)

MEDIUM 上有位博主叫：Fresh Frontend Links （前端文摘速递）

每周都会更新 1 篇文章，关于：总结上一周 “前端新鲜事儿”，汇聚成链接合集

推荐大家阅读/翻译文摘里面的文章，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路

网页开发

• 如何使用 AR 和 3D 创建沉浸式网页体验：介绍了如何使用 AR 和 3D 技术创建沉浸式的网页体验。

• 维基百科重设计幕后：维基百科的重设计幕后故事。

• 使用六种前端框架创建出色的 PWA：介绍了如何使用六种前端框架创建出色的 PWA 应用。

工具

• 格式化和样式的模糊界限：讨论了格式化和样式之间的模糊界限。

• 从“Meet Safari for Spatial Computing”中得到的思考：介绍了 Safari 浏览器的空间计算功能。

• Panda - 一种通过 CLI 或 PostCSS 生成原子 CSS 的 CSS-in-JS 引擎：介绍了一种通过 CLI 或 PostCSS 生成原子 CSS 的 CSS-in-JS 引擎。

性能

• cloudflare：介绍 HTTP/3 优先级：介绍了 HTTP/3 优先级的相关内容。

• 服务工作者如何让网站速度提高了 97.5%：介绍了如何使用服务工作者将网站速度提高了 97.5%。

可访问性

• 用于检查 Web 动画可访问性的 4 种快速方法：介绍了检查 Web 动画可访问性的 4 种快速方法。

• 低对比度文本仍然是 2023 年最常见的可访问性问题：介绍了低对比度文本仍然是 2023 年最常见的可访问性问题。

• 自 2019 年以来，WAI-ARIA 的使用量增加了四倍：介绍了自 2019 年以来，WAI-ARIA 的使用量增加了四倍。

• 加州新法案对网站可访问性的影响：介绍了加州新法案对网站可访问性的影响。

效果

• 编码 Quai Network 的分割图像悬停效果：介绍了如何编码 Quai Network 的分割图像悬停效果。

• 将视频、3D 模型等与滚动驱动的动画同步：介绍了如何将视频、3D 模型等与滚动驱动的动画同步。

• 自定义长颈鹿插入符号：介绍了如何自定义长颈鹿插入符号。

• CSS 中的深度模糊效果：介绍了在 CSS 中实现基于深度模糊的效果。

CSS

• 未来的 CSS：状态容器查询：介绍了状态容器查询的相关内容。

• 宽度适应文本：介绍了如何让文本适应宽度。

• CSS 2023 的现状：介绍了 CSS 2023 的现状。

• 使用 CSS clip-mask 创建折线图：介绍了如何使用 CSS clip-mask 创建折线图。

• margin-trim 作为最佳实践？：讨论了 margin-trim 是否是最佳实践。

• 不要放弃 Sass：介绍了为什么不要放弃 Sass。

• 新的 CSS：介绍了新的 CSS。

• CSS 三角函数：实用应用：介绍了 CSS 三角函数的实用应用。

• 使用 CSS 实现条纹背景的 5 种方法：介绍了使用 CSS 实现条纹背景的 5 种方法。

JavaScript

• 渐进增强和 JavaScript 框架 - 一种复杂的关系：介绍了渐进增强和 JavaScript 框架之间的关系。

• JSNation 2023 大会笔记：介绍了 JSNation 2023 大会的相关内容。

• 如何使用 JavaScript 的 BigInt：介绍了如何使用 JavaScript 的 BigInt。

• IntelliNode - 使用几行 JavaScript 统一访问各种 AI 模型，如 ChatGPT、Diffusion、Cohere 等：介绍了 IntelliNode，一种使用几行 JavaScript 统一访问各种 AI 模型的方法。

发布

• Ember 5.0 发布：介绍了 Ember 5.0 的发布。

• 宣布 Svelte 4：介绍了 Svelte 4 的发布。

• Nuxt 3.6 发布，带来性能改进、完全静态服务器组件、更好的样式内联、静态预设、增加的类型安全性 - 以及更多。：介绍了 Nuxt 3.6 的发布。

React

• 使用 Refine 加速 React 开发：介绍了如何使用 Refine 加速 React 开发。

• 如何使用 Supabase Auth 对 React 应用程序进行身份验证：介绍了如何使用 Supabase Auth 对 React 应用程序进行身份验证。

• Ripple - 用于 React 的状态管理库：介绍了 Ripple，一种用于 React 的状态管理库。

Angular

• 精通 Angular 16 中的信号：全面指南：介绍了 Angular 16 中信号的相关内容。

TypeScript

• 使用记录类型升级 TypeScript：介绍了如何使用记录类型升级 TypeScript。

• 理解 TypeScript 生成器：介绍了如何理解 TypeScript 生成器。

• 过滤 TypeScript 值类型：介绍了如何过滤 TypeScript 值类型。

OK，以上便是本次分享，希望各位喜欢~ 欢迎点赞、收藏、评论 🤟 我是安东尼 🤠 人气技术博主 💥 坚持千日更文 ✍ 关注我，安东尼陪你一起度过漫长编程岁月 🌏 微信 ATAR53，拉你入群，不定期抽奖、只学习交友、不推文卖课~

注：本文借助 AIGC 辅助创作