本文目录一览：
tweenmax.js干什么用
1、TweenMax.js是动画插件库GSAP（GreenSock Animation Platform）的核心文件，加载后即可使用四个主要运动类TweenLite、TweenMax、TimelineLite、TimelineMax和一些其他插件。
2、而TweenMax在此基础上还另外增加了特殊缓动：Elastic、Back、Bounce、SlowMo、SteppedEase、RoughEase、Circ、Expo、Sine。
3、stopPropagation()终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。
在Vue中使用GSAP完成动画(二)动画初始设置
控制动画往正方向播放，可设定开始的时间点。如果 suppressEvents 保持默认状态并跳到新的时间点，那么之前在新旧时间点之间设置的回调或函数不会被触发，相当于跳过了那些时间点。如果想触发，设为false。-tweenmaxjs教程
分别指定进入和离开的持续时间：transiton 生命周期8个 当只用 JavaScript 过渡的时候，在 enter 和 leave 钩子中必须使用 done 进行回调。
先写好一个不带动画的弹窗组件，share_cover为遮罩DIV，share_content为内容DIV （核心）弹窗动画，我们要给内容DIV的CSS加个animation属性。
自定义过渡的类名优先级高于普通的类名，这样就能很好地与第三方（如：animate.css）的动画库结合使用。在很多情况下，Vue 可以自动得出过渡效果的完成时机。
首先加载一个动画网站，加载之后解压。其次在components下载vue3组件，将代码放进去，在需要的页面引用。最后注册vue3组件，即可使用该组件。
求助JS中的stopPropagation()有关问题
stopPropagation()终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。
事件停止冒泡。比如说，有结构 当鼠标点击img的时候，img会触发click事件，默认div也会触发click事件。但如果在img的click处理函数中执行了stopPropagation()，那么div就不会接收到click触发。-tweenmaxjs教程
知识点：stopPropagation() 方法防止调用相同事件的传播。传播意味着向上冒泡到父元素或向下捕获到子元素。
事件冒泡：开始时由最具体的元素接收，然后逐级向上传播到到 DOM 最顶层节点。
最外面的一样会触发click事件 如果你3个div 监听 你就会发现。。事件的触发顺序自内向外，这就是事件冒泡。
您好：event.stopPropagation()；//阻止冒泡 因为这句阻止事件冒泡。首先你要知道是阻止的哪一个地方的冒泡。告诉你，这句是阻止的 (html).click(function(){ (#box).hide()；})这个事件的冒泡。-tweenmaxjs教程
使用svg和js画一个圆环
svg路径画圆的特性：(rx ry x-axis-rotation large-arc-flag sweep-flag x y)。rx，ry： 是椭圆的两个半轴的长度。x-axis-rotation： 是椭圆相对于坐标系的旋转角度，角度数而非弧度数。-tweenmaxjs教程
首先1处改成node=svgdoc.createElementNS(http：//；， rect)；是必须的，这样才能创建一个svgRect元素。其次，IE8不支持svg。
使用方法：使用该SVG图形轮廓线路径动画插件需要引入jQuery和jquery.drawsvg.js文件。 初始化插件 在页面DOM元素加载完毕之后，可以通过下面的方法来使SVG图形生成轮廓线动画效果。-tweenmaxjs教程
首先，我们使用 marker 画一个箭头。设置orient为 auto ，使箭头的方向自动旋转匹配路径的方向。然后，可以在连接线的 path 中使用 marker-start ， marker-mid ， marker-end ， marker 属性来设置标记的位置。-tweenmaxjs教程
