存储、动画

会话级本地存储sessionStorage

sessionStorage.setItem('键','值')                   存储数据

sessionStorage.getItem('键')                          读取数据

sessionStorage.removeItem('键')                   删除某一条数据

sessionStorage.clear()                                删除全部数据

持久型本地存储localstorage

localstorage.setItem('键','值')                        存储数据

localstorage.getItem('键')                              读取数据

localstorage.removeItem('键')                      删除某一条数据

localstorage.clear()                                       删除全部数据

cookie存储

document.cookie="username = cc"         存储

document.cookie// 获取整个cookie（所有名/值对，以‘;’隔开）   获取，字符串形式返回

document.cookie='username = aa'// 如此就可以将之前的cc，修改为aa      修改（跟存储有点像，但是设置的是旧值，cookie会自动识别，进行修改，而不是创建）

document.cookie='expires=Thu, 18 Dec 2043 12:00:00 GMT;path=/'         设置过期时间以及保存路径（默认关闭时删除，路径默认当前页面）

document.cookie='token=0;expires=Thu, 01 Jan 1970 00:00:00 GMT'       删除（第一个为你需要删除的属性值，然后设置过期的时间（过去的时间），默认就是删除）

关键帧动画

animation：动画名称  los  linear infinite;     名称  总时长   匀速   无限循环

animation-name: 动画名称；

animation-timing-function:linear;    指定动画效果（例如匀速或者先慢后快）

animation-duration:ls;  动画时长

animation-iteration-count:infinite;  动画运行次数 （infinite：无限次）

animation-fill-node:both;   设置动画结束时的状态

animation-direation:alternate;   alternate:顺时针   reverse:逆时针

animation-delay:5s;    动画延迟多久后再执行

2D转换   transform

transform:translate(0px 0px)   平移（参数一x轴，参数二y轴）

transform:rotate(45deg)   旋转

transform-origin:(0 0);    以那个起点进行旋转

transform:scale(0.5);   缩放

transform:skew(45deg);  倾斜 45deg

3D动画

perspective:0px;   设置视距（即观察者距离到这个平面之间的距离）

perspective-origin:0px 0px;   设置视距  以观察者的角度

transform-style:preserve-3d;指定元素位于3D空间中（在要做效果的元素中写）

请求动画

requestAnimationFrame()    类似于setTimeout()