仿Windows10 Groove音乐播放器专辑鼠标指向效果
Groove是Windows 10自带的一款音乐播放器，最新的Groove支持Project NEON中的糊效果，交互效果也有了很大的变化。
搜索结果（）
仿淘宝APP 2017双11滑动效果
一年一度的双11又来了，看看个大APP都有些啥变化。淘宝首页推荐的滑动看着不错，于是用JS进行了实现。
移动端文本框回退删除事件不能监听
最近在做项目的时候遇到的，具体表现为：
百度输入法小米版，中文输入情况下，input里的内容按删除按钮，onkeyup, onkeydown, onkeypress均不能监听到，导致即时搜索不能实现。而英文状态下则能监听到，后换浏览器，换输入法测试均可以，看来是个例。是在找不到解决办法了。后来用了定时器成功解决。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text">
<script>
var tem = '', inp = document.querySelector('input');
setInterval(function(){
if( inp.value !== tem){
console.log(123);
tem = inp.value;
}
},80);
</script>
</body>
</html>
insertBefore,insertAfter在IE6、7、8下不正常的解决方法
ajax出来的内容，$其他浏览器均正常，IE8及以下浏览器不能插入，要插入的内容能获取，被插入的元素length也为1，可就是不能插入。
FF火狐浏览器3D旋转锯齿问题
今天做项目的时候遇到的问题，网上说的translateZ确实能启用GPU加速，但是对于火狐浏览器来说，即使启用了GPU，但3D旋转后还是会出现锯齿
关于谷歌webkit核心css3 translate3d渲染的问题
今天给客户做的例子中发现的一个问题，谷歌浏览器目前最新版本 41.0.2272.89 m 里表现出来的，其他版本没测试，当执行后，内容会停留在原处，缩放一下窗口就变好了，代码是没有问题的，不用3D也没问题，那么肯定就是GPU渲染问题，最后找到了解决办法，在要执行的元素上加入transform:translate3d(0,0,0); 这样让页面载入时就启用GPU，完美解决。
HTML5 detail展开收缩，抛弃JS
目前只有Chrome版本12以上和Safari支持，IE，火狐，欧鹏都不支持。这个效果经常使用，但它总是用Javascript实现的。
代码结构如下：
<details open> <summary>展开/收缩</summary> 这里是展开的内容 </details>
open表示默认展开
它允许我们在点击summary标签时显示和隐藏details里的其他内容。
不能嵌套使用。
summary标签会自动有个箭头，当你点击它时，下面的附加信息将会呈现，再次点击则隐藏。
FAQ页面中经常使用这个功能。博客更新日志：2014-01-16
距上次改版已经1年多了，一直没时间弄，也懒得弄，期间发现了一些本站的借（盗）鉴（版）网站，这次主要更新了播放器，这玩意儿再借鉴估计有点难了。
京东JD拆单BUG，1元买洗衣液
手机APP侧滑菜单交互设计
侧滑菜单已经成为app一个极常用的设计，包括微网站，手机网站，不管是哪类，甚至博客，都得到了广泛的应用，而HTML5和CSS3的出现更加增添了色彩。侧滑菜单因Path 2.0和Facebook为开发者熟知，本文搜集了一些时髦的，精致的侧滑菜单设计案例，绝大部分可以通过HTML5和CSS3实现，也就是说可以运用到手机网站上。