aresli.com

先放一段对于昨天文章的补充：

event.touches 是与屏幕接触的所有手指的数组。而不仅仅是位于目标 DOM 元素上的那些。所以改用 event.targetTouches 或 event.changedTouches 要更实用一些。前者主体是DOM，后者主体是事件。我个人一般喜欢用changedTouches。

还有就是在写原生JS的touch事件和用Jquery写touch事件的一些小小的区别：

先来看两段代码：

第一段，不会alert的代码：

$("body").on('touchstart', function(event){ 
    alert(event.changedTouches.length);
});

第二段，可以正常alert出内容的代码：

$("body").on('touchstart', function(){ 
    alert(event.changedTouches.length);
});

Read more »

最基本的4种触摸事件：

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

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

前几天弄了一下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 »