前端好玩技术中转站

--------有新鲜发现就会更新此帖-----------

　　前言

　　　　本文不是技术原创。但立志成为前端各种新鲜、hack技术的链接中转站 O(∩_∩)O。文章有不足或者过时技术的话也恳请各位指出。笔者能力有限，但尽量每接触一个新鲜好玩有效的技术会更新到此贴。热烈欢迎各位大大在评论区留下大家的对前端技术分享和评论 ，笔者会添加相应的链接并增加到此文(*^__^*) 

　　一、flexble —— 手淘移动终端适配解决方案

　　　　如何实现在不同手机终端的画面比例一致的效果呢？手淘flexble可以帮助我们

　　　　1. 推酷介绍：http://www.tuicool.com/articles/nmm6reE

　　二、动画加速 —— 为您的css动画开启硬件加速(谁用谁知道)

　　　　传统js对比css3谁在哪些场景下更好？如何实现更流畅的动画效果？希望下面两篇文章能够帮助你

　　　　1. GUP动画加速推酷介绍：http://www.tuicool.com/articles/RRrENj

　　　　 2. CSS动画与JS动画对比：https://segmentfault.com/q/1010000000645415/a-1020000000645583

　　三、canvas UI —— 流畅UI的新思路(建议大家用手机浏览器打开下面这个链接，真的超级流畅)

　　　　1. 示例(尽量用手机体验一下)：https://flipboard.com/@flipboard/flipboard-picks-8a1uu7ngz

　　　　2. (上面打不开的话试试这个)：https://flipboard.com/@flipboard/10-for-today-k6ln1khuz

　　　　3. 阮一峰大神的帖：http://www.ruanyifeng.com/blog/2015/02/future-of-dom.html

　　　　4. react-canvas的github：https://github.com/Flipboard/react-canvas

　　四、