Browsing "javascript"
Apr 3, 2014 - javascript, 前端    No Comments

对于移动端浏览器touch事件的研究总结(1)

最基本的4种触摸事件:

  • touchstart : 手指触摸屏幕时触发
  • touchmove : 手指在屏幕上滑动时触发
  • touchend : 手指离开屏幕时触发
  • touchcancel : 系统取消touch事件的时候触发。(例如你在浏览器里玩HTML5的游戏,这个时候你女朋友打电话进来了,就会触发touchcancel事件,游戏的作者就可以在这里做暂停游戏、自动存档等操作)

每个触摸事件都包括了三个触摸列表:

  • touches : 当前位于屏幕上的所有手指动作的列表
  • targetTouches : 位于当前 DOM 元素上的手指动作的列表
  • changedTouches : 涉及当前事件的手指动作的列表。例如,在一个 touchend 事件中,这将是移开手指

Read more »

Nov 5, 2013 - javascript    No Comments

Ext.apply详解和实际应用

首先看一下Ext.apply的源码:

Ext.apply = function(o, c, defaults){  
    // no "this" reference for friendly out of scope calls  
    if(defaults){  
        Ext.apply(o, defaults);  
    }  
    if(o && c && typeof c == 'object'){  
        for(var p in c){  
            o[p] = c[p];  
        }  
    }  
    return o;  
};

这是非常经典的对象浅复制的函数。第一个参数o是目标对象,第二个参数c是源对象,第三个是可选参数defaults,表示给目标对象o的一个默认值。整个函数就是会把源对象c和可选参数defaults的所有属性一股脑儿的复制给目标对象c。(如果遇到对象o已有的属性则会覆盖。所以会先把defaults的所有属性都复制给o,然后再把c所有的属性复制给0。)

是不是有点绕,还是来看例子简单明了。
Read more »

Sep 5, 2012 - javascript, 前端    No Comments

brower.js配合swfobject.js

在flash日益走向非主流的今天,有些时候你还是不得不承认页面上有些东西还是flash做起来最快,效果也最好。比如一个巨大的KV。不过在兼容手机浏览器越来越正常的今天,我们前端页面仔就又多出来了一件事,就是让显示flash的区域在手机端显示一张图片,最好还是带link。

其实实现起来也很简单,就是brower.js配合swfobject.js

swfobject.js就不用说了,现在页面上的flash几乎都是用这个来写入的。

brower.js的代码如下:
Read more »

Sep 3, 2012 - javascript, 前端    No Comments

Javascript Random

前几天弄了一下node.js的uuid,发现这个js其实也是可以用在前端的。同时又在项目中用到了那个getSeconds();的简单随机数。于是有了整理一下javascript随机数的念头。顺便写了一篇教程给公司的实习生用。

简单的getSeconds();随机数:

var randomNumberbySeconds = function(maxnum) {
	var now = new Date();
	//var number = now.getSeconds(); // 0 - 59 随机数
	//var number = now.getSeconds() % 43; // 0 - 42
	//var number = now.getSeconds() % (maxnum + 1);  // 0 ~ 43
	var number = now.getSeconds() % maxnum + 1; // 1 ~ 43
	return number;
}

Read more »

Pages:«12