18-10-05

138 阅读1分钟

perspective css视距属性

  1. 可以理解为用户视点与Z平面的距离,取值范围 大于 0, 值越小,则离Z平面的距离越近;
  2. 父节点未设置 perspective 时,用户是以正交相机来观察子元素的变化(可以参考three.js的OrthographicCamera),父节点设置该属性以后,用户是以远景相机来观察子元素变化(可以参考three.js中的PerspectiveCamer)
  3. 假设父节点的perspective值为parentPerVal,子节点在Z轴上的变化为sonZaxisVal, 那么子元素的scale值要设为 |parentPerVal- sonZaxisVal|/ parentPerVal,子元素视觉大小才与未变形状态下一致

Vue组件传入props的两种方式

1. <my-tips :htmlStr="tips"></my-tips>
2. <my-tips htmlstr="tips"></my-tips>

第一种,传入子组件的是tips对象,而第二种传入的是tips字符串,第二种常用来传递不会改变的静态量