随笔分类 - js
摘要：预览地址 http://127.0.0.1:8020/requireDemo/myNEW/index.html 注意 远程的 非模块的 empty： demo2
阅读全文
摘要：页面 元素视差滚动 <!doctype html> <html> <head> <meta charset="utf-8"> <title>社区</title> <meta http-equiv="X-UA-Compatible" content="edge,chrome=1" /> <meta h
阅读全文
摘要：;(function () { 'use strict'; //构造函数 function FastClick(layer, options) { var oldOnClick; options = options || {}; /** * Whether a click is currently
阅读全文
摘要：移动端最高频耗内存的的操作 莫属 touchmove 与scroll事件 两者需要 微观的 优化，使用 requestAnimationFrame性能优化 H5性能优化requestAnimationFrame 这里 我们 讲述 touchmove；touchmove 事件发生很频繁，会比屏幕刷新率
阅读全文
摘要：直接上图，左右拖拽轮播图时候 上下事件会存在冲突；翻看了 swipe.js源码，找到了解决办法； 源码附录： 上面还需要优化的 地方，touchmove时候，没有在16.6毫秒内 进行正确的渲染 需要调用 requestAnimationFrame 进行正确的监听渲染，后期补充；
阅读全文
摘要：什么是 像素渲染流水线 web页面你所写的页面代码是如何被转换成屏幕上显示的像素的。这个转换过程可以归纳为这样的一个流水线，包含五个关键步骤； 1.JavaScript：一般来说，我们会使用JavaScript来实现一些视觉变化的效果。比如用jQuery的animate函数做一个动画、对一个数据集进
阅读全文
摘要：在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...
阅读全文
