JavaScript
关注
分享
扫一扫
程序媛霉霉菌
前端开发
展开
-
定时器setTimeout输出问题
setTimeout(function(){ console.log(1); },1000) console.log(2); 输出：2，1 var btn = document.querySelector("#btn"); btn.onclick=function(){ console.log("onclick") }; setTimeout(function(){ console.log(1); },1000) console.log(2);.原创 2021-01-13 20:53:38 · 436 阅读 · 0 评论 -
this函数的劫持
// 使用forEach的第二个参数来固定死this// 使用bind函数固定死this// 使用this劫持(鸡肋闭包)// 使用箭头函数来固定死this//箭头函数的this指向其上一层作用域挂靠的执行上下文中的this//建议所有的回调函数使用箭头函数var obj = { name:"达姆", wifes:["冬雨","a","b","c","d"], //当函数以另外一个函数作为参数;或者一个函数返回另外一个函数; // 那当前这个函数可以称为高阶函数原创 2021-01-13 20:38:24 · 252 阅读 · 0 评论 -
JS属性查找的规则
1、属性普通定义// var a = "a";// console.log(window.a)// console.log(a)//基本的属性定义形式 var key = "wife"; var key2 = "son"; var obj = { name:"damu", [key2]:"小达姆" }; obj.age = 18; obj[key]="冬雨"; console.log(Object.getOwn原创 2021-01-12 20:55:50 · 474 阅读 · 4 评论 -
JS变量查找的规则
1、变量查找的规范左查询(对等号左边的变量进行寻址)如果整条作用域链 都没有对应变量的声明;则会在全局自动声明一份 /* var a = 3; b = a;*/ console.log(b) //全局自动声明一份,3右查询(对等号非左边的变量进行寻址)如果整条作用域链 都没有对应变量的声明;则会报错console.log(c)2、作用域变量的查找!!!走作用域链!!!var x = 10;function fn() { console.log(x);}f原创 2021-01-12 20:09:57 · 740 阅读 · 0 评论 -
this指向问题
1，在回调函数中回调函数定义：自己定义的、自己没调用、最终执行了。2、api的学习方法 关注这个api是用来干嘛的 语法; 搞清楚这个api的每一个参数 搞清楚这个api的返回值setTimeout(function(a,b,c){ console.log(a,b,c)},1000,1,2,3)function setTimeout(fn,time) { fn()}2，隐式丢失怎么防止隐式丢失，bind()方法主要就是将函数绑定到某个对象，bi原创 2021-01-12 19:49:59 · 79 阅读 · 0 评论 -
元素或者鼠标在页面，视口，屏幕，元素中的位置 。元素和视口的宽度和高度，页面中内容向上滚动的距离。
DOM容易模糊的获取位置，宽度高度的属性 元素或者鼠标在页面，视口，屏幕，元素中的位置 。元素和视口的宽度和高度，页面中内容向上滚动的距离。DOM 操作 - 获取元素的尺寸offsetWidth / offsetHeight 内容+内边距+边框clientWidth / clientHeight 内容+内边距scrollWidth / scrollHeight 内容溢出，考虑溢出内容的宽度；如果内容不溢出同 client 系列一致。getBoundingClientRect() 返回对象，原创 2020-11-05 20:12:45 · 636 阅读 · 4 评论 -
JavaScript闭包面试题详解
说说它们的输出情况第一题var name = "The Window";var object = { name: "My Object", getNameFunc: function () { return function () { return this.name; }; }};console.log(object.getNameFunc()()); // The window// var f = obje原创 2020-11-05 18:12:47 · 468 阅读 · 3 评论 -
JS实现抽奖活动程序
本小程序涉及JS知识点定时器，回调函数，onclick点击事件绑定元素，选择器方式获取元素…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&原创 2020-10-26 20:47:31 · 671 阅读 · 0 评论 -
JS对象，原型链，构造函数面试题
1，下面两次num输出的值是多少？ <script> var num = 50; function f1(num) { num = 60; // 修改形参 num = 60 console.log(num); // 60 } f1(num); console.log(num); // 50 </script>60,502，下面nu原创 2020-10-26 16:35:51 · 483 阅读 · 2 评论 -
JS实现倒计时
JS实现倒计时实现思路1，通过内置时间函数实例化日期对象获取当前时间now2，设置一个结束时间戳 end3，求时间差end-now的毫秒数，分别取出天，小时，分钟，秒。4，例如定时器和回调函数组合，动态更新时间，展示到页面。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid原创 2020-10-26 13:34:37 · 2987 阅读 · 0 评论 -
JS实现电子时钟
JS实现电子时钟本案例设及的JS知识点时间函数，定时器，内置构造函数实例化对象的创建，字符串拼接，流程控制以及三元运算符，回调函数。实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2020-10-26 13:24:00 · 1564 阅读 · 1 评论 -
JavaScript数据类型转换的规则
一、数据类型转换的规则1.1其它类型转为number1.string->number纯数字字符串->对应的数字空字符串，纯空格字符串->0其它->nan2.boolean-> numbertrue->1false->03.null->04.undefined->nan1.2其它类型转为string1.number->string数字会作为字符串内容2.boolearn->stringtrue->'true原创 2020-10-13 19:51:05 · 367 阅读 · 0 评论