Web存储
Web 存储对象的类型
Web 存储对象有两种类型:
localStorage 与 sessionStorage 的区别
localStorage 对象存储的数据没有时间限制。
sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。
Web 存储使用的 API
不管是 localStorage,还是 sessionStorage,可使用的 API 都相同,常用的有如下几个(以 localStorage 为例):
-
保存数据:
localStorage.setItem(key,value); -
读取数据:
localStorage.getItem(key); -
删除单个数据:
localStorage.removeItem(key); -
清除所有数据:
localStorage.clear(); -
得到某个索引的key:
localStorage.key(index);
注意:
- 键/值对通常以字符串存储,你可以按自己的需要转换该格式。
地理定位
什么是 Geolocation API?
HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。
注意:
Geolocation(地理定位)对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。
Geolocation API 的主要方法是 getCurrentPosition。
如果 getCurrentPosition() 运行成功,则 getCurrentPosition() 方法返回对象。始终会返回 latitude、longitude 以及 accuracy 属性。如果可用,则会返回其他下面的属性:
coords.latitude:十进制数的纬度。coords.longitude:十进制数的经度。coords.accuracy:位置精度。coords.altitude:海拔,海平面以上以米计。coords.altitudeAccuracy:位置的海拔精度。coords.heading:方向,从正北开始以度计。coords.speed:速度,以米/每秒计。timestamp:响应的日期/时间。