会话级本地存储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()
网友评论