网络 - Devzv

网络

如何从零开始构建实时多用户游戏

本文重点介绍了构建实时游戏 Autowuzzler 背后的过程、技术决策和经验教训。了解如何使用 Colyseus 在多个客户端之间实时共享游戏状态、使用 Matter.js 进行物理计算、将数据存储在 Supabase.io 以及使用 SvelteKit 构建前端。

尊重用户的运动偏好

“prefers-reduced-motion”媒体查询在几年前的所有现代浏览器中都有很好的支持。在本文中，Michelle Barker 解释了为什么现在没有理由不使用它来使您的网站更易于访问。

打造我一直想要的 SSG：11ty、Vite 和 JAM 三明治

早在 2020 年 1 月，Ben Holmes 就着手做几乎每个 Web 开发人员每年都会做的事情：重建他的个人网站。在这篇文章中，他分享了他如何从绝对零开始构建自己的构建管道并创建“Slinkity”的故事。

使用 Gatsby 函数构建 API

在本教程中，Paul Scanlon 解释了如何使用 Gatsby Functions 构建 API，以及将其部署到 Gatsby Cloud 时需要记住的事项。

与 Jeff Smith 一起粉碎播客第 42 集：什么是 DevOps？

在本集中，我们将讨论 DevOps。它是什么，它是添加到您的 Web 开发弓的字符串吗？德鲁麦克莱伦与专家杰夫史密斯交谈以找出答案。

在 Next.js 支持的电子商务网站中解决 CLS 问题（案例研究）

Cumulative Layout Shift 是最难调试的核心 Web 之一。在本文中，我们通过不同的工具来调查 CLS，何时使用它们（何时不使用），以及我们在基于 Next.js 的电子商务网站中遇到的一些 CLS 问题的解决方案。

一个简单但有效的程序员心理健康程序

在本文中，我们将探讨为什么保持工作与生活的平衡很重要，如何制定简单有效的心理健康程序，以及您可以用来制定自定义程序的最常见和最有效的技术。

评估 UX/UI 设计师的提示和技巧

客户可能会因为您提供独特的产品而开始使用您的应用，但用户体验才是他们留下来的原因。为此，您需要优秀的用户体验设计师，以及在招聘时发现他们的诀窍。

编写 CSS 可能从未像现在这样有趣和令人兴奋。在这篇文章中，我们将看看我们在工作中必须面对的常见问题和用例，以及如何使用现代 CSS 解决它们。如果您有兴趣，我们最近还介绍了 [CSS 审计工具](https://www.smashingmagazine.com/2021/03/css-auditing-tools/)、[CSS 生成器](https:// www.smashingmagazine.com/2021/03/css-generators/），[前端样板]（https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/）和[ VS 代码扩展]（https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/）——你可能会发现它们也很有用。

用于使用 TypeScript 构建灵活组件的有用 React API

React with JSX 是制作易于使用的组件的绝佳工具。 Typescript 组件让开发人员将您的组件集成到他们的应用程序中并探索您的 API 是一种绝对的乐趣。在本文中了解三个鲜为人知的 React API，它们可以让您的组件更上一层楼，并帮助您构建更好的 React 组件。