![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
WDF.
这个作者很懒,什么都没留下…
展开
-
position:relative
1.当将块的position属性设置为relative时,与设置为absolute完全不同,这时子块是相对于其父块来作为参照对象偏移定位,而不是相对于浏览器窗口,并且相对定位的块元素脱离标准流浮上来后,无论是否进行移动,其所占的位置仍然留有空位,后面的无定位块元素不会移动上来,因此,移动元素会导致覆盖其它框。<!DOCTYPE html><html lang="en">...转载 2019-07-30 09:53:06 · 49900 阅读 · 2 评论 -
防抖与节流原理及其实例讲解
开发中的常用场景:• 页面的scroll事件• input框等的输入事件• 拖拽事件用到的mousemove等这些都是短时间内,高频率触发函数的情况,对于这些情况,我们经常设置函数的防抖和节流去解决这些问题。那函数防抖节流到底是什么?如何实现呢?下面分别对防抖节流进行介绍。防抖基础概念防抖就是,等待指定的时间,并且指定时间内无再次调用,才执行一次函数。如果在这段时间内调用了,就重新...转载 2020-03-11 17:18:44 · 1274 阅读 · 0 评论 -
全屏后超出部分被隐藏问题
默认情况下,浏览器只会简单地将元素设置为全屏显示。如果该元素全屏后,高度比屏幕还高,超出的部分将会被隐藏。为了将超出部分可以滚动显示,最顶层全屏显示的元素要特别设置:position : relative;width : 100%;height : 100%;overflow : auto;...原创 2020-03-05 12:53:53 · 727 阅读 · 0 评论 -
打印出 1 - 10000 之间的所有对称数,例如 121、1331 等
[...Array(10000).keys()].filter((x) => { return x.toString().length > 1 && x === Number(x.toString().split('').reverse().join('')) })原创 2020-03-01 14:46:20 · 1026 阅读 · 0 评论 -
删除对象中的某个属性
delete 操作符用于删除对象的某个属性;如果没有指向这个属性的引用,那它最终会被释放。const Employee = { firstname: 'John', lastname: 'Doe'}console.log(Employee.firstname);// expected output: "John"delete Employee.firstname;cons...原创 2020-02-28 01:02:48 · 1804 阅读 · 0 评论 -
下面的代码打印什么内容,为什么?
var b = 10;(function b() { b = 20; console.log(b)})()输出结果:ƒ b() { b = 20; console.log(b)}原因:我的理解是,先不看函数自执行,直接fn b()首先函数声明比变量要高,其次b = 20 没有var 获取其他,说明是window最外层定义的变量。js作用域中,先找最近的 那就是...原创 2020-02-21 23:19:05 · 624 阅读 · 0 评论 -
BFC的介绍及应用
BFC 就是块级格式上下文,是页面盒模型布局中的一种 CSS 渲染模式,相当于一个独立的容器,里面的元素和外部的元素相互不影响。BFC特性:内部box会在垂直方向,一个接一个地放置。Box垂直方向的距离由margin决定,在一个BFC中,两个相邻的块级盒子的垂直外边距会产生折叠。在BFC中,每一个盒子的左外边缘(margin-left)会触碰到容器的左边缘(border-left)(对于...原创 2020-02-13 18:11:47 · 154 阅读 · 0 评论 -
下面代码中 a 在什么情况下会打印 1?
var a = ?;if(a == 1 && a == 2 && a == 3){ conso.log(1);}答案解析: 因为==会进行隐式类型转换,所以我们只要重写toString()方法就可以了方法一 var a = { i: 1, toString() { return a.i++; }}if( a == 1 &a...原创 2020-02-13 17:31:18 · 1048 阅读 · 0 评论 -
改造下面的代码,使之输出0 - 9,写出你能想到的所有解法
for (var i = 0; i< 10; i++){ setTimeout(() => { console.log(i); }, 1000)}结果:10,10,10,10,10,10,10,10,10,10解决办法汇总方法一:原理:利用 setTimeout 函数的第三个参数,会作为回调函数的第一个参数传入利用 bind 函数部分执行的特性代码1...原创 2020-02-13 16:45:48 · 816 阅读 · 0 评论 -
如何实现一个 new
function _new(fn, ...arg) { const obj = Object.create(fn.prototype); const ret = fn.apply(obj, arg); return ret instanceof Object ? ret : obj;}原创 2020-02-13 11:27:15 · 108 阅读 · 0 评论 -
宏任务和微任务
1、宏任务(macro)task(又称之为宏任务),可以理解是每次执行栈执行的代码就是一个宏任务(包括每次从事件队列中获取一个事件回调并放到执行栈中执行)。浏览器为了能够使得JS内部(macro)task与DOM任务能够有序的执行,会在一个(macro)task执行结束后,在下一个(macro)task执行开始前,对页面进行重新渲染,流程如下:(macro)task->渲染->(...原创 2020-02-12 20:38:12 · 358 阅读 · 0 评论 -
a 标签的下载功能
a 标签的下载功能之前做的项目中有一个 导出数据 的功能,实现代码如下:<Button disabled={!dataSource.length} href= {URI(URL.overallDetailExportUsingGet).query(Object.assign({},params, {orderType,orderField}))} t...转载 2020-02-10 23:05:49 · 2094 阅读 · 0 评论 -
js运算符
运算符-运算符也称为操作符,通过运算符可以对一个或多个值进行运算或操作-typeof运算符-用来检查一个变量的数据类型-语法:typeof 变量-它会返回一个用于描述类型的字符串作为结果1、算数运算符+对两个值进行加法运算并返回结果-对两个值进行减法运算并返回结果*对两个值进行乘法运算并返回结果/对两个值进行除法运算并返回结果%对两个值进行取余运算并返回结果注: 1、...原创 2019-09-02 19:13:44 · 87 阅读 · 0 评论 -
数据类型转换
类型转换类型转换就是指将其他的数据类型,转换为String Number 或 Boolean1、转换为String方式一(强制类型转换):调用被转换数据的toString()方法例:var a = 123;a = a.toString();注意:这个方法不适用于null和undefined由于这两个类型的数据中没有方法,所以调用toString()时会报错方式二(强制类型转...原创 2019-09-02 17:01:57 · 133 阅读 · 0 评论 -
数据类型
.数据类型1、JS中一共分成六种数据类型String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象其中基本数据类型有 - String 字符串- JS中的字符串需要使用引号引起来双引号或单引号都行-在js中引号不能嵌套,双引号不能嵌套双引号,但可以嵌套单引号;单引号不能嵌套单引号,但可以嵌套双引...原创 2019-09-02 15:20:41 · 69 阅读 · 0 评论 -
函数的返回值return
在函数中可以使用 return 来设置函数的返回值,return 后面的值将会作为函数的执行结果返回,可以定义一个变量来接收函数的返回值。return 后面的值可以是任意类型,对象或函数等都可以作为返回值。function sum (a,b,c){ var total = a+b+c; return total; //将一个基本类型变量作为返回值} var result ...转载 2019-08-28 23:24:51 · 2847 阅读 · 0 评论 -
js的三种等号之间的区别
js中有 = 、== 、===三种,经常会让人弄不清楚,下面来讲讲它们之间的区别。1、第一种 =这个等号最少,也最简单,代表赋值,将右侧的值赋给左侧的变量var a = 3;//将3赋值给a2、第二种 ==这是相等运算符,相等返回true,否则返回false。当使用它来进行比较时,如果值的类型不同,会自动进行类型转换,将其转换为相同的类型,然后再进行比较,这里涉及到一些数据类型转换的知...转载 2019-08-20 11:19:46 · 959 阅读 · 0 评论