![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html(html5)
文章平均质量分 90
Panda_Joy
态度决定结果, 细节决定成败, 习惯成就未来
展开
-
定义文档兼容性
IE=EmulateIE7 标签的作用对于 Web 开发人员来说,文本兼容性是一个要考虑的重要问题。Windows Internet Explorer 8 引入了文本兼容性模式,该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页,从而允许开发人员选择更新时间。本文档将介绍由 Windows Internet Explorer 8 支持的文本兼容性模式,以及如何使用自转载 2014-11-25 09:51:57 · 483 阅读 · 0 评论 -
javascript中new Date()的浏览器兼容性问题
引言: 同一种语言javascript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。1. 问题的提出, 开始时间和结束时间空间无法正确的传递值 在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的,在Chrome下是可以正常运行原创 2015-04-08 13:04:55 · 547 阅读 · 0 评论 -
移动手机平台的HTML5前端优化指南
对于访问量大的网站来说,前端的优化是必须的,即使是优化1KB的大小对其影响也很大,下面来看看来自ISUX的米随随讲讲移动手机平台的HTML5前端优化,或许对你有帮助和启发。概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用L转载 2015-02-06 09:49:31 · 545 阅读 · 0 评论 -
HTML5 Access-Control-Allow-Origin解决跨域问题
跨域请求:A.abc.com 发起一个到 abc.com/B 的ajax请求,也会有跨域的问题。之所以会有跨域问题,实则是因为www.abc.com其实同A.abc.com一样,也是一个二级域名,而非一级域名(一级域名是http://abc.com)。对于是否允许跨域,更详细的说明可以看下表:URL说明是否允许通信http://www.a.com/a.j原创 2015-02-05 11:37:09 · 9978 阅读 · 0 评论 -
用一个二维码做下载地址,自动区分是 ios 还是 android
二维码下载 /* * 智能机浏览器版本信息: * */ var browser = { versions: function() { var u = navigator.us原创 2015-01-16 13:42:46 · 789 阅读 · 0 评论 -
html5 新特性支持的浏览器检测
try{ document.createElement("canvas").getContext("2d"); document.write("浏览器支持html5 canvas\n"); }catch(e){ console.log("浏览器不支持html5 canvas\n"); } var hasVideo = !!(document.cre原创 2015-01-14 11:33:12 · 646 阅读 · 0 评论 -
html5中的Web Storage特性:sessionStorage和localStorage
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非转载 2014-12-22 09:40:34 · 492 阅读 · 0 评论 -
HTML5 Canvas 制作水波纹效果
今天,我们继续分享 JavaScript 实现的效果例子,这篇文章会介绍使用 JavaScript 实现水波纹效果。水波效果以图片为背景,点击图片任意位置都会触发。有时候,我们使用普通的Javascript 就可以创建一个很有趣的解决功能。 在线演示 源码下载 Step 1. HTML和以前一样,首先是 HTML 代码:原创 2015-01-27 09:04:54 · 2408 阅读 · 0 评论 -
【HTML5】sessionStorage 、localStorage 和 cookie 之间的区别
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、 localStorage、cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”的概念。 ses转载 2014-12-01 15:29:53 · 766 阅读 · 0 评论 -
【HTML5】'data-'属性的作用是什么?
可能大家在使用jquery mobile时,经常会看到data-role、data-theme等的使用,比如:通过如下代码即可实现页眉的效果: 我是标题 为什么写一个data-role="header"就能实现底部为黑色、文字居中显示的效果呢?本文提供一种最简单的实现办法,让大家对这些用法有个直观的了解。我们写一个html页面,自定义一个data-chb="hea原创 2014-12-01 10:56:12 · 4742 阅读 · 0 评论 -
详解html标签meta的用法
meta meta是html语言head区的一个辅助性标签。几乎所有的网页里,我们可以看到类似下面这段的html代码: <head> <meta http-equiv="content-Type" content="text/html; charset=gb2312"> </head> 也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效转载 2014-11-25 09:20:12 · 439 阅读 · 0 评论 -
如何更专业的使用Chrome开发者工具
顾名思义Chrome开发工具就是一个工具,它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面,也可以通过这个工具调试和测试Web页面或Web应用程序。有了这个工具,你可以做很多有趣的事情:调试界面的问题使用断点调试JavaScript代码优化你的代码打开开发者工具,你只需要在页面的任意位置右击鼠标,选择检查元素或从右上角菜单中选择“工具>更多工具>开发者工具“。下面转载 2015-09-23 15:11:57 · 413 阅读 · 0 评论