gsap官方文档的更新和Svg线条动画的探索

gsap官方文档的更新和Svg线条动画的探索

想想这篇文章应该是要发到博文才对的,但是感觉应该更多的去诉说出我的心情与感受,所以还是放在手记里吧

两件事

主要想要记录两件事情, 第一件事情让我很激动, 从早上激动到下午, 因为我上周提出的有关gsap官方文档的issue建议被官方采纳了! 今天一早上起来就看见gsap官方给我发的邮件了. 第二件事情让我感觉很有意义, 因为我发现了我平时所研究的东西在3年前也有前辈跟我研究一样的东西.

第一次提出issue建议被采纳

睡醒查看手机信息的时候, 我惊喜的发现有两封邮箱, 标题赫然写着"Re: [greensock/GSAP] Docs: clarify Vue refs in gsap.context() scope examples (Issue #652)". 内容是:

image.png

image.png

我迫不及待的就把信息发给我了我的同事和技术群的兄弟们, 因为太激动了啊, 第一次提出issue, 第一次被官方回应.虽然不是PR被合并, 但是也很高兴了.

回顾下上周五:

昨天项目的UI还没设计出来, 所以依旧是带薪学习的一天, 我把我的UI&Animation项目(还在开发中)的动画重构加收藏之后, 就继续开始了gsap文档的阅读, 主要是看入门gsap方面的文档, 看完后, 去找了一个使用了Nuxt4 + gsap的开源项目, 想去看看别人是如何在Vue使用gsap的. 我在项目中看见gsap.content() 的时候的时候就很疑惑, 因为gsap官网文档哪里, 总是说什么ref, 但是都是对于React和Angular的ref, 没有对于Vue的ref的说明. 但是我看项目使用的时候明明不是用的ref对象, 是把ref对象给.value取出了真正的dom元素的.

于是就跟技术群里的兄弟们说gsap官方偏心, 只给React和Angular说明, 没有给Vue一点情报, 文档太容易误解了. 没想到群内的Guoxk大捞直接让我提一个PR去, 这可给我吓到了, 我压根都想过这种事情.

image.png

image.png

当然还有群内的糖糖

image.png

image.png

因为github上gsap官方仓库上没有记录文档的内容, 所以提PR也不会被合并, 于是我就提了一个issue

image.png

image.png

然后就是到今天的回复了.

今天下午有关Svg的研究

今天下午继续研究BenjaminOddou的portfolio项目, 也是收集到了很多很有用的动画, 就有Svg线条动画.

这个动画让我感觉很有意义, 不是说这个动画有多么的实用(虽然可能真的很实用), 有多么的高深, 只是因为在3年前, Nuxt核心团队成员, unocss的创始人 ---- Anthony Fu(一个托尼) 大佬也曾研究过这个动画, 我喜欢的大佬曾经也研究过的动画.这个消息还是我今天下午问了群内的Guoxk大捞有关Svg图片制作才知道的. 托尼老师发的博客 -> To Blog (动画详细博客中有, 就不解释了)

这件事情为什么也想记录下呢, 感觉很单纯, 单纯因为前端的前辈大佬们曾经也经历这段学习, 就让人感觉自己的研究是有价值的. 平时有关内容驱动式网站, 组件, 动画等等的学习, 我觉得真的很有意义, 现在可能没有使用上很多次, 也用的很不熟练, 没有那种实用性上的意义, 但是这份技术的宝藏会一直在这里, 待人来发掘.

三年前的月,也曾照过那些探索 SVG 动画的人;今日我所见之光,亦是他们曾追寻过的光。

使用社交账号登录

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...