摘要：
在Framework7，其特色的HTML框架，可以创建精美的iOS应用; 她有自己的 DOM7 - 一个集成了大部分常用DOM操作的高性能库。你不需要学习任何新的东西，因为她的用法和大名鼎鼎的jQuery几乎是一样的，包括大部分常用的方法和jquery风格的链式调用。去查看了一下dom7.js的源码 阅读全文
摘要：
/* Zepto v1.0-1-ga3cab6c - polyfill zepto detect event ajax form fx - zeptojs.com/license */ ;(function(undefined) { if (String.prototype.trim === undefined) // fix for iOS 3.2 String.prototype.t... 阅读全文
摘要：
基本用法 querySelector 该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找，返回第一个满足条件的元素。 ----> querySelector得到一个DOM var element = document.querySelector('# 阅读全文
摘要：
Retina屏的移动设备如何实现真正1px的线？ 在retina屏下面，如果你写了这样的meta <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 阅读全文
摘要：
在移动端h5页面；尤其那些全屏幕的盒展示切换页面，当用户无意中将手指滑到了 浏览器地址拦以上(中国移动这快区域)；此时，手指已经离开屏幕了，但是ios上无法监听到touchend 事件；touchend监听的回调函数事件直接失效； 手机扫扫预览： http://www.cnblogs.com/sur 阅读全文
摘要：
节点操作 var div2 = document.querySelector("#div2"); div2.insertAdjacentHTML("beforebegin","<p>hello world</p>");//在调用元素外部前面添加一个元素 div2.insertAdjacentHTML 阅读全文
摘要：
移动端 css3 transition 动画 ，requestAnimationFrame 动画 对于性能的要求，h5优先考虑； 移动端 单页有时候 制作只用到简单的css3动画即可，我们封装一下，没必要引入zepto框架，把zepto的动画模块从Zepto 扒下来，加以改造独立；用于生产环境；下面 阅读全文
摘要：
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=320,user-scalab 阅读全文
摘要：
惯性滚动 关于惯性滚动速度 方法一 //speed = ( 结束时候手的位置 - 起点的位置 ) / ( 结束时候的时间 - 开始时的时间 ) speed = (endY - startY) / (endTime - startTime); 方法二 iSpeedX = touchs.pageX - 阅读全文
摘要：
这是官网：http://hokaccha.github.io/js-flipsnap/ 1.引入全局命名空间 类似jQuery插件写法 传入window, document，提高内部访问速度； ;(function(window, document, undefined){})(window, wi 阅读全文
摘要：
fixed元素，常见网站右侧出现一个返回顶部的按钮，滚动的时候，会发现返回顶部这个区域在不停的进行重绘，而返回顶部是position:fixed定位的。这也解释了为什么fixed定位是最耗性能的属性之一 如何查看元素在不停的重绘呢？Chrome渲染分析工具 Rendering； 如上图，按F12调出 阅读全文
摘要：
利用滚轮，切换轮播图。附带mousewheel插件以及原生js写法； 本文地址：http://www.cnblogs.com/surfaces js无缝轮播图备份 阅读全文
摘要：
跨检查浏览器特性，解决不同浏览器的兼容问题。 例如，我们最常见的为 dom 节点添加事件的函数 function addEvent(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,h 阅读全文
摘要：
无标题文档 11111 22222 33333 第二个的1111 第二 222 第二个33333... 阅读全文
摘要：
这个滑动条 淘宝 app上比较常见;滑动条 全部 男1装 女2装 鞋3子 ... 阅读全文