发表于: 2016-05-28 00:39:40

0 1777


1,今天完成的任务:复习了一遍css3的3d和2d动画,看了看H5的localStorage,存储。

2,明天计划的事情:继续练习js。

3,遇到的问题:暂无、

4,收获:

localStorage提供了几个方法:

1、存储:localStorage.setItem(key,value)

如果key存在时,更新value


2、获取:localStorage.getItem(key)

如果key不存在返回null


3、删除:localStorage.removeItem(key)

一旦删除,key对应的数据将会全部删除


4、全部清除:localStorage.clear()

某些时候使用removeItem逐个删除太麻烦,可以使用clear,执行的后果是会清除所有localStorage对象保存的数据


5、遍历localStorage存储的key
.length 数据总量,例:localStorage.length

.key(index) 获取key,例:var key=localStorage.key(index);


6、存储JSON格式数据
JSON.stringify(data)  将一个对象转换成JSON格式的数据串,返回转换后的串

JSON.parse(data) 将数据解析成对象,返回解析后的对象。


localStorage存数的数据是不能跨浏览器共用的,一个浏览器只能读取各自浏览器的数据,储存空间5M。


二,css3。旋转和搭建3d空间环境。

搭建3d空间的代码:

1,perspective:800px;(这个是展示物品距离窗口的距离)。

2,perspective-origin:50% 50%;(我们观看的视角。现在处于正中间)。

3,transform-style:preserve-3d;(告诉元素3D旋转)

完毕。

transform.translateXpx;(沿x轴位移。)左右

transform.translateYpx;(沿Y轴位移。)上下

transform.translateZpx;(沿Z轴位移。)前后

旋转:

transform:rotateX(deg)  沿x轴旋转。前后

transform:rotateY(deg)  沿Y轴旋转。左右

transform:rotateZ(deg)  沿Z轴旋转。


返回列表 返回列表
评论

    分享到