返回首页
最新
在过去的几周里,我开发了一个名为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并不完全适合我们的使用场景。试试看,如果有任何反馈,请告诉我 :)
新闻应用主页在HarmonyOS 5上的实现案例研究
摘要
本文介绍了如何在HarmonyOS 5上实现新闻应用的主页。使用提供的ArkTS代码,主页界面包括一个轮播新闻展示、推荐新闻列表,并支持在点击“查看全部”时导航到新闻列表页面。
```typescript
@Entry
@Component
struct PreviewPage {
@State list: NewsModel[] = mockData
@Builder
PagesMap(name: string) {
if (name === 'NewsListPage') {
NewsListPage()
}
}
@Builder
BreakingNewsBuilder() {
Column() {
TitleBar({ category: 'All', title: 'Breaking News' })
Swiper() {
ForEach(this.list, (item: NewsModel) => {
BannerNewsItem({ news: item })
})
}
.itemSpace(20)
.safeAreaPadding({ left: 15, right: 15, bottom: 40 })
}
}
@Builder
RecommendNewsBuilder() {
Column() {
TitleBar({ category: 'All', title: 'Recommendation' })
Column({ space: 12 }) {
ForEach(this.list, (item: NewsModel) => {
ListNewsItem({ news: item })
})
}
}
}
build() {
Navigation(pathStack) {
List() {
ListItem() {
this.BreakingNewsBuilder()
}
ListItem() {
this.RecommendNewsBuilder()
}
}
.width('100%')
.height('100%')
}
.mode(NavigationMode.Stack)
.navDestination(this.PagesMap)
.hideToolBar(true)
}
}
```
在80年代初,美国有一本我非常喜欢的DIY电子杂志,它有一个每月推荐书籍的俱乐部。大多数书籍都很小,皮革装帧的精装本,主题包括:制作自己的水听器;增强现实(可惜需要一个完整的房间和一个吊臂);液晶模型火箭发射器点火;计算机视觉;还有很多很多机器人。
我记得有一本书(大本、软封面、黄色封面),里面有黑白的钢笔和墨水插图,描绘了极其复杂的机器人和机器。我记得其中有一台水上机器,配有安装在浮筒三脚架上的摄像头。哇,这些插图充满了我的梦境。
有没有人记得这个?你们还记得插画家的名字吗?或者任何相关的信息?