Dev

[pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] function getimgbase64(file){ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); canvas.width = canvaswidth; canvas.height = canvasheight; var x=$('#make-photo .theme').children('.photo').css('left').split('px')[0]; var img = new Image(); function tmpLoad() { x = x > 0 ? x : -x; ctx.drawImage(im...

原文地址：http://amazeui.org/1.x/javascript/fastclick/ FastClick.attach(document.body); 不应用 FastClick 的场景 如果 viewport meta 标签 中设置了 width=device-width， Android 上的 Chrome 32+ 会禁用 300ms 延时；

有时候 margin: 0 auto 无法居中 使用如下代码 其中宽度margin-left是宽度width除以二，就是先把左边界放到中间，然后移动到中间位置 left: 50%;margin-left: -190px;

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);

getContext() 方法返回一个用于在画布上绘图的环境。 语法 Canvas.getContext(contextID) 参数 参数 contextID 指定了您想要在画布上绘制的类型。当前唯一的合法值是 "2d"，它指定了二维绘图，并且导致这个方法返回一个环境对象，该对象导出一个二维绘图 API。 提示：在未来，如果 <canvas> 标签扩展到支持 3D 绘图，getContext() 方法可能允许传递一个 "3d" 字符串参数。

原文地址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...

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()...

element.addEventListener(event, function, useCapture) 参数值 参数 描述 event 必须。字符串，指定事件名。 注意: 不要使用 “on” 前缀。 例如，使用 “click” ,而不是使用 “onclick”。 提示： 所有 HTML DOM 事件，可以查看我们完整的 HTML DOM Event 对象参考手册。 function 必须。指定要事件触发时执行的函数。 当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如， “click” 事件属于 MouseEvent(鼠标事件) 对象。 useCapture 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。 可能值: true - 事件句柄在捕获阶段执行 false- false- 默认。事件句柄在冒泡阶段执行   冒泡：即事件由子元素向祖先元素传播的，就像气泡从水底向水面上浮一样 ‘父级’元素先发生则为：捕获型 ‘子级’先发生则为：冒泡型

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","...

  [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...