最新

你想问什么都可以。

在过去的几周里，我制作了 Chickoban，一款受推箱子启发的益智游戏。 你可以在这里在线玩：[https://aabiji.github.io/chickoban/](https://aabiji.github.io/chickoban/)，并在这里找到代码：[https://github.com/aabiji/chickoban](https://github.com/aabiji/chickoban)。 这款游戏是 3D 的，使用了 raylib 库。我知道游戏本身做得不是很好，但我希望你们中的一些人能好心提供一些关于代码的反馈。哪些设计部分好，哪些部分有问题，等等。 无论如何，也许这个游戏会很有趣。它完全开源。祝你有个愉快的一天。

去年夏天，我开始通过一个名为“奥丁计划”的在线课程学习 Web 开发。随着我对 Web 标准和用户界面设计越来越熟悉，我决定构建一些属于自己的东西：我自己的网站。 作为一个在 Instagram、YouTube、TikTok 和 Snapchat 上拥有超过 100 万粉丝，每月观看量超过 1000 万的创作者，我希望有一个真正反映我自己的网站。最终呈现的是一个 4 页的网站，包括主页、关于我、作品集和赞助商信息。 我最喜欢的部分之一是作品集页面，我使用视差效果来展示我的艺术作品。但一开始，我遇到了一个主要的性能问题：页面需要大约 30 秒才能完全加载。Lighthouse 给我的性能评分约为 20%。 经过一番调查，我意识到问题所在——PNG 文件太多且过大。我将它们转换为 WebP，这是一种现代图像格式，使用更好的压缩方式，同时将质量损失降到最低。这使我的评分提高到大约 50%，但加载时间仍然很明显。 所以我进行了进一步的优化。我使用 React 中的“useEffects”钩子在主页加载后预加载所有 WebP 图像对象。由于大多数流量都是通过主页进入的（在我的社交媒体简介中链接），这种优化确保了用户到达作品集时图像已经准备就绪。 结果呢？Lighthouse 评分超过 90%，图像渲染几乎瞬间完成。 在这里查看：https://artbyaalice.netlify.app/