谜亚星

svg.js提供了多种方法来简化开发过程 bbox方法可以用来获取元素的位置，宽高等信息。还可以把多个box看作一个整体来测量 box3返回的就是box1左上角，到box2...

在svg.js中，给元素绑定事件，也和html中一样，“元素.事件名”就行，而且也支持click，mouseover等多种事件，例如 其中的this就指向当前元素。不过要注...

利用svg.js制作动画比较简单，主要使用animate()函数，例如 这就是一个会改变颜色的动画，如果多个animate()串联在一起，那就是有多个步骤的动画 anima...

svg.js文档链接 https://svgjs.dev/docs/3.2/referencing-creating-elements/#referencing-using...

在实际生产中，制作svg更常用的方法是利用相关库。下载量比较高的就是svg.js了。它本身除了制作svg图形外，还已经封装好了动画，变形等函数。下面介绍它的使用方法。 官方...

SVG 可缩放矢量图形，是一种以xml格式，描述的二维图形。由于是xml格式，所以可以直接写在html中展示出来。也可以用.svg格式在img标签中展示。在网页图形越来越复...

利用AI去写gsap动画。 看GSAP官网的文档看到最后，我在想，AI的效率这么快，为啥不用AI去写GSAP代码。尤其是GSAP的配置项已经很复杂。 分别用了deepsee...

flip插件，简单来说它是一个只需记录元素的初始状态和结束状态，剩下的就可以自主完成动画过程的插件。所以用flip插件创建动画一般有三个过程。 一是用getState函数记...

l另一个重要的动画插件是splitText，可以方便的用来做文字动画效果。一个最基础的用法，例如 上面的代码可以让hello world有飘出的动画效果 从名字也可以看出。...

gsap插件是构建复杂动画的重要工具，常用的有scrollTrigger滚动相关，splitText文字处理等。首先介绍scrollTrigger。 使用插件前必须先引入注...

GSAP内置了很多工具函数，方便在动画中使用。具体地址在 https://gsap.com/docs/v3/GSAP/gsap.utils checkPrefix函数可以看...

上一节的交错，是想让一组动画元素可以分开执行，但他们的动画效果是一样的。如果要不同的动画交叉执行，一个动画结束后，或者执行途中开始另一个动画。这种时候可以使用延迟，让第二个...

大文件上传崩了？重复传占空间？还怕恶意文件搞事情？这篇全解决！带阿里云 OSS 实战代码，拆分片上传 3 步流程，附 MD5 重复校验、文件防毒技巧，后端文件存储避坑指南，...

本文不是卖课，也不会兜售所谓面试技巧，更不会制造焦虑。就是聊一个可能残酷的事实。建议带着同理心一起服用。...

GSAP学习的第二篇，关于staggers交错的。官方链接在这里 https://gsap.com/resources/getting-started/Staggers 交...

想学一下GSAP动画，但是网上找到的几乎都是官网搬运示例。资料比较少。所以把学习过程整理下，算是一个参考。官网 GSAP是一个目前已经开源的动画库，主要是通过对元素的属性进...

早之前一直使用react，最近跳槽了开始用vue3了。算是对两个都有点了解的人，所以记录下使用中的想法。以下的内容都不是依据框架源码得出的，主要是从使用得角度出发。如果有不...

一、react中引入组件的情况 1. 用const C = 组件 的方式引入组件，再{C}{C}方式使用组件，页面中的两个组件互相并不会影响 2. 对于同一个组件，在父组件...