lio零度

未归档

/ 注册

全部文章 / 未归档（共375篇）

JavaScript 手写 instanceof 的实现

MDN 定义：instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。实现思路判断右边变量的原型是否存在于左边变量的原型链上。通过实例对象属性的 __proto__ 去一层层查找，如果和构造函数的 prototype 相等则返回 true...

2021-04-30

0 352

JavaScript 手写 new 运算符

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一原理 MDN 对 new 解释的操作步骤如下：创建一个空的简单 JavaScript 对象（即 {}）；链接该对象（设置该对象的 constructor）到另一个对象；将步骤1新...

2021-04-29

0 274

Vue keep-alive

当使用动态组件时，当您切换 :is 指令的值时，Vue 会重新创建组件的新实例。尽管它在大多数情况下很有用，但有时我们想要保存隐藏元素的状态。这时 Vue 的 keep-alive 组件就派上用场了，它可以是提高速度并提供更好的用户体验的好方法。什么是 keep-alive？为了理解 &...

2021-04-28

0 324

每日一算法：欧氏距离

在数学中，欧几里得距离（别称：欧氏距离）或欧几里得度量是欧几里得空间中两点间“普通”（即直线）距离。使用这个距离，欧氏空间成为度量空间。相关联的范数称为欧几里得范数。较早的文献称之为毕达哥拉斯度量。计算任意数量维度中两点之间的距离。使用 Object.keys() 和 Array....

2021-04-27

0 443

如何在 JavaScript 中合并两个数组？

String.prototype.concat() String.prototype.concat() 方法将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回。 const a = [1, 2, 3] const b = [4, 5, 6] const merged = [].co...

2021-04-26

0 289

如何在 JavaScript 中判断数组是否包含某个值？

Array.prototype.indexOf() 判断数组中是否存在某个值，如果存在，则返回数组元素的下标，否则返回 -1。 const arr = ['red', 'yellow', 'black', 'white', 'yellow'] arr.indexOf('plum') // -...

2021-04-26

0 341

JavaScript 中的 “this” 关键字

在 JavaScript 中，this 关键字是指当前正在运行代码时所在的环境对象。 this 的值取决于函数的调用方式：默认情况下，指全局对象。在函数中，当不处于严格模式时，它引用全局对象 window；当处于严格模式时，它将是 undefined。在箭头函数中，this ...

2021-04-25

0 238

BFC 及其应用

块格式化上下文（Block Formatting Context，BFC）是 Web 页面的可视化 CSS 渲染的一部分。它是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 BFC 特性 BFC 在 Web 页面上是一个独立的容器，容器内外的元素互不影响和...

2021-04-25

0 306

如何在 JavaScript 中交换两个变量？

过去，在 JavaScript 中交换两个变量的值需要一个中间变量在交换时存储其中一个值 let a = 10 let b = 20 let temp temp = a a = b b = temp 尽管这种方法仍然有效，但如今有更多更优雅供我们使用。例如，JavaScript ES6 ...

2021-04-24

0 254

数组扁平化

数组扁平化是指将一个多维数组变成一维数组。如： [1, [[2, 3], 4]] --> [1, 2, 3, 4] Array.prototype.flat() ES10 引入了 Array.prototype.flat() 方法，使扁平数组变的简单。 let arr = [1, [...

2021-04-24

1 303