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

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

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

Web开发

• 使用Selectmenu和锚定API进行高级表单控件样式设置 - 本文介绍如何使用Selectmenu和锚定API进行高级表单控件样式设置。

• 5月份Web平台的新内容 - 本文介绍了Web平台的新功能，包括WebAssembly、WebGL和WebXR。

• 如何使用天气API构建动态天气应用程序 - 本文介绍如何使用天气API构建动态天气应用程序。

• 300ms更快：减少维基百科的总阻塞时间 - 本文介绍了如何通过减少维基百科的总阻塞时间来加速网站加载速度。

• Web可访问性：解决障碍，使您的网站包容性更强 - 本文介绍如何提高Web可访问性，以解决障碍问题，使网站更包容。

Effects

• 使用Intersection Observer API在滚动时进行动画 - 本文介绍如何使用Intersection Observer API在滚动时实现动画效果。

• 使用GSAP在SVG路径上沿渐变 - 本文介绍如何使用GSAP在SVG路径上沿渐变创建动画效果。

• UI交互和动画汇总＃33 - 本文列出了一些有趣的UI交互和动画效果，供设计师和开发人员参考。

• 灵感网站汇总＃46 - 本文列出了一些有趣的灵感网站，供设计师和开发人员参考。

CSS

• CSS中@scope的简介 - 本文介绍了CSS中@scope的概念和用法。

• 使用“ch”单位时要注意布局移位 - 本文介绍了使用“ch”单位时要注意的布局移位问题。

• 掌握CSS混合模式 - 本文介绍了CSS混合模式的概念和用法。

• 有关媒体查询和响应式设计的所有内容 - 本文介绍了有关媒体查询和响应式设计的所有内容。

• 使用Stylelint插件对防御性和逻辑CSS进行linting - 本文介绍了如何使用Stylelint插件对防御性和逻辑CSS进行linting。

• 快速提示：发货弹性CSS组件 - 本文提供了一些快速提示，介绍如何发货弹性CSS组件。

• 原生CSS中类似Sass的嵌套 - 本文介绍了原生CSS中类似Sass的嵌套的概念和用法。 • SupportsCSS-现代CSS的特征检测 - 本文介绍了SupportsCSS，这是一种现代CSS的特征检测方法。

• CSS中同级组合器的理解：完整指南 - 本文介绍了CSS中同级组合器的概念和用法。

• 使用CSS：empty伪类进行样式设置 - 本文介绍了使用CSS：empty伪类进行样式设置的概念和用法。

JavaScript

• 使用JavaScript实现下拉刷新 - 本文介绍了如何使用JavaScript实现下拉刷新。

• Vanilla JavaScript vs. JavaScript Frameworks：十个主要区别 - 本文介绍了Vanilla JavaScript和JavaScript Frameworks之间的十个主要区别。

• JavaScript代理入门 - 本文介绍了JavaScript代理的概念和用法。

• 在浏览器选项卡和窗口之间共享WebSocket连接 - 本文介绍了如何在浏览器选项卡和窗口之间共享WebSocket连接。

React

• useHooks-现代，服务器安全的React钩子集-来自ui.dev团队 - 本文介绍了现代，服务器安全的React钩子集useHooks，来自ui.dev团队。

• 在React中使用JWT进行身份验证 - 本文介绍了如何在React中使用JWT进行身份验证。

• 庆祝React的10周年 - 本文庆祝React的10周年，并回顾了React的历史和未来。

• React API和代码重用的演变 - 本文介绍了React API和代码重用的演变。

• 使用react-ts-form在React中构建类型安全的表单 - 本文介绍了如何使用react-ts-form在React中构建类型安全的表单。

Vue

• 开始使用BootstrapVue - 本文介绍了如何开始使用BootstrapVue。

• 使用Lottie和Vue 3创建动画标志 - 本文介绍了如何使用Lottie和Vue 3创建动画标志。

• Vue 3的最佳开源分页库 - 本文介绍了Vue 3的最佳开源分页库。

Svelte

• 10个Svelte组件库 - 本文介绍了10个Svelte组件库。

• 在Svelte中构建交互式，基于节点的用户界面和图表 - 本文介绍了如何在Svelte中构建交互式，基于节点的用户界面和图表。

Libs和Plugins

• 使用taichi.js轻松编写WebGPU程序 - 本文介绍了如何使用taichi.js轻松编写WebGPU程序。

• aimless.js-缺失的JavaScript随机库。 - 本文介绍了缺失的JavaScript随机库aimless.js。

• Structura.js vs. Immer.js：比较编写不可变状态的库 - 本文比较了编写不可变状态的库Structura.js和Immer.js的差异。

OK，以上便是本次分享，希望各位喜欢~ 欢迎点赞、收藏、评论 🤟

我是安东尼 🤠 人气技术博主 💥 坚持千日更文 ✍ 关注我，安东尼陪你一起度过漫长编程岁月 🌏

微信 ATAR53，拉你入群，不定期抽奖、只学习交友、不推文卖课~