vueMS（四）

css样式相关

2.h1-h5样式中的居中居左等操作

text-align: left;居左 想要再在居左的基础上向右移动几个像素，配合padding-left:10px;使用
设置图片大小：要在div里加style=‘width:10rem;height:10rem’ 设置图片居中：position:absolute left: 50%; transform: translate(-50%, -50%);
水平居中分布

3.px和rem的换算

1rem=16px像素单位

4.css动画系统

出现： .name-enter{开始} .name-enter-active{过度} .name-enter-to{结束}
离开： .name-leave{开始} .name-leave-active{过度} .name-leave-to{结束}

旋转转盘： div属性 绑定style
:style="{transform:rotate_angle,transition:rotate_transition}
rotate_angle：传转动角度的值；360°等 rotate_transition: 传运动方式的值；"transform
4s ease-in-out"
连续转盘：思路：累加，记录第一次转的角度，然后用第一次得到的值+（360xn多转几圈）+第二次的值-第一次的值取余%360，以此类推。
transform：执行的动作以及角度 例：rotate(180deg) transition：执行的方式和时间
例：transform 4s ease-in-out

js语法相关：
js浅拷贝和深拷贝

let a = [1, 2, 3, 4, 5];
let b = a;
a[0] = 2;
console.log(a, b); 输出结果为：（[1, 2, 3, 4, 5],[1, 2, 3, 4, 5]） 深拷贝与浅拷贝：简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力

解决办法： //数组 let b = […a]

//对象 let b = {…a};