03 2016 档案

移动端 touchmove高频事件与requestAnimationFrame的结合优化
摘要：移动端最高频耗内存的的操作 莫属 touchmove 与scroll事件 两者需要 微观的 优化，使用 requestAnimationFrame性能优化 H5性能优化requestAnimationFrame 这里 我们 讲述 touchmove；touchmove 事件发生很频繁，会比屏幕刷新率 阅读全文
posted @ 2016-03-31 17:13 surfaces 阅读(4780) 评论(3) 推荐(1) 编辑
移动端 触屏轮播图与下拉刷新冲突解决办法
摘要：直接上图，左右拖拽轮播图时候 上下事件会存在冲突；翻看了 swipe.js源码，找到了解决办法； 源码附录： 上面还需要优化的 地方，touchmove时候，没有在16.6毫秒内 进行正确的渲染 需要调用 requestAnimationFrame 进行正确的监听渲染，后期补充； 阅读全文
posted @ 2016-03-30 11:08 surfaces 阅读(2597) 评论(0) 推荐(0) 编辑
移动端 像素渲染流水线与GPU Hack
摘要：什么是 像素渲染流水线 web页面你所写的页面代码是如何被转换成屏幕上显示的像素的。这个转换过程可以归纳为这样的一个流水线，包含五个关键步骤； 1.JavaScript：一般来说，我们会使用JavaScript来实现一些视觉变化的效果。比如用jQuery的animate函数做一个动画、对一个数据集进 阅读全文
posted @ 2016-03-02 17:16 surfaces 阅读(951) 评论(0) 推荐(0) 编辑
移动端 微信 网易 触屏滑动回弹菜单(css版)
摘要：总结一下： 有点：网易新闻，微信 热文 都是 -webkit-overflow-scrolling: touch;实现，css实现，轻巧； bug： 部分安卓浏览器（uc，自带） 只支持持续滑动，不支持回弹， iphone垂直滑动 第一次不能完全持续滑动到底部；总体不影响使用； 偶尔低端的手机会卡， 阅读全文
posted @ 2016-03-01 15:34 surfaces 阅读(1692) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示