什么是DOM管
如何使用iscroll.js插件
1:使用js的插件 目前主流的js库 比如jq 也有手势的插件,
2:还有移动端的zepto库 也有手势插件,
3:另外还有个叫QuoJS的手势插件 这个插件不依赖任何的库,
4:早期的应该是用wml语言支持的WMLScript实现。
5:举例:使用iscroll.js实现
1)下载iScroll.js,百度搜索iScroll.js下载即可
2)引入iScroll.js,在要使用滑动效果的地方,引入iScroll.js文件
3)编写规范的html格式
只有如下格式才能实现滑动效果
这个区域可以滑动
如下格式不能滑动
这个区域可以滑动
这个区域不可以滑动了
只有wrapper的第一个子元素才能实现滑动效果。
4)编写js调用代码
var Scroll = new iScroll(‘wrapper’,{hScrollbar:false, vScrollbar:false});
第一参数必需是滑动元素的父元素的id。
主要参数一览:
hScroll: true, 左右滑动,默认为true
vScroll: true,上下滑动
hScrollbar: true, 是否显示y轴滚动条,默认为显示
vScrollbar: true,是否显示X轴滚动条,默认为显示
ios开发中怎么使用firefox
ios平台目前已经有对应的firefox版本,你可以通过appstore下载并安装使用。
怎么用英语词根背单词?

背单词、句子最简单最基本的方法:一、多抄若干次,多看若干遍在抄、背过程中多听下音乐辅助记忆。二、多复习、多听写、多看几遍多做几遍单词练习。 例如:ingredient = in(介词)+gre(green 去掉en)+(dient different 去掉ffer)ruler = rule(规则) + r、advantage= adv(把它当成一个副词缩写)+van(vacation 去掉catio)+tage……………
学习英语的方法(用英文回答)
1. 勤奋和持续坚持。大多数人学不好英语根本的原因是懒惰和三天打鱼两天晒网。
2. 把英语当成一门声音而不是文字来学。英语首先是一门声音,文字不过是声音的标本而已。所以大量的声音输入和输出是必不可少的,早期要多运用耳朵和嘴巴,少用眼睛。一个儿童学会母语靠得就是听说,打通耳朵是其学习语言的第一步,它首先在它听不懂的噪音里建立声音秩序。想学好英语复读机是绝 对不可少的工具,你不用坏几部复读机你的英语绝对是哑巴英语。
3. 建议从学单词开始就听音背单词,建立起人对英语单词声音形象的条件反射能力。而且英语单词的拼写大多数是有规律的,你记住了它的声音,拼写也就简单了,你说也就能脱口而出了。
4.可以参加一些英语协会,互相多交流一下经验!
http://****douban****/note/87375780/
360使用方法有哪些步骤
打开360安全卫士软件——点击系统修复,扫描后点击右下角的“一键修复”——点击清理插件,如有恶评插件把前面的勾选上。点击右下角的“立即清理”——再点击查杀木马,使用全盘扫描功能,如发现有威胁的程序,请点击右下角的“立即处理”。
在用360杀毒全盘扫描,发现病毒立即清除,重启电脑
如何停止requestAnimationFrame方法启动的动画
HTML5/CSS3时代,我们要在web里做动画选择其实已经很多了:
(1) 你可以用CSS3的animattion+keyframes;
(2) 你也可以用css3的transition;
(3) 你还可以用通过在canvas上作图来实现动画,也可以借助jQuery动画相关的API方便地实现;
(4) 当然最原始的你还可以使用window.setTimout()或者window.setInterval()通过不断更新元素的状态位置等来实现动画,前提是画面的更新频率要达到每秒60次才能让肉眼看到流畅的动画效果。
现在又多了一种实现动画的方案,那就是还在草案当中的 window.requestAnimationFrame()方法。
初识requestAnimationFrame
来看MDN上对其给出的诠释:
The window.requestAnimationFrame() method tells the browser that you wish to perform an animation and requests that the browser call a specified function to update an animation before the next repaint. The method takes as an argument a callback to be invoked before the repaint.
window.requestAnimationFrame()将告知浏览器你马上要开始动画效果了,后者需要在下次动画前调用相应方法来更新画面。这个方法就是传递给window.requestAnimationFrame()的回调函数。
也可这个方法原理其实也就跟setTimeout/setInterval差不多,通过递归调用同一方法来不断更新画面以达到动起来的效果,但它优于setTimeout/setInterval的地方在于它是由浏览器专门为动画提供的API,在运行时浏览器会自动优化方法的调用,并且如果页面不是激活状态下的话,动画会自动暂停,有效节省了CPU开销。
基本语法
(1)可以直接调用,也可以通过window来调用,接收一个函数作为回调;
(2) 返回一个ID值,通过把这个ID值传给window.cancelAnimationFrame()可以取消该次动画。
requestAnimationFrame(callback)//callback为回调函数
一个简单的例子
模拟一个进度条动画,初始div宽度为1px,在step函数中将进度加1然后再更新到div宽度上,在进度达到100之前,一直重复这一过程。
为了演示方便加了一个运行按钮(点击观看效果)
html>
动画
0%
window.requestAnimationFrame =
window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame
window.msRequestAnimationFrame;
var start = null;
var ele = document.getElementById(“test”);
var progress = 0;
var stop=null;
function step(timestamp) {
if(progress>=100) progress=0;
progress += 1;
ele.style.width = progress + “%”;
ele.innerHTML=progress + “%”;
if (progress < 100) {
stop=requestAnimationFrame(step);
}
}
document.getElementById(“run”).addEventListener(“click”, function() {
ele.style.width = “1px”;
step();
}, false);
document.getElementById(“stop”).addEventListener(“click”, function() {
window.cancelAnimationFrame(stop);//可以取消该次动画。
}, false);
浏览器支持情况
既然还是草案状态下引入的一个功能,在使用全我们就需要关心一下各浏览器对它的支持情况了。就目前来说,主流现代浏览器都对它提供了支持,请看下图:
Polyfill
Polyfill就是垫片,按发明这个词的人的原话来说,它就是一段这样的代码,让浏览器原生地支持我们期望使用的一些API。
就比如这里的requestAnimationFrame,在看到了上面的浏览器支持情况后,你就知道了比上面列出的浏览器版本老的就不支持该方法,但为了让代码能够有更好的浏览器兼容性在老机器上也能运行不报错,我们可以写一些代码让浏览器在不支持requestAnimationFrame的情况下使用window.setTimeout(),这是一种回退(fallback)到过去的方法。
这样一来,就可以通俗一点的理解polyfill了,它就是备胎。
下面是由Paul Irish及其他贡献者放在GitHub Gist上的代码片段,用于在浏览器不支持requestAnimationFrame情况下的回退,回退到使用setTmeout的情况。当然,如果你确定代码是工作在现代浏览器中,下面的代码是不必的。
// http://paulirish****/2011/requestanimationframe-for-smart-animating/
// http://my.opera****/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// requestAnimationFrame polyfill by Erik M ller. fixes from Paul Irish and Tino Zijdel
// MIT license
(function() {
var lastTime = 0;
var vendors = ;
for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
window.requestAnimationFrame = window + ‘RequestAnimationFrame’];
window.cancelAnimationFrame = window + ‘CancelAnimationFrame’] || window +
‘CancelRequestAnimationFrame’];
}
if (!window.requestAnimationFrame) window.requestAnimationFrame = function(callback, element) {
var currTime = new Date().getTime();
var timeToCall = Math.max(0, 16 – (currTime – lastTime));
var id = window.setTimeout(function() {
callback(currTime + timeToCall);
}, timeToCall);
lastTime = currTime + timeToCall;
return id;
};
if (!window.cancelAnimationFrame) window.cancelAnimationFrame = function(id) {
clearTimeout(id);
};
}());
上面代码作用有二,一是把各浏览器前缀进行统一,二是在浏览器没有requestAnimationFrame方法时将其指向setTimeout方法。
提到备胎代码呢,这里多说一句,在CSS代码中,我们也经常使用这种回退的技巧,即对同一条CSS规则,编写多条以不同浏览器前缀开头代码,或者编写一条备用样式。
下面是一个CSS中的备胎代码的例子:
div {
background: rgb(0, 0, 0); /* fallback */
background: rgba(0, 0, 0, 0.5);
}
代码中设置div背景为黑色带50%的透明度,但IE9-的浏览器是不支持rbga格式的颜色的,所以浏览器会回退到上一条CSS规则应用rgb颜色。
Reference:
1. article about rAF from css tricks: http://css-tricks****/using-requestanimationframe/
2. article about rAF from Paul Irish:http://****paulirish****/2011/requestanimationframe-for-smart-animating/
3. what is polyfill http://remysharp****/2010/10/08/what-is-a-polyfill/