只是一个标志，没啥要写的

我在这个世界上存活20年啦，佳佳酱也持续运行了4年又4个多月。

现在大二上半学期。

前两天买了200条绿箭口香糖。为了解决笑起来只有一边有酒窝的问题。

凌晨1点56分的时候看完了 龙与虎 给自己拍了一脸狗粮。

目前在佳佳酱里公开的文章共有502篇。

吉他(GUItar)稍微有一点点会弹了，小提琴(Varlet)依然不会拉。

目前主要用的语言是中文，JavaScript。

稍微会一点点日本語。

有随身携带着4部手机的习惯，分别是Pixel XL，iPhone6 Plus，Nexus5，移动话费机。

没有去看《你的名字》。

还听着μ’s的歌。

好像胖了不少。

17号就要考英语六级了，希望过。虽然并没有复习。

在Steam库里有67只游戏和两只软件。

打算用写这篇博文当做过完生日。

于是用连接到32寸大屏幕的Surfacebook写下了这篇博文。

留给以后的佳佳用来回忆以前的时光。

之前Coding HTML5大赛作品的第二版

仓库：https://github.com/JiaJiaJiang/Audio-Visualizations

继续阅读Audio-Visualizations V2 →

这是两年前为了给老师交一个充数的参赛作品写的2d库，现在又重构了一遍。

没错我还没有放弃它，即使它的效率很低下！

新库DEMO：http://itisso.github.io/CanvasObjLibrary/demo/

仓库地址：https://github.com/iTisso/CanvasObjLibrary

(function(){
var extendEventDefaultOpt={
	touchdrag:{
		preventDefault:true,//阻止触摸移动的默认行为
		allowMultiTouch:false//允许在多点触控时也触发这个事件
	}
}
window.extendEvent={//扩展事件
	touchdrag:function(element,opt){
		var stats={},opt=Object.assign({},extendEventDefaultOpt.touchdrag,opt);
		element.addEventListener('touchstart',function(e){
			if(!opt.allowMultiTouch && e.changedTouches.length>1){stats={};return;}
			var ct=e.changedTouches;
			for(var t=ct.length;t--;){
				stats[ct[t].identifier]={x:ct[t].clientX,y:ct[t].clientY};
			}
		});
		element.addEventListener('touchmove',function(e){
			if(!opt.allowMultiTouch && e.touches.length>1){stats={};return;}
			var ct=e.changedTouches;
			for(var t=ct.length;t--;){
				var id=ct[t].identifier;
				if(!id in stats)continue;//不属于这个元素的事件
				var event=new TouchEvent('touchdrag',e);
				event.deltaX=ct[t].clientX-stats[id].x;
				event.deltaY=ct[t].clientY-stats[id].y;
				stats[id].x=ct[t].clientX;
				stats[id].y=ct[t].clientY;
				element.dispatchEvent(event);
			}
			if(opt.preventDefault)e.preventDefault();
		});
		element.addEventListener('touchend',function(e){
			var ct=e.changedTouches;
			for(var t=ct.length;t--;){
				var id=ct[t].identifier;
				if(id in stats)delete stats[id];
			}
		});
	}
}
})();

这是我做的一个自定事件，在其Event对象上会带有deltaX和deltaY两个属性以表示触摸拖动的偏移量。

用法是

extendEvent.touchdrag(元素,选项Object) //在元素上启用这个自定义事件

选项object的属性见上面源码里`extendEventDefaultOpt` 对象的两个属性。
然后当手指在元素上拖动的时候就会触发touchdrag事件。
继续阅读[Javascript]触摸拖动事件 →