博客清明节前后挂掉，主机商说硬盘坏了，需要寄回来恢复数据（在美国）。于是等啊等啊的就到了五一了，硬盘还没影儿。于是只好把二月份的备份拿来用了。所以你目前看到的是从2013年2月初开始的数据。 不过，我2月 3月有写过博客吗？貌似没有吧。反正我不记得了。 一转眼，wordpress十周年了，google reader也被遗弃了。说实话，我确实很久没刷reader了，一方面是自己懒，还有一方面是上面的几百个订阅也很少更新了。很多当初的博主估计像我一样都

使用javascript开发可拖动组件时，往往需要对鼠标事件进行阻止默认行为操作。对于普通的节点对象，这个一般没什么问题（没有选择文字复制粘贴等需求），但是如果被拖动对象里包含了一些input、select等对象时，如果从一而终（mousestart ，mousemove，mouseend, click）全部preventDefault默认行为，则会使这些节点无法响应用户操作，比如聚焦input输入或者改变select的值。某些特殊情况下的需求（比如拖动是纵向单方向的，而另一方向横向上则需要可以用鼠标选

很久很久以前，约么11个月以前，我在本博客发布了一个支持触屏和普通pc的幻灯slider组件：TouchSlider 1.0，经过后面几次连续的小的bug更新，版本稳定在1.0.5，就没再继续更新了。这个slider组件的主要特点是：1.支持自适应宽度容器 2. 支持手指拖动和鼠标拖动 3. 新增：随机宽度幻灯支持 转眼间春夏秋冬，物是人非。世纪末日前，我终于更新了该组件的1.2版本。在支持原来版本的所有特性上，新增加了支持不固定单个幻灯宽度的slider（比较绕口，看demo就

COOKIE，不是说的曲奇饼，吃货走开！ 最近用到了在前端需要使用javascript对cookie进行操作，本来想找个现成的代码来用，无奈搜了半天没有找到。 于是自己写了个，也随手分享出来，凑个博客更新。。。。。 1: var COOKIE=(function(){ 2: var cookie=document.cookie||'', 3: subs=cookie.split(';'), 4: cks={}, 5: trim=function(str){ 6: return str.replace(/^\s+|\s+$/g,''); 7: }, 8: getDateString=function(offset){ 9: var date=new Date(); 10:

之前写过一个《TouchSlider 1.0 – 兼容触摸屏手机与PC的幻灯片》，那么这个TouchSliderBox和之前的TouchSlider有什么区别呢？ TouchSlider是支持幻灯宽度自适应的，也就是支持Responsive Layout（响应式布局）设计的页面上的slider。而TouchSliderBox其实也是支持响应式布局页面的，只不过每个幻灯的宽度是固定的，变化的是包围幻灯片的容器的宽度。其实差别就是TouchSlider你只能一次看到一张幻灯，而TouchSliderBox则随着幻灯容器宽度的不同，你可能同时可以看到多个幻灯

大概三个月之前，我发布了一个JS组件，《 TouchSlider 1.0 – 兼容触摸屏手机与PC的幻灯片 》。后来陆续在项目中都有用到，觉自己得还是很方便的。 今天，我又带来了自己空余时间写的另一个组件，TouchScroll。它最大程度上模拟了ios上的默认UI组件的滚动条效果。 为什么开发这个东西 其实很大一部分原因是自己想通过写这么一个东西来更好地熟悉PC和触屏手机的JS开发方案中的差别和特点。当然还有一个原因当然就是有可能项目中会用到这个，例如，在

通知：本组件已经于2012年11月30日更新至1.2版本，请移步至《TouchSlider 1.2发布 – 支持宽度不固定幻灯》阅读。 注：应该是不支持IE6的。支持安卓系、iOS苹果机、平板以及PC上的浏览器，包括IE7、IE8等。 触屏手机越来越流行，所以制作网站也要越来越多的考虑手机用户的使用体验。网站上如果有轮换图片的幻灯片（走马灯）之类的功能，就要考虑触屏手机用户的使用体验，而提供他们可以通过手指滑动来切换上一张/下一张的功能，将会是很大的体验提

如果有关注我博客人，应该会发现最近一周之内博客都一直打不开。我一直以为是主机问题，今天联系了客服，才发现原来是我自己的主题的问题。所以今天花了大半天的时间一点点排除问题，最后发现原来是和gravatar的服务器被墙有关。去掉了头像缓存，问题就解决了。 当然，不会白白更新一篇博客的。下面说一个根据自定义字段查询文章的方法。 query_posts可以实现多种组合查询，但是我遇到的一个问题是，需要搜索自定义字段的值。比如为一个p

昨天写了一篇《 JavaScript: 让拖动支持iphone/ipad触摸 》，今天又无聊，想到了图片放大(zoom)，让使用ios设备的的用户可以使用两根手指来缩放图片。想了一下，很容易就实现了。 其实原理也就是在图片接收了两个有效触摸点后，在手指移动过程中检测两点之间的距离的变化，以此来对图片进行放大缩小。 不多说，demo在这里（必须使用ios设备查看）。代码如下： var getZoomClass=(function(){ var SupportsTouches = ("createTouch" in document),//判断是否

一般的通过mousedown、mousemove、mouseup等打造的拖动，仅仅在普通的键盘+鼠标的电脑设备上可以工作。而到了ios设备上（iphone itouch ipad），则不能工作了。最近因为做个东西，需要支持ios设备，所以只好看了下webkit浏览器的触摸事件。 其实也很简单，对应mousedown、mousemove、mouseup的触摸事件分别是touchstart、touchmove、touchend。为了写个demo，花了不少的时间，所以为了节省时间，我文章里就不多说了，仅贴一下相关代码。 DEMO可以在此查看。 var getDr