Skip to main content

V2.2 Post

· 看完要1分钟嗷
Carrgan Yang
Software Engineer @ Ericsson

距离v2.1(2023-7) 发布又过了一年多了,更新了Docusaurus, 并且升级到了React18。

发现之前的 ReactAnime 已经不维护了,换了比较主流的 react-sprint 来做动画。react-sprint 的hook很好用,性能方面感觉也比之前的 react-anime强不少,期待作出更好的页面来。

V2.1 Post

· 看完要1分钟嗷
Carrgan Yang
Software Engineer @ Ericsson

距离v2.0(2022-4) 发布又过了一年多了,最近工作一直被鞭打,没时间做blog,都快忘记Blog的代码结构了。

接上一篇,星星点击事件没来来得及做,先做了一个工具模块,打算打造一些好用的小工具。

第一个工具,实现了一个自动生成密码的工具,可以通过配置生成随即密码。 在工作中会遇到一些需要密码过期需要重新设置密码的场景,使用网络的工具不是很放心,写了第一个python版本的,但是每次使用都必须手动运行python脚本。如果没有安装python就很不方便,所以就有了这个模块。

接下来打算完善别的工具,目前有以下打算

  • Excel to json(支持配置Json数据类型)
  • 一个连续decode的工具,例如Base 64 decode之后又支持url decode 的工具
  • 通过JSON来生成typescript接口的工具

V2 Post

· 看完要1分钟嗷
Carrgan Yang
Software Engineer @ Ericsson

距离 carrgan.io V1(2021-4) 已经过去快一年了,一年之前刚刚从学校出来,还没有参加工作,利用闲暇时光发布了V1。

v1

V1用Pmndrs为React封装的Three.js 加载了一个在开源社区Sketchfab找的,免费使用的3D模型。

由于网站托管在github,有一些网络和性能原因,还有这个模型不是我自己建的,感觉有很多限制,我想实现的很多细节功能(点击一个3D物体,触发指定的事件)不能被实现,所以放弃了这一版。

本来想要自己用Blender自己建一个3D模型,可是这个软件实在是过于复杂,不值得为了这个投入大量时间去学习。

最后使用Sketch画了一颗星球来作为Logo和主页。

在开发V2的时候遇到了一些问题,一开始写好之后发现Safari的图形处理性能很低,由于SVG加了一些阴影和光影效果导致了渲染的卡顿,迫不得之下只能让Safari不渲染阴影和光影。

之后使用@keyframe写了动画放在全局的CSS文件中,结果Docusaurus打包的时候不能正确的将@keyframe 写入打包好的CSS文件,由于Docusaurus使用了SSG 渲染,想要手动的把CSS导入很麻烦,只能打包好再手动写入index.html

最后决定选用JS动画库,在比较了多款JS库之后,选择了AnimeJS 非常强大的JS库,同样使用了React的封装版react-anime.

在V2.1版本中打算处理星星和星球的点击事件