fate_flower-优快云博客

原创 JavaScript中的原型继承

想要了解JavaScript中的原型继承，需要先知道原型和继承这两个概念。1.原型1.1原型关系的检测isPrototypeOf方法用于测试一个对象是否存在于另一个对象的原型链上。instanceof运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。 function Fn(){} function Fun(){} var f = new ...

2020-03-23 00:22:17 238

原创简单了解Javascript中的闭包及常用场景

闭包的定义：闭包是JavaScript中，函数的一种高级应用方式在了解闭包之前，我们需要知道函数的定义作用域和执行作用域 function box(){ function fn(){ console.log("我是fn函数") } fn(); // fn的执行作用域，是box的局部作用域 }...

2020-03-17 00:37:32 1020

原创 JavaScript中计时器的bug及解决方法

JavaScript中计时器的bugbug 1：当打开浏览器时，页面中的倒计时效果，会延迟一会才开始计时。 var ospan = document.querySelector("#box1 span"); var a = 100; setInterval(function(){ ospan.innerHTML = a--; },1000);解决方法1：只需在标签...

2020-03-13 23:31:51 1216 1

原创在JavaScript中改变鼠标指针样式的方法

在JavaScript中改变鼠标指针样式的方法在js中我们可以通过cursor属性来设置鼠标指针的样式，例 var body = document.querySelector("body") body.style.cursor= "move"以上代码就实现了页面打开后，鼠标的指针就被替换成一个十字架样式，其实还有很多样式，如下图所示通过cursor属性我们还可以将指针替换为自定义图片...

2020-03-09 21:52:22 14660 2

原创 JavaScript中JSON和对象之间的转换规则

JavaScript中JSON和对象之间的转换规则1.对象转JSON使用 JSON.stringify() 方法原始数据是对象且符合对象的规则。不符合对象的规则，就会报错。 var obj = { name:"admin", age:18, sex:"男", show:function(){}...

2020-03-07 19:07:36 380 1

原创 JavaScript中onmouseover,onmouseout和onmouseenter,onmouseleave的区别

JavaScript中onmouseover,onmouseout和onmouseenter,onmouseleave的区别onmouseover,onmouseout和onmouseenter,onmouseleave都是鼠标的移入与移出的事件它们的主要区别在于onmouseenter,onmouseleave这一组默认没有冒泡事件冒泡：当子元素的某个事件被触发时，会依次向上触发所有父元素...

2020-03-06 22:27:22 814

原创 JavaScript中this的指向问题

JavaScript中this的指向问题1.默认绑定没有被明确隶属对象执行的函数的this指向windowconsole.log(this) //这里的this指向window2.隐式绑定被明确隶属对象执行的函数的this，指向执行对象btn.onclick = function(){console.log(this) //这里的this指向btn}2.1.隐式丢失如果作...

2020-03-04 00:21:49 1466

原创 javaScript内置对象之Math

javaScript内置对象之Math1.固定值Math.E 常数eMath.PI 圆周率πMath.SQRT2 2 的平方根Math.SQRT1_2 0.5 的平方根Math.LN2 2 的自然对数Math.LN10 10 的自然对数Math.LOG2E 以 2 为底的 e 的对数Math.LOG10E 以 10 为底的 e 的对数console.log(Math.E...

2020-02-23 22:06:13 242

fate_flower的博客