前端周刊# #320 (17–23 July 2023)

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

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

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

Web开发

• 有效的代码审查：这篇文章介绍了如何在团队中实施有效的代码审查，并提供了一些有用的技巧和工具。

• WebGPU：跨平台图形API的未来：这篇文章介绍了WebGPU的基础知识以及其如何在未来的Web开发中发挥重要作用。

• 基于滚动的布局动画：这篇有趣的文章介绍了如何使用滚动触发动画来增强网站的用户体验。

可访问性

• 对话框焦点在哪里？：这篇文章讨论了如何在Web应用程序中管理对话框焦点的问题，以提高可访问性。

• 我们如何创建一个可访问、可扩展的色彩调色板：这篇文章介绍了如何创建一个可访问、可扩展的色彩调色板，以便在Web应用程序中使用。

• 可访问的动态GIF替代方案：这篇文章介绍了如何使用HTML、CSS和JavaScript来创建可访问的动态图像，以便在Web应用程序中使用。

CSS

• 使用CSS三角函数、弹出框和锚定定位构建无JS径向菜单：这篇文章介绍了如何使用CSS三角函数、弹出框和锚定定位来创建一个无需JavaScript的径向菜单。

• Tailwind Connect 2023：我们的首次线下活动回顾：这篇文章介绍了Tailwind Connect 2023的回顾，这是Tailwind CSS的首次线下活动。

• 使用Tailwind CSS进行动画和过渡：这篇文章介绍了如何使用Tailwind CSS来创建动画和过渡效果。

• 使用CSS clamp实现流体和响应式排版：这篇文章介绍了如何使用CSS的clamp函数来实现流体和响应式排版。

• REM vs PX vs EM：选择Web开发的正确单位：这篇文章介绍了如何选择正确的单位来进行Web开发。

JavaScript

• 掌握单元测试的最佳实践：这篇文章介绍了如何在JavaScript中实施有效的单元测试，并提供了一些有用的技巧和工具。

• JavaScript中的迭代器和生成器：这篇文章介绍了JavaScript中的迭代器和生成器以及如何使用它们来简化代码。

TypeScript

• TypeScript和渐进式类型的黎明：这篇文章介绍了TypeScript和渐进式类型的基础知识，以及如何在项目中使用它们。

• 关于TypeScript的5个不方便的真相：这篇文章介绍了使用TypeScript时可能会遇到的5个问题，并提供了解决方案。

React

• 如何将React应用程序Docker化——逐步教程：这篇文章介绍了如何将React应用程序Docker化以便在不同的环境中使用。

• 实现React Portal：这篇文章介绍了如何使用React Portal来将组件渲染到DOM树的不同部分。

• React 18如何提高应用程序性能：这篇文章介绍了React 18如何通过提高应用程序的性能和稳定性来改善用户体验。

• React Content Font——创建只包含页面上使用字符的字体的React组件！：这个有趣的项目介绍了如何使用React Content Font来创建精简的字体文件，以便在Web应用程序中使用。

• 为React应用程序添加烟花和粒子效果：这篇文章介绍了如何使用React和Canvas来创建烟花和粒子效果。

Vue

• Vue 3逐步比较演示和React开发人员：并排对比：这篇文章介绍了Vue 3和React之间的异同，并提供了一些有用的演示。

• 如何包装、扩展或代理Vue组件：这篇文章介绍了如何使用Vue的高级特性来包装、扩展或代理Vue组件。

Angular

• 使用Angular为电话号码输入字段创建自定义表单控件：这篇文章介绍了如何使用Angular来创建自定义表单控件，以便在电话号码输入字段中使用。

• 信号使Angular变得更容易：这篇文章介绍了如何使用Angular的Signal特性来简化代码并提高开发效率。

• 使用Angular HTTP请求最大化性能：做和不做的事情：这篇文章介绍了如何优化Angular应用程序的HTTP请求，以提高性能和稳定性。

• 使用Jest进行Angular单元测试：这篇文章介绍了如何使用Jest来编写和运行Angular的单元测试。

Svelte

• SvelteJS：我的生态系统比你的大：这篇文章介绍了SvelteJS和其生态系统的基础知识，以及如何在项目中使用它们。
• 使用Sveltris构建可互操作的React和Svelte应用程序：这篇文章介绍了如何使用Sveltris来构建可互操作的React和Svelte应用程序。

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

注：本文借助 AIGC 辅助创作