perspective css视距属性
- 可以理解为用户视点与Z平面的距离,取值范围
大于 0, 值越小,则离Z平面的距离越近; - 父节点未设置
perspective时,用户是以正交相机来观察子元素的变化(可以参考three.js的OrthographicCamera),父节点设置该属性以后,用户是以远景相机来观察子元素变化(可以参考three.js中的PerspectiveCamer) - 假设父节点的
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字符串,第二种常用来传递不会改变的静态量