做了个基于HTML5 drag/drop模块拖动插入排序删除完整demo，非常适合作为学习案例，以及在此基础上定制属于自己的模块拖拽功能。
希望本文的内容可以帮助一些小伙伴节约开发时间和成本。
“JS实例”目录存档
基于HTML5 drag/drop模块拖动插入排序删除完整实例
2016年11月15日，星期二基于clip-path的任意元素的碎片拼接动效
2016年06月7日，星期二看电影的时候会有特效，反派被攻击的粉碎，依然可以零零碎碎的拼接成完整体。在网页中，我们可以使用类似的效果，而且使用CSS3就可以，而且可以让任意的元素有这种效果。不信？你点击去看看就知道了~~
基于用户行为的图片等资源预加载
2016年06月4日，星期六懒加载和本文要提到的预加载实际是不同的概念。
典型的懒加载，例如本博文章的图片，当用户滚动图片进入窗体的时候，才去加载；或者用户点击选项卡，原本隐藏的图片此时再去加载，这个也称之为懒加载。
而预加载则是，用户还没有行为发生，资源已经加载完毕，从这一定义来讲，我们传统图片啪啪啪全部加载完毕，本质上也是预加载，好处就在于，体验好啊，没有泛白或者菊花的出现。不足也很明显，那就是资源可能白白加载了。
那有什么办法可以把懒加载的省资源省流量和预加载良好体验结合在一起呢？
小tip: 如何让contenteditable元素只能输入纯文本
2016年01月7日，星期四利用全浏览器都支持的contenteditable模拟文本域可以实现体验相当不错的高度跟随内容自动撑开的效果，但是呢，有个很大的问题就是HTML内容可以直接被粘贴进去，如果我们希望只能输入纯文本，该怎么做呢？本文提供了CSS侧，HTML侧以及JS侧三种不同的解决方法，希望可以对您的学习或者工作有所帮助！
小tip: 子元素scroll父元素容器不跟随滚动JS实现
2015年12月18日，星期五在网页中，滚动条的滚动行为也是类似的调调，如果页面出现多个内嵌滚动条，则行为表现是：子元素滚，子元素滚，子元素滚完父元素滚；父元素滚，父元素滚，父元素滚完容器滚……
这是浏览器的默认行为，如果我们遇到了一个需求：子元素滚，子元素滚完，就完了，父元素不需要滚了。那该如何实现呢？
DOM元素querySelectorAll可能让你意外的特性表现
2015年11月5日，星期四我们内容正如标题所示，就是介绍大家可能的对DOM元素querySelectorAll方法一些认知不清楚的地方。没有Demo页面，但是有源代码，有截图。本文内容还行，浅显易懂，也容易消化和吸收，算是不错的tips知识get点。
内容loading加载后高度变化CSS3 transition体验优化
2015年01月22日，星期四现在web技术不断发展，视图与数据渲染更多由前端呈现，后台更多与数据打交道。于是，我们会经常看到这样的交互场景。页面加载，看到一个框框里面有个菊花在转，然后内容呈现；或者点击个按钮，菊花在转，然后列表动态加载呈现。
确实，功能上OK，有菊花，用户也愿意等。但是，大家有没有觉得所有交互，出现菊花→出现内容，都是“砰砰砰”很生硬的感觉，尤其当内容是动态，高度不确定的时候。我们使用一些比较好的手机APP(如微信)的时候一定不会有这样的感觉，整个交互流程都是很流畅的，就像山涧的泉水，涓涓细流到山脚，而不是巨人在峡谷走路的感觉。
所以，如果菊花的呈现到内容的展示能够通过自然的动画过渡呈现，势必会增强用户体验。
而本文就将分享，我是如何渐进处理，让动画过渡呈现更自然的…… 必须的，demo，截图，源代码展示一个不少，希望本文的内容能够对您的学习有所帮助。
mobilebone.js-mobile移动web APP单页切换骨架
2014年10月31日，星期五
一分耕耘一分收获，终于赶在月底前把这篇文章发布了，扳一扳手指头，快40天去了，鲜有项目做这么长时间。来鹅厂目前最大的收获之一就是做产品的态度，一定要花足够的精力去精雕细琢，kill每一个痛点，完善每一个体验。虽然过程很辛苦，但是做出来的东西大家会都喜欢。看上去好像谁到知道，做产品要用心，但事非经过不知难，一定要亲历与感悟，才能真正成为自己所得之物。
虽然上面调侃多次“说不定回火”，但自己实际并没有真在意。我并不确定有多少人会使用mobilebone.js, 但是，唯一我确定的是，心有多大，舞台就有多大，如果没有制作精品的态度，没有完成世界top级作品的胸怀，没有用心的反复雕琢与实践，一定是不会火的，最多就是发布时候众人捧个场、鼓个掌，然后，就没有然后了，就像千千万万昙花一现的小企业一般。
自己花了很多功夫为mobilebone.js做了些国际化工作，例如，JS全英文，项目含英文介绍等。虽说冲出亚洲、走向世界这个目标目前还很远，但是，若没有此番心胸、想法以及切切实实的努力，那就只是梦，而不是梦想了！
图片主色获取脚本rgbaster.js小介绍小使用
2014年08月12日，星期二本文的主要内容就是图片主色获取脚本rgbaster.js小介绍小使用，有demo有截图有源代码展示，不短不长，有吐槽，但不过火。总之，希望本文的内容能够对您的学习有所帮助。
小折腾：JavaScript与元素间的抛物线轨迹运动
2013年12月30日，星期一在页面上添加元素的位移动画，除了视觉效果（这是次要的），还有个作用就是视觉引导（重点）。举个大家可能见过的例子，选择商品的时候，我们希望商品飞到边缘或角落的购物车里，作用是：一来告知放在购物车里成功了，二来让用户知道购物车在哪里。
但是，直来直去的运动你用我也用，不出彩啊，于是，就有想法，我抛物线过去，会不会有别样的风采。
于是，……
我的应用
我的应用