返回首页
最新
你可以问我任何你想问的事情。
在过去的几周里,我开发了一个名为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/
在我的工作中需要这个,涉及到对个人身份信息(PII)和个人健康信息(PHI)的匿名化。我决定自己构建这个工具,因为Presidio并不完全适合我们的使用场景。试试看,如果有任何反馈,请告诉我 :)