setinterval里的this

关于setInterval()里的this和细节

setInterval(fn,t);里的fn中,要使用外部类的this,则需要先将this保存起来,再使用保存的this,不能直接使用this,里面的this是指向window对象,记住setInterval()实际上是window.setInterval()就明白了. //这是Hero类中的一个方法 Hero.prototype.shotEnemy=function(){ switch(this.direct){ case 0: var bullet=new Bullet(this.x+9,t

（转）对《30个提高Web程序执行效率的好经验》的理解

阅读了博客园发布的IT文章<30个提高Web程序执行效率的好经验>,这30条准则对我们web开发是非常有用的,不过大家可能对其中的一些准则是知其然而不知其所以然. 下面是我对这些准则的理解和分析,有些有关JS性能的准则,我也测试了它们的差异,大家可以下载DEMO页面,如有理解不正确的地方,请大家指正.也非常欢迎大家补充. 测试环境: OS:Vista; Processor:3.40GHz; Memory: 2.00GB; System type: 32-bit Operating System

04、AngularJS的ng-bind、多个控制器和apply

这篇,讲一下angularjs的ng-bind指令,多个控制器,以及手动触发angularjs的脏检查,我直接把代码贴,顺着代码讲. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body ng-app="ngApp"> &

jq 轮播图

JavaScript this 总结（含 ES6）

本文主要总结自<JavaScript 语言精粹>.部分总结自<JavaScript 高级程序设计>以及自己的经验四种调用模式在 JavaScript 中,this 的值取决于调用模式,有四种调用模式,分别是方法调用模式.函数调用模式.构造器调用模式.Apply.call 调用模式. 方法调用模式当一个函数被保存为对象的一个属性时,我们称它为一个方法.当方法被调用时(通过 . 表达式或 [subscript] 下标表达式),this 绑定到该对象. var name = &qu

白话CSS3的新特性

声明:这篇文章不是手册,所以不会说的很详细,只是告诉初学者CSS3显著的改进有啥,高手老手绕行. 一.在边框上的改进 1.可以给方框加圆角了,值越大越圆,解决了过去大方框的不美观 2.可以给控件加阴影了,让控件看着更立体 3.可以用图片做边框了,用类似于相框的图片最好. 二.背景上的改进 1.可以规定background-image的图片的大小/比例了,不像原来傻乎乎平铺或严丝合缝的切图. 2.可以规定做背景图片所处的位置了,根据CSS盒模型的 border.padding和context的位置

javascript的setTimeout()用法总结，js的setTimeout()方法

引子 js的setTimeout方法用处比较多,通常用在页面刷新了.延迟执行了等等.但是很多javascript新手对setTimeout的用法还是不是很了解.虽然我学习和应用javascript已经两年多了,但是对setTimeout方法,有时候也要查阅资料.今天对js的setTimeout方法做一个系统地总结. setInterval与setTimeout的区别说道setTimeout,很容易就会想到setInterval,因为这两个用法差不多,但是又有区别,今天一起总结了吧! setTi

解读30个提高Web程序执行效率的好经验

其实微博是个好东西,关注一些技术博主之后,你不用再逛好多论坛了,因为一些很好的文章微博会告诉你,最近看到酷勤网推荐的一篇文章<30个提高Web程序执行效率的好经验>,文章写得不错,提到一些经验都比较实用,是我们每一个做前端开发的人员都必须知道的.本人逐条解读一下,个人意见可能比较浅薄,看看大家对各个经验点怎么看了. 1.尽量避免使用DOM.当需要反复使用DOM时,先把对DOM的引用存到JavaScript本地变量里再使用.创建页面元素的时候尽量不要使用DOM的document.createEl

JavaScript学习笔记（十二）——箭头函数（Arrow Function）

在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习. ES6标准新增了一种新的函数:Arrow Function(箭头函数). 更简洁的语法我们先来按常规语法定义函数: function (x) { return x * x; } 该函数使用箭头函数可以使用仅仅一行代码搞定! x => x * x 箭头函数相当于匿名函数,并且简化了函数定义.

JavaScript初学者必看“箭头函数”

译者按: 箭头函数看上去只是语法的变动,其实也影响了this的作用域. 原文: JavaScript: Arrow Functions for Beginners 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 本文我们介绍箭头(arrow)函数的优点. 更简洁的语法我们先来按常规语法定义函数: function funcName(params) { return params + 2; } funcName(2); // 4 该函

JavaScript函数箭头的优势在哪里

译者按: 看上去只是语法的变动,其实也影响了this的作用域. 原文: JavaScript: Arrow Functions for Beginners 译者: Fundebug 为了保证可读性,本文采用意译而非直译. 本文我们介绍箭头(arrow)函数的优点. 更简洁的语法我们先来按常规语法定义函数: function funcName(params) { return params + 2; } funcName(2); // 4 该函数使用箭头函数可以使用仅仅一行代码搞定! var f

John:How JavaScript Timers Work

John大神的bolg链接:http://ejohn.org/blog/how-javascript-timers-work/ JavaScript中的定时器经常表现的跟我们想象的不同,我们用三个函数来讲解这个问题. var id = setTimeout(fn, delay); //初始化一个定时器,delay ms 之后调用函数fn. var id = setInterval(fn, delay); //跟第一个定时器类似,只不过是每隔delay ms 都调用函数fn. clearInter

30条技巧提高Web程序执行效率

尽量避免使用DOM.当需要反复使用DOM时,先把对DOM的引用存到JavaScript本地变量里再使用.使用设置innerHTML的方法来替换document.createElement/appendChild()方法. eval()有问题,new Fuction()构造函数也是,尽量避免使用它们. 拒绝使用with语句. 它会导致当你引用这个变量时去额外的搜索这样的一个命名空间,with里的代码在编译时期是完全未知的. 使用for()循环替代for…in循环.因为for…in循环在开始循环

[JS] 气球放气效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" &g

JavaScript:学习笔记(5)——箭头函数=>以及实践

JavaScript:学习笔记(5)——箭头函数=>以及实践 ES6标准新增了一种新的函数:Arrow Function(箭头函数).本文参考的链接如下: MDN箭头函数:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions 廖雪峰箭头函数:https://www.liaoxuefeng.com/wiki/....... FunDebug的文章:https://blo

30个提高Web程序执行效率的好经验

尽量避免使用DOM.当需要反复使用DOM时,先把对DOM的引用存到JavaScript本地变量里再使用.使用设置innerHTML的方法来替换document.createElement/appendChild()方法. eval()有问题,new Fuction()构造函数也是,尽量避免使用它们. 拒绝使用with语句. 它会导致当你引用这个变量时去额外的搜索这样的一个命名空间,with里的代码在编译时期是完全未知的. 使用for()循环替代for…in循环.因为for…in循环在开始循环

uni验证码60秒倒计时

其实要实现这个功能原理非常简单,就是setInterval+setTimeout+clearInterval结合使用,首先在data里定义一个变量second,初始值为60,然后在setInterval里执行每秒减1的操作,setTimeout在60秒后执行clearInterval清除定时器的操作 <view v-if="showText==true" class="send" @click="getCode">发送验证码</

javascript 箭头函数的使用初学者必看

为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 本文我们介绍箭头(arrow)函数的优点. 更简洁的语法我们先来按常规语法定义函数: 1 2 3 4 5 function funcName(params) { return params + 2; } funcName(2); // 4 该函数使用箭头函数可以使用仅仅一行代码搞定! 1 2 3 var funcName = (params) => params + 2 funcName(2); // 4 是不是

让$(window).scroll()监听事件只执行一次

可以用jQuery中的unbind()来进行事件解绑. $(window).scroll(function() { console.log("滚离顶部" + $(document).scrollTop()); //... //对window对象进行scroll事件解绑 $(window).unbind("scroll"); }); 方法的参数如下(截图于w3school): 额外: 我在一次将scroll()和setInterval()结合起来用时,出现了“貌似un

箭头函数arrow funtion

1.定义一个匿名函数常规语法: function (x) { return x * x; } 2.该函数使用箭头函数可以使用仅仅一行代码搞定! x => x * x 箭头函数相当于匿名函数,并且简化了函数定义. 箭头函数有两种格式: 一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了. 还有一种可以包含多条语句,这时候就不能省略{ ... }和return. 例如: x => { if (x > 0) { return x * x; } else { return

setinterval里的this

热门专题