随笔分类 -  HTML5

摘要:1.HTML5 History对象 支持使用pushState()方法修改地址栏地址,而不刷新页面。 popstate事件 当history实体被改变时,popstate事件将会发生。调用pushState()方法或者replaceState()方法是触发,当用户点击浏览器返回按钮时也会触发。 事件 阅读全文
posted @ 2017-11-25 17:03 天马3798 阅读(11844) 评论(0) 推荐(0) 编辑
摘要:一、浏览器自动记住密码功能 1.现在浏览器对表单中的密码域都有自动记住密码功能,只要表单中有密码域就会提示自动记住密码 2.浏览器记住密码功能和表单自动完成是两个独立的功能 3.记住密码功能对整个网站都起作用,跟页面没有关系。也就是说某个页面中记录的密码,在其他页面也会自动完成,只要表单中有密码域就 阅读全文
posted @ 2017-07-05 16:19 天马3798 阅读(2822) 评论(0) 推荐(0) 编辑
摘要:Geolocation 实例demo 1.使用watchPosition()监听客户端位置 微信WebView监听如下: 2.getCurrentPosition() 获取客户端位置,并显示到百度地图 js代码 更多: HTML5 Geolocation API地理定位整理(一) HTML5 离线缓 阅读全文
posted @ 2017-02-28 13:36 天马3798 阅读(1313) 评论(0) 推荐(1) 编辑
摘要:HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。 浏览器支持 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation(地理定位 阅读全文
posted @ 2017-02-28 13:32 天马3798 阅读(7652) 评论(0) 推荐(1) 编辑
摘要:大家都知道,HTML5 Geolocation 可以使用 IP 地址、基于 Web 的数据库、无线网络连接和三角测量或 GPS 技术来确定经度和纬度。 问题: 在一个基于地理位置服务的个人业余项目(小伙伴在哪儿)中,发现用PC获取的地理位置与手机端获取的地理信息存在微小的差距,PC端会经常出现获取不 阅读全文
posted @ 2017-02-28 11:21 天马3798 阅读(954) 评论(0) 推荐(0) 编辑
摘要:一、在HTMl页面的form表单中对disabled的元素的属性和值不会提交到服务器 实例1: 实例2:select标签没有readonly属性,所以在使用disabled的时候需要注意,当前值不会提交到服务器 实例3,JQuery表单的序列化 更多: 阻止浏览器记住密码功能 HTML5 <a>标签 阅读全文
posted @ 2016-12-22 13:51 天马3798 阅读(7115) 评论(0) 推荐(0) 编辑
摘要:一、简单实例 二、说明: 定义和用法 download 属性规定被下载的超链接目标。 在 <a> 标签中必须设置 href 属性。 该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等) 阅读全文
posted @ 2016-12-01 11:52 天马3798 阅读(760) 评论(0) 推荐(0) 编辑
摘要:一、关于浏览器记住密码功能 可以参考:http://www.cnblogs.com/tianma3798/p/6062869.html 二、如何控制浏览器不提示“是否记住密码”呢 解决方案1: 1.关闭表单的自动完成功能 autocomplete=off(这一条针对表单自动完成),关于参考:auto 阅读全文
posted @ 2016-11-14 18:47 天马3798 阅读(3667) 评论(0) 推荐(0) 编辑
摘要:1.本文内容还待完成 更多参考: https://www.secpulse.com/archives/3351.html 阅读全文
posted @ 2016-11-14 18:28 天马3798 阅读(317) 评论(0) 推荐(0) 编辑
摘要:一、关于浏览器记住密码功能 随着浏览器版本的提升,很多浏览器都提供了记住密码的功能。 每当输入密码,点击Submit提交表单的时候,如果每次输入的表单内容不同浏览器总会提示“是否记住密码?” 注:浏览器记住密码和浏览器的表单自动完成是两个不同的功能,也就是说表单自动完成关闭,如果客户端同意保存密码还 阅读全文
posted @ 2016-11-14 18:23 天马3798 阅读(1949) 评论(0) 推荐(0) 编辑
摘要:1.document.documentElement.style 属性定义了当前浏览器支持的所有Css属性 包括带前缀的和不带前缀的 例如:animation,webkitAnimation,msAnimation等 2.判断浏览器是否支持制定的css属性 3.判断当前浏览器是否支持支持Css3的属 阅读全文
posted @ 2016-11-14 16:37 天马3798 阅读(1073) 评论(0) 推荐(0) 编辑
摘要:一、实例说明: 测试结果:IE10及以上浏览器支持,Google,FF支持 HTML5 History 一:http://www.cnblogs.com/tianma3798/p/5584541.html 阅读全文
posted @ 2016-09-10 11:49 天马3798 阅读(535) 评论(0) 推荐(0) 编辑
摘要:继前面介绍过ICON-FONT的制作后,找了几个ICON库都是国外的今天偶然发现阿里巴巴的图标矢量库,www.iconfont.cn 用了之后感觉很强大,丰富的图标库(集合阿里妈妈&淘宝的图标库),还支持自己上传,关键还能生成你项目专用的CDN,速度不言而喻,支持国产。下面引用介绍 转载请注明来源: 阅读全文
posted @ 2016-06-24 10:35 天马3798 阅读(15644) 评论(0) 推荐(0) 编辑
摘要:常用网站app logo 下载: http://www.iconfont.cn/collections/show/268?spm=a313x.7781069.0.0.nDYawz 1.Web字体免费生成工具: https://icomoon.io/app/#/select 2.Fontmin - 中 阅读全文
posted @ 2016-06-23 18:25 天马3798 阅读(338) 评论(0) 推荐(0) 编辑
摘要:IcoMoon!一个可以通过个性化设置来创建自定义图标(字体)的生成器!也可以将SVG图片,转换成web字体 IcoMoon是一项免费的服务,通过使用不同设置使我们能够创建自定义的ICON图或ICON字体。当然了,网站也有资源打包下载!包括大多数流行的免费图标集(在its library里搜索),您 阅读全文
posted @ 2016-06-23 18:19 天马3798 阅读(2318) 评论(2) 推荐(0) 编辑
摘要:不幸声明,window.applicationCache 已经逐渐弃用 更多参考:https://www.cnblogs.com/tianma3798/p/12287972.html 可以使用Service Worker 代替 1.关于applicationCache对象 在IE和Google中 为 阅读全文
posted @ 2016-06-23 17:37 天马3798 阅读(4381) 评论(0) 推荐(0) 编辑
摘要:离线缓存是html5新特性之一,简单理解就是第一次加载后将数据缓存,在没有清除缓存前提下,下一次没有网络也可以加载,用在静态数据的网页或游戏比较好用。当然,Html5新的特性都不是所有浏览器都能支持的,离线缓存也一样。反正IE9(包括)及IE9以下的浏览器目前是不支持的。如果用在移动端,应该都能支持 阅读全文
posted @ 2016-06-21 22:42 天马3798 阅读(577) 评论(0) 推荐(0) 编辑
摘要:离线资源缓存 为了能够让用户在离线状态下继续访问 Web 应用,开发者需要提供一个 cache manifest 文件。这个文件中列出了所有需要在离线状态下使用的资源,浏览器会把这些资源缓存到本地。本节先通过一个例子展示 cache manifest 文件的用途,然后详细描述其书写方法,最后说明缓存 阅读全文
posted @ 2016-06-21 22:17 天马3798 阅读(411) 评论(0) 推荐(0) 编辑
摘要:一、History对象 History 对象包含用户(在浏览器窗口中)访问过的 URL。 History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。 注释:没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象。 IE: Intern 阅读全文
posted @ 2016-06-14 16:39 天马3798 阅读(3039) 评论(0) 推荐(0) 编辑
摘要:1.源码: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1" /> <sty 阅读全文
posted @ 2016-03-02 18:26 天马3798 阅读(2879) 评论(0) 推荐(0) 编辑