css动画 transition transform translate animation keyframes

1.transition

• transition需要事件触发，img{width:300px} img:hover{width:500px}
  transform 类似于width
  div{transform:translate(20px,0px)} 以开始的值为坐标原点

全局对象下定义的函数可以看做是全局的方法，里面的this指向全局对象。

2.关于钩子函数

钩子函数主要描述了页面当前的状态，比如onload onlaunch onchange beforemounted mounted等，主要是在处于这些状态的时候触发一些回调逻辑