青衿博客

2010年2月21日开博，于是说：

玩了这么久的QQ空间，最近有心想好好把QQ空间打理打理。可是发现它并不是那么的自由，并不能完全按照我的意愿去表现。而大学也以逐渐入门，一学期下来感觉什么也没得到，已经有了些许的空虚感。不知道同学们有什么感觉？我想我有必要抛弃QQ空间建一个学习交流网站，因为我们需要一个体现自己价值的地方，一个我们自己的原创交流平台！起码作为今后学习生活的一个记录和见证，这将是一个不错的选择。另外我也会在这里最大限度的分享我这些年来的上网经验和所有收获，我的朋友们，尽情来索取吧！

然而之前对于自建博客（网站）我是一窍不通,怎么办呢？可是俗话说，世上无难事，只怕有心人……（呵呵），其实我并不是算那样的有心人，我应该是好奇心颇重吧，对于一些未知的事物充满了探知欲。于是我了解到了WORDPRESS，开始了我的个人建站之旅。目前“艺术角落”处于初期发展阶段，可能存在这许多基本的问题需要解决，而解决这些问题也正好是个学习的过程。所以欢迎大家经常来坐坐，给我留下你宝贵的意见或者难得的建议，使我更快的学习，这将是我本人及小站莫大的荣幸！从一无所知，一无所有到现在有真正属于自己的域名和网站……以及我今后所取得的一切成果，都离不开各界朋友们的支持与鼓励，谢谢大家！

艺术角落是一个热爱艺术设计并且学习艺术设计的个人网站，网站关注平面设计、插画设计、影视动漫、游戏设计、网站美工设计等相关艺术设计领域。当然还会有些乱七八糟的东西。反正就是立志搭建为一个利于同道中人的互相学习，分享的交流平台。

希望大家记住这里——“艺术角落”

2011年11月20日突然想起了什么，于是说：如今艺术角落还是我的博客，不过不在主域上，而是迁到了二级域名，主域名指向我的图形发布站奇境设计。

看着5年前文字，真是感慨万千！回望这几年的生活，似乎也没有得到些什么，也没有找到归宿，只好背上行囊继续向前走吧……

标题有点绕，具体看效果（请把鼠标在一级导航上迅速滑动N次）：

See the Pen jquery.hover() bug by qingjin (@mqhe2007) on CodePen.

当我们快速划过多次之后，会造成我们设计的动画效果累加，即便我们不再操作了也会把已触发的动画执行完，网页看起来像疯了一样不受控制，有点懵逼。这个效果用的最多的地方就是导航菜单了，虽然不影响业务，但是作为一个有志向的开发者，这样糟糕的用户交互也是不能容忍的。通过查询jquery API发现有个货叫.stop()。

.stop([clearQueue],[jumpToEnd])

clearQueue:如果设置成true，则清空队列。可以立即结束动画。 jumpToEnd:如果设置成true，则清空队列并完成当前动画。

我们利用的就是两个参数配合，首先第一个参数清空队列，第二个参数清空的同时又完成当前动画，所以从整个交互来说在当前动画之后累积的动画都给清空了。把我们的代码在动画之前加上“.stop( true, true )”，修改如下：

$(".menu>li").hover(function() {
  $(this).find('.sub-menu').stop( true, true ).slideDown(200)
}, function() {
  $(this).find('.sub-menu').stop( true, true ).slideUp(200);
});

现在连续触发就不会造成动画累积了，大家可以修改opencode代码体验一下。

这个问题是我去年遇到的，当时在sf.gg上面提了问题，参见：在IOS设备上点击span标签不能触发jquery的.click()事件？ 后来自己摸索着解决了，但是一直不知道是为什么，时间久了也就忘了，最近又收到了网友的回答：

当使用事件委托给一个元素添加 click 事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span 等），此时 click 事件会失效。如果是可点击的（比如 button、a 标签），此时 click 事件还是有效的，这点要特别注意。 参考链接： http://www.cnblogs.com/zichi/p/5521391.html

这个问题只在IOS设备上存在，朋友们在做移动端开发的时候要切记此坑。