最新

你可以问我任何你想问的事情。

在过去的几周里，我开发了一个名为Chickoban的益智游戏，灵感来自于推箱子（Sokoban）。你可以在网上 [这里](https://aabiji.github.io/chickoban/) 玩这个游戏，也可以在 [这里](https://github.com/aabiji/chickoban) 找到代码。 这个游戏是3D的，使用了raylib。我知道游戏本身可能不是很好，但我希望你们中的一些人能好心地对代码提供反馈。设计的哪些部分不错，哪些部分存在问题等等。 无论如何，也许这个游戏会很有趣。它是完全开源的。祝你有美好的一天！

去年夏天，我通过一个名为“The Odin Project”的在线课程开始学习网页开发。随着我对网页标准和用户界面设计的逐渐熟悉，我决定构建一些个人项目：我的个人网站。 作为一名在Instagram、YouTube、TikTok和Snapchat上拥有超过100万粉丝，并且每月浏览量超过1000万的内容创作者，我希望有一个真正反映我个性的网站。最终，我的网站包含四个页面：主页、关于我、作品集和赞助信息。 我最喜欢的部分是作品集页面，在这里我使用视差效果展示我的艺术作品。但在早期，我遇到了一个严重的性能问题：页面加载完全需要大约30秒。Lighthouse给我的性能评分约为20%。 经过一些调查，我意识到问题出在——太多大型PNG文件。我将它们转换为WebP，这是一种现代图像格式，具有更好的压缩效果且质量损失最小。这使我的评分提升到了约50%，但加载时间仍然明显。 因此，我进行了进一步优化。我在React中使用了“useEffects”钩子，在主页加载后预加载所有WebP图像对象。由于大部分流量是通过主页进入的（链接在我的社交媒体个人简介中），这个优化确保了用户在访问作品集时图像已经准备好。 结果如何？Lighthouse评分超过90%，图像几乎瞬间渲染。 在这里查看： https://artbyaalice.netlify.app/