html5 离线存储 地理信息与本地存储
搭建离线应用程序 ①服务器设置头信息 : AddType text/cache-manifest .manifest ② html标签加 : manifest=“xxxxx.manifest” ③写manifest文件 : 离线的清单列表 先写 : CACHE MANIFEST FALLBACK : 第一个网络地址没获取到,就走第二个缓存的 NETWORK :无论缓存中存在与否,均从网络获取
web Workers Worker运行环境 navgator : appName、appVersion、userAgent、platform location : 所有属性都是只读的 self : 指向全局 worker 对象 所有的ECMA对象,Object、Array、Date等 XMLHttpRequest构造器 setTimeout和setInterval方法 close()方法,立刻停止worker运行 importScripts方法
内容编辑 contenteditable = "true" 语言输入 <input type="text" x-webkit-speech/>
地理位置对象
navigator.geolocation 单次定位请求 :getCurrentPosition(请求成功,请求失败,数据收集方式) 请求成功函数 经度 : coords.longitude 纬度 : coords.latitude 准确度 : coords.accuracy 海拔 : coords.altitude 海拔准确度 : coords.altitudeAcuracy 行进方向 : coords.heading 地面速度 : coords.speed 时间戳 : new Date(position.timestamp)
请求失败函数 失败编号 :code 0 : 不包括其他错误编号中的错误 1 : 用户拒绝浏览器获取位置信息 2 : 尝试获取用户信息,但失败了 3 : 设置了timeout值,获取位置超时了 数据收集 : json的形式 enableHighAcuracy : 更精确的查找,默认false timeout : 获取位置允许最长时间,默认infinity maximumAge : 位置可以缓存的最大时间,默认0
多次定位请求 : watchPosition(像setInterval) 移动设备有用,位置改变才会触发 配置参数:frequency 更新的频率
关闭更新请求 : clearWatch(像clearInterval)
本地存储: Cookie 数据存储到计算机中,通过浏览器控制添加与删除数据 Cookie的特点 存储限制 域名100个cookie,每组值大小4KB 客户端、服务器端,都会请求服务器(头信息) 页面间的cookie是共享 Storage sessionStorage session临时回话,从页面打开到页面关闭的时间段窗口的临时存储,页面关闭,本地存储消失 localStorage 永久存储(可以手动删除数据) Storage的特点 存储量限制 ( 5M ) 客户端完成,不会请求服务器处理 sessionStorage数据是不共享、 localStorage共享
Storage API setItem(): 设置数据,keyvalue类型,类型都是字符串可以用获取属性的形式操作 getItem(): 获取数据,通过key来获取到相应的value removeItem(): 删除数据,通过key来删除相应的value clear(): 删除全部存储的值
存储事件: 当数据有修改或删除的情况下,就会触发storage事件 在对数据进行改变的窗口对象上是不会触发的 Key : 修改或删除的key值,如果调用clear(),key为null newValue : 新设置的值,如果调用removeStorage(),key为null oldValue : 调用改变前的value值 storageArea : 当前的storage对象 url : 触发该脚本变化的文档的url 注:session同窗口才可以,
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- Python3爬虫 利用百度地图api得到城市经纬度
- [未解决]报错: pytesseract.pytesseract.TesseractNotFoundError: tesseract is not installed or it's not in y
- 6.01-re-split_chinese
- Mac上安装tesseract-OCR
- 6.02-news_re
- 6.03-news_xpath2
- 修改mysql密码
- 6.04-news_xpath3
- 6.05-btc
- 7.01-beautiful_soup
- mysql导入导出数据
- 7.01-beautiful_soup2
- 7.01-beautiful_soup3
- CentOS7上安装 JDK8 Hadoop Hive
- 7.02-bs4_btc