前端大厂最新面试题-2020跟谁学前端社招面经.docx

"前端大厂最新面试题-2020跟谁学前端社招面经" 以下是从给定文件中生成的知识点： HTML 1. 块级元素（block-level element）和行级元素（inline-level element）的区别：HTML 元素可以分为块级元素和行级元素两类。块级元素占据整行，行级元素与其他元素共占一行。常见的块级元素有 `<div>`、`<p>`、`<h1>` 等，行级元素有 `<span>`、`<a>`、`<label>` 等。 JavaScript 2. script 标签 defer 和 async 的区别：defer 和 async 都是 script 标签的属性，用于控制 JavaScript 文件的加载和执行顺序。defer 属性规定脚本在文档完成解析后执行，而 async 属性规定脚本在下载完成后执行，两者都可以异步加载 JavaScript 文件，但 defer 保证脚本执行顺序，而 async 不保证执行顺序。 3. this 关键字的使用：this 关键字在 JavaScript 中是一个复杂的概念，指向当前对象的引用。在函数内部，this 指向函数的调用者，而在全局作用域中，this 指向 window 对象。例如，在问题 8 中，get 函数的 this 指向 a 对象，而在全局作用域中，this 指向 window 对象。 4. 箭头函数、call、apply、bind 函数的使用：箭头函数是 ES6 中引入的一种新的函数定义方式，用于简化函数定义和this 的绑定。call、apply、bind 函数用于改变函数的 this 指向和参数绑定。 CSS 5. 盒子模型（Box Model）：CSS 盒子模型是 CSS 布局的基础模型，包括内容区、内边距、边框和外边距四个部分。内容区是元素的主要内容，内边距是内容区和边框之间的距离，边框是元素的边界，外边距是元素和其他元素之间的距离。 6. 块级格式上下文（BFC）：BFC 是 CSS 布局的一种格式上下文，用于解决浮动元素和外边距合并的问题。BFC 可以创建一个独立的布局环境，避免浮动元素对其他元素的影响。 7. 外边距合并和解决方式：外边距合并是指两个或多个元素的外边距合并为一个外边距。解决方式包括使用外边距合并规则、使用 BFC、使用 inline-block 等。 Vue 8. 生命周期：Vue 生命周期是指 Vue 实例从创建到销毁的整个过程。包括 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 等几个阶段。 9. computed 和 watch 的区别：computed 和 watch 都是 Vue 中的计算属性，用于处理复杂的数据计算。computed 是一种基于响应式的计算属性，watch 是一种基于侦听器的计算属性。 编程题 10. 找出数组中绝对值最小的元素：该问题可以使用 JavaScript 的数组方法和 Math 对象来解决。例如，使用 `Math.min()` 函数和 `map()` 方法可以找到绝对值最小的元素。 11. JavaScript 闭包：JavaScript 闭包是指函数中的变量可以被嵌套函数所访问。例如，在问题 9 中，setTimeout 函数中的闭包访问了外部作用域的变量 i。 12. 变量提升和作用域链：JavaScript 中的变量提升是指变量声明被提升到作用域的顶部，而变量的赋值保留在原来的位置。作用域链是指变量的查找顺序，从当前作用域开始，逐级向上查找。例如，在问题 10 中，变量 char 的查找顺序是从当前作用域开始，逐级向上查找。