I'm qiqiboy !

博客清明节前后挂掉，主机商说硬盘坏了，需要寄回来恢复数据（在美国）。于是等啊等啊的就到了五一了，硬盘还没影儿。于是只好把二月份的备份拿来用了。所以你目前看到的是从2013年2月初开始的数据。 不过，我2月 3月有写过博客吗？貌似没有吧。反正我不记得了。 一转眼，wordpress十周年了，google reader也被遗弃了。说实话，我确实很久没刷reader了，一方面是自己懒，还有一方面是上面的几百个订阅也很少更新了。很多当初的博主估计像我一样都可耻的匿了。 某日一论坛，一同学跟帖对我说，“我从高中的尾巴就开始关注你了，现在已经到了大学的尾巴了”。我一瞬间觉得焦虑感骤增，我老了。时间悄无声息的溜走，把人狠狠地摔在身后。 博客恢复后，我看了一眼文章存档，最后一篇更新是去年12月份，大概我离职上家公司的前几天。之后我

使用javascript开发可拖动组件时，往往需要对鼠标事件进行阻止默认行为操作。对于普通的节点对象，这个一般没什么问题（没有选择文字复制粘贴等需求），但是如果被拖动对象里包含了一些input、select等对象时，如果从一而终（mousestart ，mousemove，mouseend, click）全部preventDefault默认行为，则会使这些节点无法响应用户操作，比如聚焦input输入或者改变select的值。某些特殊情况下的需求（比如拖动是纵向单方向的，而另一方向横向上则需要可以用鼠标选择文字）更是一个不可能的任务。 进行拖动开发时，一般都是使用mousestart（鼠标按下）、mousemove（鼠标移动）、mouseend（鼠标抬起）这三个事件实现的，而click事件与这个事件也是有关系的，它是在mouseend后才会被触发的。 如果event.target是个链接，在经过前三个mouse事件后，click还是会,则会在拖动时看到

很久很久以前，约么11个月以前，我在本博客发布了一个支持触屏和普通pc的幻灯slider组件：TouchSlider 1.0，经过后面几次连续的小的bug更新，版本稳定在1.0.5，就没再继续更新了。这个slider组件的主要特点是：1.支持自适应宽度容器 2. 支持手指拖动和鼠标拖动 3. 新增：随机宽度幻灯支持 转眼间春夏秋冬，物是人非。世纪末日前，我终于更新了该组件的1.2版本。在支持原来版本的所有特性上，新增加了支持不固定单个幻灯宽度的slider（比较绕口，看demo就明白了）。更新这一特性的原因是，原先的版本一次只能看到一个幻灯，随着容器宽度的变化，每个幻灯的宽度也被强制设置了和容易宽度一致！但是我的需求现在需要在容器变宽后，希望用户可以看到当前幻灯前后的那一张幻灯的部分局部。 先看Demo吧： TouchSlider DEMO 刚才所说的 不固定单个幻灯宽度的

两个月前还在夏天的时候，我一直盼着秋天了。从07年开始，我就不喜欢夏天了。不是因为大大的太阳和偶尔超过40度的高温。 前两天发烧了，因为那晚突然而至的秋雨，晚上着了凉。发烧后让我也明白了一件事：有许多人能陪你一起开心，但是没有几个人能陪你一起难过。对我而言，目前没有。当然，这也正常，我也不想自己的情绪影响到别人。我也在避免别人的情绪影响到我。 然后说点几个月来自己的购买的新玩意儿。首先是 macbook air和beats pro。这俩在一起简直是无敌装逼货。 air放在家里用来上网，非常棒。耳机放在上班地儿，白天工作时听音乐用的。所以这俩玩意儿我从来没一起用过，浪费了大大的装B利器。耳机我也没出街戴过。 beats pro性价比不高，买的就是亮骚的外观。虽说音质不能和同价位的耳机相提并论，但是我用的这几个月感受，

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: date.setTime(+date+offset*1000); 11: return date.toGMTString(); 12: } 13: for(var i=0;i<subs.length;i++){ 14: var _sub=subs[i]; 15: var pos=_sub.indexOf("="); 16: var key,value; 17: if(pos>=0){ 18: key=trim(_sub.substring(0,pos)); 19: value=_sub.substring(pos+1); 20: cks[unescape(key

从上次的V1.X版的最后一个版本1.7.4到现在已经差不多9个月没更新了。一方面是工作忙，一方面是太懒。 本次更新V2版，完全是重写了所有的代码。最初构思V2版本是在四月初的时候，从开工到完成，过去了差不多快三个月了。 V2版与V1相比，主要是去掉了V1的“我的微博”功能。其它功能无变化，并且得到了大大的增强。 部分微博的认证流程更新使用了OAuth2，更快更方便和安全。例如新浪微博、腾讯微博等。 支持的第三方网站更多，在以往的基础上，新增支持了google账号（google+）、雅虎Yahoo账号、百度、QQ号码、MSN、淘宝、360等。 文章同步更稳定。 支持多作者博客，支持网站用户绑定多个第三方账号。 插件下载地址：http://wordpress.org/extend/plugins/social-medias-connect/ 插件FAQ：http://www.qiqiboy.com/products/plugins/social-medias-connect 插件效果预

之前写过一个《TouchSlider 1.0 – 兼容触摸屏手机与PC的幻灯片》，那么这个TouchSliderBox和之前的TouchSlider有什么区别呢？ TouchSlider是支持幻灯宽度自适应的，也就是支持Responsive Layout（响应式布局）设计的页面上的slider。而TouchSliderBox其实也是支持响应式布局页面的，只不过每个幻灯的宽度是固定的，变化的是包围幻灯片的容器的宽度。其实差别就是TouchSlider你只能一次看到一张幻灯，而TouchSliderBox则随着幻灯容器宽度的不同，你可能同时可以看到多个幻灯片。 用一副图片来解释： 如上图，黄色线框即为幻灯容器。 为什么开发这个 这个主要是用来展示图片的，虽然TouchSlider也可以用来展示图片，但是由于每次只能显示一张图片，浪费了页面空间（在响应式布局中，从320到1920宽度都支持的话）。 还有一个原因就是模仿苹果的AppStore的页面下部的应用截图

大概三个月之前，我发布了一个JS组件，《 TouchSlider 1.0 – 兼容触摸屏手机与PC的幻灯片 》。后来陆续在项目中都有用到，觉自己得还是很方便的。 今天，我又带来了自己空余时间写的另一个组件，TouchScroll。它最大程度上模拟了ios上的默认UI组件的滚动条效果。 为什么开发这个东西 其实很大一部分原因是自己想通过写这么一个东西来更好地熟悉PC和触屏手机的JS开发方案中的差别和特点。当然还有一个原因当然就是有可能项目中会用到这个，例如，在多栏功能页面中。 在页面上，一个容器如果内容的尺寸超过容器的大小，会自动出现滚动条，这个滚动条在不同浏览器中时各有差别的（windows 8上的IE的滚动条的metro风更是颠覆了IE多年的滚动条样式），并且自定义样式性也各不相同（如IE和chrome的通过css改变滚动条的方法就很不一样）或不可定义。而

昨晚接到一电话： 骗子：“XX，我到天津办事儿。你能猜到我是谁么？” 我：“额。。。你是A还是B？” 骗子：“嗯，对。”（我从这里开始以为对方就是B了） 我：“你不是在国外么，怎么突然回来了” 骗子：“。。。。。。。” 骗子：“明天我去北京找你。” 我：“好。” =========================== 第一部分结束============================ 第二天， 骗子：“XX，我这边办事儿钱不够了，先借我点钱行不？8K就行了” 我：“你的卡号发我？”（我很信任这个朋友，虽然我觉得以他的财力根本不可能去借钱） 骗子：“我没带卡，我发你我朋友的卡” 我此时才觉得对方肯定是个骗子，因为谁回国会他妈的忘记带银行卡！！！ 于是我登陆了gtalk，发现这位朋友在线。 我灵机一动，要骗子在gtalk上给我发个消息。 骗子：“你是不

通知：本组件已经于2012年11月30日更新至1.2版本，请移步至《TouchSlider 1.2发布 – 支持宽度不固定幻灯》阅读。 注：应该是不支持IE6的。支持安卓系、iOS苹果机、平板以及PC上的浏览器，包括IE7、IE8等。 触屏手机越来越流行，所以制作网站也要越来越多的考虑手机用户的使用体验。网站上如果有轮换图片的幻灯片（走马灯）之类的功能，就要考虑触屏手机用户的使用体验，而提供他们可以通过手指滑动来切换上一张/下一张的功能，将会是很大的体验提升。 基于此考虑，我在参考了Swipe的实现后，开发了可以同时支持触屏手机手指滑动与PC上鼠标点击滑动的一段脚本，命名为“TouchSlider”。(已经有叫这个名字的脚本了？俺NO Care ^_^)。 为什么开发这个东西 上面已经说了，是为了支持触屏手机。其实还有一个更重要的原因是，为了适应手机版网站的自适