01 2016 档案

HTML5中类jQuery选择器querySelector的高级使用 document.querySelectorAll.bind(document);
摘要：基本用法 querySelector 该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找，返回第一个满足条件的元素。 ----> querySelector得到一个DOM var element = document.querySelector('# 阅读全文
posted @ 2016-01-29 17:49 surfaces 阅读(19575) 评论(4) 推荐(3) 编辑
移动端 Retina屏 各大主流网站1px的解决方案
摘要：Retina屏的移动设备如何实现真正1px的线？ 在retina屏下面，如果你写了这样的meta <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 阅读全文
posted @ 2016-01-25 20:05 surfaces 阅读(10178) 评论(2) 推荐(4) 编辑
移动端 iphone touchmove滑到边界（浏览器地址拦及以上） touchend失效解决办法
摘要：在移动端h5页面；尤其那些全屏幕的盒展示切换页面，当用户无意中将手指滑到了 浏览器地址拦以上(中国移动这快区域)；此时，手指已经离开屏幕了，但是ios上无法监听到touchend 事件；touchend监听的回调函数事件直接失效； 手机扫扫预览： http://www.cnblogs.com/sur 阅读全文
posted @ 2016-01-25 18:17 surfaces 阅读(1749) 评论(3) 推荐(0) 编辑
原生js实现 常见的jquery的功能
摘要：节点操作 var div2 = document.querySelector("#div2"); div2.insertAdjacentHTML("beforebegin","<p>hello world</p>");//在调用元素外部前面添加一个元素 div2.insertAdjacentHTML 阅读全文
posted @ 2016-01-14 18:07 surfaces 阅读(3234) 评论(0) 推荐(2) 编辑
移动端 transition动画函数的封装（仿Zepto）以及 requestAnimationFrame动画函数封装（仿jQuery）
摘要：移动端 css3 transition 动画 ，requestAnimationFrame 动画 对于性能的要求，h5优先考虑； 移动端 单页有时候 制作只用到简单的css3动画即可，我们封装一下，没必要引入zepto框架，把zepto的动画模块从Zepto 扒下来，加以改造独立；用于生产环境；下面 阅读全文
posted @ 2016-01-14 13:14 surfaces 阅读(4850) 评论(0) 推荐(1) 编辑

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