老男孩的博客

数组扁平化概念扁平化:其实就是将多层数组展开，平摊成为一维数组> let arr1=[[1],[2,3],[4]];> //扁平化后--> [1, 2, 3, 4]实现扁平化方式ES6新增加方法–>Array​.prototype​.flat() + Infinity作为参数数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响//flat()方法的参数写成一个整数

闭包用一句话总结：闭包就是作用域的延伸解释：函数内部的作用域属于局部作用域，导致只有函数内部才可以访问声明的变量。而闭包可以将局部作用域延伸，使其在函数外部也可以访问内部声明的变量等。关于变量的作用域js变量的作用域无非就两种 局部变量和全局变量JavaScript在函数内部可以访问全局变量var n = 0;//全局变量function f1() { console.log(n)//0}f1();而在函数内部声明的局部变量，外部无法直接访问function f1(

数据响应式是vue的特性之一，在面试过程中也会常常被问起响应式原理，现在就让我们深入了解一下vue2.0中如何实现响应式,下图是Vue2.0中对响应式原理的描述，其核心就是使用Object.defineProperty中的get/set进行数据劫持,虽然Vue3.0中使用Proxy(代理)去实现响应式，其实原理都差不多，在3.0中主要是使用Proxy的get和set实现响应式，如果理解defineProperty，Proxy也会很快理解的Object.defineProperty是什么？.

一、前端面试题1：重绘和重排(回流)1.1 核心：浏览器的运行机制构建DOM树（parse）：渲染引擎解析HTML文档，首先将标签转换成DOM树中的DOM node（包括js生成的标签）生成内容树（Content Tree/DOM Tree）；构建渲染树（construct）：解析对应的CSS样式文件信息（包括js生成的样式和外部css文件），而这些文件信息以及HTML中可见的指令（如<b></b>），构建渲染树（RenderingTree/Frame Tree）；re

1.v-show和v-if区别一、vue中的v-show和v-if是做什么用的，两者区别是什么 ？v-if 是“真正的”条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 相比之下， v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。 一般来说， v-if 有更高的切换开销，而 v-show 有更高的初始渲染

下面的代码需要部署到node上才能运行主要使用unlinkSync删除文件，rmdirSync删除目录使用statSync中的isDirectory判断是否为目录思路：判断目录是否存在,存在就去读取这个路径遍历读取到的数据，进行判断，如果是一个目录利用迭代向内层读取，如果是一个文件则删除文件删除空目录const fs = require('fs');const path = require('path');//删除目录let delDir = (dir) => { .

一、利用Promise对原生ajax进行封装function ajax({ method = 'get', url = "", params = ""}) { const p = new Promise((resolve, reject) => { var xhr = new XMLHttpRequest(); if (method == "get" && params != undefined) {

用至少两种方法完成数组的去重//1.遍历数组，发现相等的就删除//用来保存新数组 var arr0 = []; for (var i in arr) { //如果新数组中没有出现就保存到新数组 if (arr0.indexOf(arr[i]) == -1) { arr0.push(arr[i]); } } console.log(arr0);//2.遍历数组进行比较 for (var i = 0; i < arr.length; i.

嘿嘿嘿，身为小白、尝试一下，稍微改了一下题目，把null去掉了 var arr = [{ id: 1, children: [{ id: 2, children: [{ id: 3 }] }] }, { id: 4 }];..

1.new操作符具体干了什么呢(1)隐式创建了一个空对象；(2)将该对象的__proto__ 指向该构造函数的prototype原型；(3)将this指向该空对象，在该对象上添加属性和方法(4)隐式返回该对象2.用过哪些设计模式工厂模式3.call()和apply()的区别和作用call()和apply()可以改变函数内this的指向，让this指向特定的对象不同点：参数列表不同，apply需要将参数封装为数组传递，call方法普通传递4.JavaScript对象的几种创建方

1.什么是JavaScript?Js是一种具有面向对象能力的、解释型的程序设计语言。2.JavaScript与ECMAScript的关系？ECMAScript是js的规格，js是ECMAScript的一种实现。3.变量的命名规则？1.名字见名知义，遵循驼峰标识。例：userName passWord2.变量名只能以字母,_,$开头3.不能使用关键和保留字4.变量名不要相同(后面的会覆盖前面)4.window.onload的作用？作用是：当文档和资源都加载完成后执行5.j

new在执行的时候会做四件事情在内存中创建一个新的空对象。让 this 指向这个新的对象。执行构造函数里面的代码，给这个新对象添加属性和方法。返回这个新对象（所以构造函数里面不需要 return ）。...

例1：以下代码的执行结果是？如何处理？var arr = [];for(var i = 0;i<10;i++){ arr.push(function () { console.log(i); })}arr[6]();//-----控制台输出-------10解释：for实现的就是往arr数组里添加函数，函数内部打印i，函数内容打印的i是闭包内的变量，访问的i是例2：以下代码的执行结果function fun(n,o){ console.log(o

首先看一个判断题：null和undefined 是否相等 console.log(null==undefined)//true console.log(null===undefined)//false观察可以发现：null和undefined 两者相等，但是当两者做全等比较时，两者又不等。原因：null： object类型，代表“空值”，代表一个空对象指针，undefined： undefined类型，2.那到底什么时候是null,什么时候是undefined呢？null.