HTML元素可以有多个CSS类名，class属性保存了一个用空格隔开的类名列表。标识符class在JavaScript中是保留字，所以在JavaScript中可以用className。//如下代码设置和清除元素的className属性来为元素添加或移除attention类function grabAttention(e){e.className="att……继续阅读 » 9年前 (2015-08-16) 1616浏览 0评论
在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：它可用于客户端、服务器端。而且有一个优秀的第三方API，名为……继续阅读 » 9年前 (2015-08-10) 1601浏览 0评论
响应式布局，理想状态是，对PC/移动各种终端进行响应。媒体查询的支持程度是IE9+以及其他现代的浏览器，但是IE8在市场当中仍然占据了比较大量的市场份额，使我们不得不进行IE低端浏览器的考虑。那么如何在IE6~8浏览器中兼容响应式布局呢？这里我们需要借助这样一个文件：respond.js。文件下载地址：https://github.com/scottjehl……继续阅读 » 9年前 (2015-06-04) 1447浏览 0评论
placeholder由于是HTML5的新属性，因此直接使用会导致很多浏览器的不兼容，尤其是万恶的IE，虽然从IE10起开始支持，但是，使用IE6-IE9的人们依旧不在少数，如何使其兼容所有属性，最理想的办法就是通过JS达到效果。看代码：JS部分：(function(){//判断是否支持placeholderfunction isPlaceho……继续阅读 » 10年前 (2015-02-16) 1444浏览 0评论
canvas的方法save()保存当前环境的状态restore() 返回之前保存过的路径状态和属性createEvent()getContext()返回一个对象,指出访问绘图功能必要的APItoDataUPL() 返回canvas图像的URL 线条样式的属性和方法属性:lineCap设置或返回线条的结束端点样式lineJoin设置或返……继续阅读 » 10年前 (2014-12-10) 1353浏览 0评论
<!– 启用360浏览器的极速模式(webkit) –><meta name=”renderer” content=”webkit”><!– 避免IE使用兼容模式 –><meta http-equiv=”……继续阅读 » 10年前 (2014-11-22) 1657浏览 0评论
<article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。HTML5:<article></article>HTML4:<div></div><aside>标签定义 article ……继续阅读 » 10年前 (2014-10-17) 1483浏览 0评论
我也是从网上看来的，觉得很好所以，就copy了一下Web 开发者经常在找一些新的方法来不断的提升页面的速度和性能，而 HTML5 的很多新特性可以实现，让用户有着更好的体验，在这里我们整理了 9 中简单易于实现的 HTML5 技巧，或许可以对你有所帮助。1. 使用 HTML5 表单和输入框HTML5 引入很多全新的表单属性和输入框类型，虽然并不是所有的……继续阅读 » 10年前 (2014-10-03) 1414浏览 0评论
html5自从推广普及以来，迅速被各大浏览器支持。采用html5设计的网页逐渐成为网页设计的时尚。下面就温习下html5的新增标签。HTML 5 中的新特性包括了嵌入音频、视频和图形的功能，客户端数据存储，以及交互式文档。HTML 5 还包含了新的元素，比如：<nav>, <header>, <footer> 以及 &……继续阅读 » 11年前 (2014-03-08) 1464浏览 0评论
