• 不断学习才有回报,学无止境!

70个404错误页面图赏

70个404错误页面图赏
下面就向朋友们展示一下我收集的一些404错误页面,这些404页面的确是相当有创意,有人说这些404甚至比看到原来所想要的页面更有价值呢。由于图片较多加载速度比较慢,请朋友们耐心等待下。图1图2图3图4图5图6图7图8图9图10图11图12图13图14图15图16图17图18图19……继续阅读 »

6年前 (2016-01-22) 1081浏览 0评论

HTML5 classList属性

HTML5 classList属性
HTML元素可以有多个CSS类名,class属性保存了一个用空格隔开的类名列表。标识符class在JavaScript中是保留字,所以在JavaScript中可以用className。//如下代码设置和清除元素的className属性来为元素添加或移除attention类function grabAttention(e){e.className="att……继续阅读 »

7年前 (2015-08-16) 901浏览 0评论

HTML5的WebSocket技术

HTML5的WebSocket技术
在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名为……继续阅读 »

7年前 (2015-08-10) 950浏览 0评论

页面自动刷新代码

页面自动刷新代码
描述:为了反映站点数据的变化,通常需要页面进行自动刷新。刷新结果可以是当前页面,也可以转换到指定页面。实现代码: <meta http-equiv=”refresh” content=”3,url=http://www.baidu.com” />难点剖析:重点是meta元素,其属性”……继续阅读 »

7年前 (2015-07-13) 885浏览 0评论

HTML中的base标签的基本用法

HTML中的base标签的基本用法
<base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>……继续阅读 »

7年前 (2015-05-12) 1244浏览 0评论

纯CSS实现扑克牌效果

纯CSS实现扑克牌效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en">&l……继续阅读 »

7年前 (2015-05-08) 766浏览 0评论

一些设备上浏览器的默认viewport的宽度

一些设备上浏览器的默认viewport的宽度
移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,再具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。在默认情况下,一般来讲,移动设备上的viewport都是要大于浏览器可视区域的,……继续阅读 »

7年前 (2015-03-10) 620浏览 0评论

让placeholder属性兼容所有浏览器

让placeholder属性兼容所有浏览器
placeholder由于是HTML5的新属性,因此直接使用会导致很多浏览器的不兼容,尤其是万恶的IE,虽然从IE10起开始支持,但是,使用IE6-IE9的人们依旧不在少数,如何使其兼容所有属性,最理想的办法就是通过JS达到效果。看代码:JS部分:(function(){//判断是否支持placeholderfunction isPlaceho……继续阅读 »

7年前 (2015-02-16) 763浏览 0评论

HTML DOM中的Document对象

HTML DOM中的Document对象
Document 对象Document 对象代表整个HTML 文档,可用来访问页面中的所有元素。Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访问。Document 对象的集合:(1)all[]:all 集合返回对文档中所有 HTML 元素的引用。语法:document.all[i]do……继续阅读 »

7年前 (2015-02-05) 754浏览 0评论

html5的canvas的用法总结

html5的canvas的用法总结
  canvas的方法save()保存当前环境的状态restore() 返回之前保存过的路径状态和属性createEvent()getContext()返回一个对象,指出访问绘图功能必要的APItoDataUPL() 返回canvas图像的URL  线条样式的属性和方法属性:lineCap设置或返回线条的结束端点样式lineJoin设置或返……继续阅读 »

7年前 (2014-12-10) 668浏览 0评论