![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
extend
文章平均质量分 78
GG--Bond
不定期分享一些心得哦
展开
-
ES6箭头函数
由于箭头函数没有 this,所以会向外层查找 this 的值,即 bindEvent 中的 this,此时 this 指向实例对象,所以可以正确的调用 this.setBgColor 方法, 而 this.setBgColor 中的 this 也会正确指向实例对象。在这里再额外提一点,就是注意 bindEvent 和 setBgColor 在这里使用的是普通函数的形式,而非箭头函数,如果我们改成箭头函数,会导致函数里的 this 指向 window 对象 (非严格模式下)。原创 2023-07-16 21:29:19 · 78 阅读 · 1 评论 -
空间转换3D及动画
z 是 translateZ 的距离, 这个距离靠近我们,盒子越大。透视的作用: 空间转换时,为元素添加近大远小、近实远虚的视觉效果。动画最大的特点可以不用鼠标触发,自动的,反复的执行某些动画。透视距离也称为视距,所谓的视距就是人的眼睛到屏幕的距离。动画结束停留在最后一帧状态, 不循环状态使用。有了透视的加持,我们3d旋转效果会比较明显。让子盒子在父盒子内有空间的展示,此时可以给。注意:默认的旋转中心在盒子的中心位置。由几部分组成,不同的部分执行不同的功能。(Frame)的单位传输的,原创 2023-03-05 21:27:48 · 113 阅读 · 1 评论