2024年Web前端最全【面试题】你理解中JS难理解的基本概念是什么？，前端开发最佳实践手册全网独一份

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

作用域与闭包

作用域

作用域是当前的执行上下文，值和表达式在其中“可见”或可被访问。如果一个变量或表达式不在当前的作用域中，那么它是不可用的。作用域也可以堆叠成层次结构，子作用域可以访问父作用域，反过来则不行。————MDN

作用域最重要的特点是：子作用域可以访问父作用域，反之则不行。

作用域可细分为4种：

• 全局作用域：博爱的作用域，任何地方都能被访问到。
• 模块作用域：一个文件的独立作用域。
• 函数作用域：每个函数都有它的作用域。
• 块级作用域：这是ES6引入let和const后出现的作用域。

如下，我"偷取"了You-Dont-Know-JS书里介绍作用域和闭包的示例。

1、2、3分别是全局作用域、函数作用域、块级作用域。也能从清晰的看出作用域的层级结构。 我相信大家肯定看过这样的面试题：

for(var i = 1;i<5;i++ ){
	setTimeout(()=>{
    console.log(i)
  },1000)
}
// 5 5 5 5 5

这种离奇的现象是怎么回事呢？且来接着来看看闭包，分说分说。

闭包

闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment，词法环境）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建。————MDN

哇第一眼看这个定义，会一脸懵逼。但是细细一看，其实还是一脸懵逼。让我们稍微转化一下角度，就会好理解一点。

JS中的函数创建时，它会形成闭包。拟像化理解，你养了一只小狗，小狗在出生时就跟着你，它的生活和脑海里都是你了（呜呜呜没错我是理智爱犬人士，这世界没了小狗转不了），即使它被拐卖、换主人、被你遗弃，脑海里也都是你…说到这我已经快哭了，多么感人。闭包就是这样，函数创建时，它会记住他是在哪个作用域被创建的。

举个代码例子：

function makeFunc() {
    var name = "Mozilla";
    function displayName() {
        alert(name);
    }
    return displayName;
}

var myFunc = makeFunc();
myFunc();

在本例子中，myFunc 是执行 makeFunc 时创建的 displayName 函数实例的引用。displayName 的实例维持了一个对它的词法环境（变量 name 存在于其中）的引用。因此，当 myFunc 被调用时，变量 name 仍然可用，其值 Mozilla 就被传递到alert中。————上述是MDN的解释。

现在看来是不是好理解了点，displayName就是这只小狗狗，即使被myFunc领养，也还是记住makeFunc的一切…

那么回过头来看这道面试题：

for(var i = 1;i<5;i++ ){
	setTimeout(()=>{
    console.log(i)
  },1000)
}
// 5 5 5 5 5 

诶还是奇怪，为什么i只记得最后的结果，中间的过程i都没有了。思考一个问题，i在哪个作用域？i在一个for循环外面的作用域，i就一个，它在不断的做加法，多个setTimeout函数开始执行时，用的都是一个i呀。

那么该如何解决？

用let创建每个循环独有的块级作用域，它们会记住属于他们的i。

for(let i = 1;i<5;i++ ){
	setTimeout(()=>{
    console.log(i)
  },1000)
}
// 1 2 3 4 5

事件循环：微任务和宏任务

浏览器中的 JavaScript 和 NodeJs 中的流程都是基于事件循环的

算法

1. 冒泡排序

2. 选择排序

3. 快速排序

4. 二叉树查找: 最大值、最小值、固定值

5. 二叉树遍历

6. 二叉树的最大深度

7. 给予链表中的任一节点，把它删除掉

8. 链表倒叙

9. 如何判断一个单链表有环

   

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

4838322609)]

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】