06 2015 档案

移动端 触屏轮播图（完善版）
摘要：<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=320,user-scalab 阅读全文
posted @ 2015-06-08 11:21 surfaces 阅读(1505) 评论(2) 推荐(0) 编辑
移动端 触屏滑动条菜单(完善版)
摘要：惯性滚动 关于惯性滚动速度 方法一 //speed = ( 结束时候手的位置 - 起点的位置 ) / ( 结束时候的时间 - 开始时的时间 ) speed = (endY - startY) / (endTime - startTime); 方法二 iSpeedX = touchs.pageX - 阅读全文
posted @ 2015-06-08 11:17 surfaces 阅读(3589) 评论(0) 推荐(0) 编辑
flipsnap.js 源码阅读备份
摘要：这是官网：http://hokaccha.github.io/js-flipsnap/ 1.引入全局命名空间 类似jQuery插件写法 传入window, document，提高内部访问速度； ;(function(window, document, undefined){})(window, wi 阅读全文
posted @ 2015-06-04 18:03 surfaces 阅读(760) 评论(0) 推荐(0) 编辑
渲染优化 之fixed与返回顶部 以及开启GPU Hack
摘要：fixed元素，常见网站右侧出现一个返回顶部的按钮，滚动的时候，会发现返回顶部这个区域在不停的进行重绘，而返回顶部是position:fixed定位的。这也解释了为什么fixed定位是最耗性能的属性之一 如何查看元素在不停的重绘呢？Chrome渲染分析工具 Rendering； 如上图，按F12调出 阅读全文
posted @ 2015-06-02 17:32 surfaces 阅读(1361) 评论(0) 推荐(0) 编辑
js 滚轮事件 滚轮焦点图（轮播图）
摘要：利用滚轮，切换轮播图。附带mousewheel插件以及原生js写法； 本文地址：http://www.cnblogs.com/surfaces js无缝轮播图备份 阅读全文
posted @ 2015-06-02 13:19 surfaces 阅读(2047) 评论(0) 推荐(0) 编辑
js 性能优化整理之 惰性载入
摘要：跨检查浏览器特性，解决不同浏览器的兼容问题。 例如，我们最常见的为 dom 节点添加事件的函数 function addEvent(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,h 阅读全文
posted @ 2015-06-02 11:02 surfaces 阅读(414) 评论(0) 推荐(0) 编辑

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