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

标签:html5

html5

HTML5 拖放操作

html5 Drag and Drop api允许对元素进行拖放。 查看浏览器兼容性 draggable属性 如果网页元素的draggable属性为true,这个元素就是可以拖动的。 <div draggable=”true”>Draggable Div</div> 在大多数浏览器中,a元素和img元素默认……继续阅读 »

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

html5

HTML5 FileReader的使用

本文来自file api FileReader对象用于读取文件,即把文件内容读入内存。它的参数是File对象或Blob对象。 检测浏览器对FileReader的支持 if(window.FileReader) { var fr = new FileReader(); // add your code here } e……继续阅读 »

阿豹 4年前 (2015-02-27) 255浏览 0评论 0个赞

html5

Canvas API——像素处理

通过getImageData方法和putImageData方法,可以处理每个像素,进而操作图像内容。 var pixels= context.getImageData(0, 0, canvas.width, canvas.height); 灰度效果 灰度图(grayscale)就是取红、绿、蓝三个像素值的算术平均值,这实际上将图像转成了黑白形式。假定d[i]……继续阅读 »

阿豹 4年前 (2015-02-26) 286浏览 0评论 0个赞

html5

Canvas API——save,restore

save()和restore()方法是绘制复杂图形必不可少的方法.它们分别是用来保存和恢复 canvas 状态的,都没有参数。 Canvas 状态是以堆(stack)的方式保存的,每一次调用 save 方法,当前的状态就会被推入堆中保存起来。这种状态包括:当前应用的变形(即移动,旋转和缩放), strokeStyle, fillStyle, globalAl……继续阅读 »

阿豹 4年前 (2015-02-26) 243浏览 0评论 0个赞

html5

Screen Orientation API

什么是Screen Orientation API呢? Screen Orientation API是一个能让Web开发者能控制屏幕旋转方向的API,开发者可以利用该API检测屏幕的当前方向,在屏幕方向发生改变时得到消息通知,并能通过API将屏幕方向锁定到指定状态。至写本文时,目前主流的浏览器都已经部分支持或决定支持该API,FireFox 26和IE 11……继续阅读 »

阿豹 4年前 (2014-10-22) 452浏览 1评论 0个赞

html5

HTML head 头标签

HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的。介绍常用的 head 中各个标签、元素的意义……继续阅读 »

阿豹 4年前 (2014-10-20) 353浏览 1评论 0个赞

html5

YAHOO 军规

1.尽可能减少HTTP请求 每次HTTP请求都会消耗时间,可以通过合并图片,javascript,css来减少HTTP请求 2.使用CDN(内容分发网络) 原理:在留你最近的地方,放置一台性能好,链接顺畅的副本服务器,让你能够以最近的距离,最快的速度获取内容。 3.添加Expire/Cache-Control头 apache开启expire模块,当返回资源时……继续阅读 »

阿豹 4年前 (2014-09-28) 211浏览 0评论 0个赞