禁用HTML5 300ms延迟
原文地址：http://amazeui.org/1.x/javascript/fastclick/ FastClick.attach(document.body); 不应用 FastClick 的场景 如果 viewport meta 标签 中设置了 width=device-width， Android 上的 Chrome 32+ 会禁用 300ms 延时；
absolute 定位居中代码
有时候 margin: 0 auto 无法居中 使用如下代码 其中宽度margin-left是宽度width除以二，就是先把左边界放到中间，然后移动到中间位置 left: 50%;margin-left: -190px;
HTML5 canvas drawImage() 方法
var context = c.getContext("2d"); JavaScript 语法 1 在画布上定位图像： context.drawImage(img,x,y); JavaScript 语法 2 在画布上定位图像，并规定图像的宽度和高度： context.drawImage(img,x,y,width,height); JavaScript 语法 3 剪切图像，并在画布上定位被剪切的部分： context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);
HTML DOM getContext() 方法
getContext() 方法返回一个用于在画布上绘图的环境。 语法 Canvas.getContext(contextID) 参数 参数 contextID 指定了您想要在画布上绘制的类型。当前唯一的合法值是 "2d"，它指定了二维绘图，并且导致这个方法返回一个环境对象，该对象导出一个二维绘图 API。 提示：在未来，如果 <canvas> 标签扩展到支持 3D 绘图，getContext() 方法可能允许传递一个 "3d" 字符串参数。
HTML5中类jQuery选择器querySelector的使用
原文地址http://www.cnblogs.com/Wayou/p/html5_web_api_queryselector.html HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素 用法 两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。 element = document.querySelector('selectors'); elementList = document.querySelectorAll('selectors'); 其中参数selectors 可以包含多个CSS选择器，用逗号隔开。 element = document.querySelector('selector1,selector2,...'); elementList = document.querySelectorAll('selector1,selector2,...'); 使用这两个方法无法查找带伪类状态的元素，比如querySe...
JS prototype 原型
1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类： a 类方法 b 对象方法 c 原型方法 例子： function People(name) { this.name=name; //对象方法 this.Introduce=function(){ alert("My name is "+this.name); } } //类方法 People.Run=function(){ alert("I can run"); } //原型方法 People.prototype.IntroduceChinese=function(){ alert("我的名字是"+this.name); } //测试 var p1=new People(“Windking”); p1.Introduce(); People.Run(); p1.IntroduceChinese()...
addEventListener js 捕获阶段 冒泡阶段
element.addEventListener(event, function, useCapture) 参数值 参数 描述 event 必须。字符串，指定事件名。 注意: 不要使用 “on” 前缀。 例如，使用 “click” ,而不是使用 “onclick”。 提示： 所有 HTML DOM 事件，可以查看我们完整的 HTML DOM Event 对象参考手册。 function 必须。指定要事件触发时执行的函数。 当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如， “click” 事件属于 MouseEvent(鼠标事件) 对象。 useCapture 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。 可能值: true - 事件句柄在捕获阶段执行 false- false- 默认。事件句柄在冒泡阶段执行 冒泡：即事件由子元素向祖先元素传播的，就像气泡从水底向水面上浮一样 ‘父级’元素先发生则为：捕获型 ‘子级’先发生则为：冒泡型
js 关键字 in 的使用方法
1.for in 循环 数组或对象属性迭代 [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] var x var mycars = new Array() mycars[0] = "Saab" mycars[1] = "Volvo" mycars[2] = "BMW" for (x in mycars) { document.write(mycars[x] + "<br />") } [/pcsh] 2.判断对象是否为数组/对象的元素/属性： [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] var arr = ["a","...
文字改变时应该会触发input事件
[pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] $('#home .content .in').children('input').on('input',function(e){ var index=$(this).index() console.log(index); var txt='' if($('input[name=t1]').val()){ txt+='我是'+$('input[name=t1]').val()+"<br />" } if($('input[name=t2]').val()){ txt+='不是'+$('input[name=t...
HTML5学习之FileReader接口
用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileReader接口。 1、FileReader接口的方法 FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会返回读取结果，这一结果存储在result属性中。 FileReader接口的方法 方法名 参数 描述 readAsBinaryString file 将文件读取为二进制编码 readAsText file,[encoding] 将文件读取为文本 readAsDataURL file 将文件读取为DataURL abort (none) 终端读取操作 2、FileReader接口事件 FileReader接口包含了一套完整的事件模型，用于捕获读取文件时的状态。 FileReader接口的事件 事件 描述 onabort 中断 onerror 出错 ...
