请使用firefox,chrome等最新浏览器浏览本站。

标签:html5

前端

grunt-contrib-sass参数说明

Grunt是一个自动化的项目构建工具。如果你需要重复的执行像压缩,编译,单元测试,代码检查以及打包发布的任务。那么你可以使用Grunt来处理这些任务,你所需要做的只是配置好Grunt,这样能很大程度的简化你的工作。 grunt-contrib-sass是 grunt 运行sass的一个插件。 Sass是一个css预处理器,通过sass你可以使用嵌套、变量、混……继续阅读 »

阿豹 3年前 (2015-07-22) 356浏览 0评论 4个赞

html5

HTML5转盘抽奖示例讲解

之前写过一款基于canvas的刮刮乐插件,详情请查看html5刮刮乐插件,今天给大家分享基于转盘形式的抽奖案例: 由图可知我们将转盘分为12块区域,每块区域为30度。要实现随机旋转,首先我们要规定每块区域最终标记的度数。比如一等奖区域,我们显示为0度,二等奖区域,我们显示为120度。 所以我们可以定义一个12位的数组记录最终的度数: var dataOb……继续阅读 »

阿豹 4年前 (2015-04-15) 650浏览 1评论 5个赞

html5

html5 classList API

classList API是与操作dom元素类名相关的api. 查看兼容性 之前我们用js操作dom元素的类名,采用的是dom.className方法,这样做有一个弊端就是不能单独对className就行增减操作。需要采用replace()方法。从而增加了一些不必要的操作。 classList API列表: 方法或属性 说明 add(“c……继续阅读 »

阿豹 4年前 (2015-03-19) 366浏览 0评论 3个赞

html5

HTML5 Placeholder 兼容

placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入内容)时,提示文字消失。 由于placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及i……继续阅读 »

阿豹 4年前 (2015-03-18) 345浏览 0评论 2个赞

html5

canvas 时钟

查看demo canvas时钟代码: var canvas = document.getElementById('clock'); var clock = canvas.getContext('2d'); function drowClock() { //清除画布 clock.clearRect(0, 0, 300, 300); v……继续阅读 »

阿豹 4年前 (2015-03-04) 325浏览 0评论 1个赞

html5

文件和二进制数据的操作

Blob对象 Blob(Binary Large Object)对象代表了一段二进制数据. 生成Blob对象有两种方法:一种是使用Blob构造函数,另一种是对现有的Blob对象使用slice方法切出一部分。 (1)Blob构造函数,接受两个参数。第一个参数是一个包含实际数据的数组,第二个参数是数据的类型,这两个参数都不是必需的。 var htmlParts……继续阅读 »

阿豹 4年前 (2015-03-03) 364浏览 0评论 0个赞

html5

HTML5 Web Notifications API

概述 Notifications API用于在用户的桌面(而不是网页上)显示通知信息,桌面电脑和手机都适用,比如通知用户收到了一封Email。具体的实现形式由浏览器自行部署,对于手机来说,一般显示在顶部的通知栏。 如果网页代码调用这个API,浏览器会询问用户是否接受。只有在用户同意的情况下,通知信息才会显示。 查看浏览器兼容性 下面的代码用于检查浏览器是否支……继续阅读 »

阿豹 4年前 (2015-03-03) 284浏览 0评论 0个赞