h5
灵灵7
这个作者很懒,什么都没留下…
展开
-
h5 获取地理位置 navigator.geolocation.getCurrentPosition(success, error, options)
navigator.geolocation.getCurrentPosition(success, error, options)例子解析:一、获取定位//1. 检测是否存在定位 navigator.geolocation//2. 定位后使用方法 getCurrentPosition(), 并传入回调函数(获取成功的回调函数,失败的回调函数)二、获取成功or 失败:...原创 2019-03-09 14:26:26 · 8626 阅读 · 3 评论 -
h5 储存 localStorage、sessionStorage、Cookie的区别及用法
https://segmentfault.com/a/1190000012057010localStorage和sessionStorage使用时使用相同的API: localStorage.setItem("key","value");//以“key”为名称存储一个值“value” localStorage.getItem("key");//获取名称为“key”的值 ...原创 2019-03-09 19:36:12 · 401 阅读 · 0 评论 -
h5 表单元素-datalist
一、什么时候该使用DataList要注意的是,使用这种下拉的智能提示框也要注意场合。比如在一些要选择不是太多的场景下,使用一般的下拉框其实就可以了。而如果在需要用户在很多数据中去选择,则可以建议使用Datalist下拉建议提示框,因为可以方便用户快速检索去选择。datalist 元素规定输入域的选项列表。 列表是通过 datalist 内的 option 元素创建的。 如需把 data...转载 2019-03-10 16:13:43 · 712 阅读 · 0 评论 -
html5 和 CSS3 Media Query(媒体查询) 浏览器兼容问题:html5shiv.js 和 respond.min.js
html5shiv:解决 IE6-8 浏览器对H5标签的无法识别问题:ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。respond.min.js:媒体查询功能:让不支持css3Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还...原创 2019-03-10 21:12:55 · 454 阅读 · 0 评论 -
IE 浏览器:HTML条件注释判断IE !--[if IE]
在某些js,html前端框架中经常会有如下这样的语句,不要以为它是注释掉了,它表示IE9版本以下的IE浏览器用jquery-1.11.3版本,IE9以及以上的浏览器将会用jquery-2.1.4版本,这种用法是很多的,如下:<!--[if lt IE 9]><script type="text/javascript" src="js/jquery-1.11.3.min.j...转载 2019-03-22 17:33:25 · 1398 阅读 · 0 评论 -
HTML5的离线储存:储存在 .appcache文件
那什么是AppCache呢?顾名思义,AppCache就是对app内存缓存的方案,具体表现为当请求某个文件时不是从网络获取该文件,而是从本地获取。AppCache好处应用程序缓存为应用带来三个优势:离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源1、使用AppCache机制实现缓存html...转载 2019-04-15 16:19:14 · 2203 阅读 · 0 评论 -
使用Service Worker和离线缓存Cache
参考原文章:使用Service Worker和离线缓存Cache https://www.jianshu.com/p/778f37db5a49为什么不直接用web worker?Web Worker 是临时的,每次做的事情的结果还不能被持久存下来,如果下次有同样的复杂操作,还得费时间的重新来一遍。那我们能不能有一个Worker 是一直持久存在的,并且随时准备接受主线程的命令。基于这样的需...转载 2019-04-15 16:37:21 · 1118 阅读 · 0 评论 -
cookies,sessionStorage 和 localStorage 的区别?
cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密) cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递 sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存 存储大小: cookie数据大小不能超过4k sessio...转载 2019-04-15 16:52:23 · 86 阅读 · 0 评论 -
html5shiv 解决 浏览器 IE6-8 不能识别 H5 元素的问题
针对IE浏览器html5shiv 是比较好的解决方案。html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式用法:本地引入/cdn网络文件引入:(这里使用菜鸟网站的线上文件链接)1.下载html5shiv 文件,并在文件头部的<script>标签引入。2.<!--[if It IE 9...原创 2019-04-15 15:13:34 · 308 阅读 · 0 评论