1、数组循环中key的作用：
一般使用id作为key值，vue和react的虚拟DOM的Diff算法大致相同，key的作用主要是为了高效的更新虚拟DOM，只要新渲染改变的数据就可以了,其他都是就复用之前的。
2、在浏览器中输入URL后，执行的全部过程：
域名解析
发起TCP的3次握手
建立TCP连接后发起http请求
服务器响应http请求
浏览器解析html代码,并请求html代码中的资源(如js、css、图片等）
断开TCP连接
浏览器对页面进行渲染呈现给用户
TCP:传输控制协议（TCP）是一种网络通信协议，旨在通过Internet发送数据包。TCP是OSI层中的传输层协议，用于通过传输和确保通过支持网络和Internet传递消息来在远程计算机之间创建连接。
3、事件委托和事件代理：
事件代理就是基于事件冒泡原理，在父元素做事件的处理，可以实现减少dom操作次数和降低内存使用（不能给每个元素都添加同样的函数）。
4、cookies，sessionStorage和localStorage的区别：
共同点：都是保存在浏览器端，且同源的。
区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存；
存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大；
数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭；
作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。
5、事件流：
事件流分为2种，捕获事件流和冒泡事件流。
捕获事件流从根节点开始执行，一直往子节点查找执行，直到查找执行到目标节点。
冒泡事件流从目标节点开始执行，一直往父节点冒泡查找执行，直到查到根节点。
6、React和Vue相同点和不同点：
相同点：使用 Virtual DOM
提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。
将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库
不同：React本身，是严格的view层，MVC模式；Vue是MVVM模式的一种方式实现；
vue：vue是双向绑定， Vue.js 最核心的功能有两个，一是响应式的数据绑定系统，二是组件系统。所谓双向绑定，指的是vue实例中的data与其渲染的DOM元素的内容保持一致，无论谁被改变，另一方会相应的更新为相同的数据。这是通过设置属性访问器实现的；react是单向数据流；react中通过将state（Model层）与View层数据进行双向绑定达数据的实时更新变化，具体来说就是在View层直接写JS代码Model层中的数据拿过来渲染，一旦像表单操作、触发事件、ajax请求等触发数据变化，则进行双同步。
7、React和Vue的优势：
- Vue的优势包括：
- 模板和渲染函数的弹性选择
- 简单的语法及项目创建
- 更快的渲染速度和更小的体积
- React的优势包括：
- 更适用于大型应用和更好的可测试性
- 同时适用于Web端和原生App
- 更大的生态圈带来的更多支持和工具
- 而实际上，React和Vue都是非常优秀的框架，它们之间的相似之处多过不同之处，并且它们大部分最棒的功能是相通的：
- 利用虚拟DOM实现快速渲染
- 轻量级
- 响应式和组件化
- 服务器端渲染
- 易于集成路由工具，打包工具以及状态管理工具
- 优秀的支持和社区
8、React挂载和更新的生命周期调用顺序：
挂载：
constructor()
static getDerivedStateFromProps()
render()
componentDidMount()
更新：
static getDerivedStateFromProps()
shouldComponentUpdate()
render()
getSnapshotBeforeUpdate()
componentDidUpdate()
9、说一下CORS：
CORS是一种新标准，支持同源通信，也支持跨域通信。fetch是实现CORS通信的
10、闭包：
闭包发生在创建函数时，实质是一个作用域，在该作用域中允许该自身函数访问并且操作该自身函数之外的变量。
优点：利用闭包作用域特性可以将一些变量（函数也是变量）隐藏起来，实现私有化；规避冲突
缺点：将函数片段用函数包含起来，首先会起一个函数名，这个函数名本身也就污染了所在的作用域；其次必须通过函数名调用才能运行其中的代码。解决方案：立即执行函数。用表达式将函数片段包起来，然后立即执行。这个函数名在所在作用域中不能被调用，它只被绑定在函数表达式自身的函数中。
11、宏任务和微任务：
宏任务：当前调用栈中执行的任务称为宏任务。（主代码快，定时器等等）。
微任务： 当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务为微任务。（可以理解为回调事件，promise.then，proness.nextTick等等）。
宏任务中的事件放在callback queue中，由事件触发线程维护；微任务的事件放在微任务队列中，由js引擎线程维护。
12、继承的几种方式及优缺点：
借用构造函数继承，使用call或apply方法，将父对象的构造函数绑定在子对象上
原型继承，将子对象的prototype指向父对象的一个实例
组合继承
Class 继承
原型链继承的缺点：字面量重写原型会中断关系，使用引用类型的原型，并且子类型还无法给超类型传递参数。
借用构造函数（类式继承）：借用构造函数虽然解决了刚才两种问题，但没有原型，则复用无从谈起。
组合式继承：组合式继承是比较常用的一种继承方法，其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样，既通过在原型上定义方法实现了函数复用，又保证每个实例都有它自己的属性。
13、什么是会话cookie,什么是持久cookie：
cookie是服务器返回的，指定了expire time（有效期）的是持久cookie,没有指定的是会话cookie
14、rem:
rem是全部的长度都相对于根元素<html>元素。通常做法是给html元素设置一个字体大小，然后其他元素的长度单位就为rem。
15、画一条0.5px的直线：
height: 1px;
transform: scale(0.5);
16、vue双向绑定原理：
vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。
17、为什么需要块级作用域：
内层变量可能覆盖外层变量；
用来技术的循环变量泄露为全局变量；
ES6的块级作用域：
外层作用域无法读取内层作用域的变量；
内层作用域可以定义外层作用域的同名变量；
块级作用域的出现，实际上使得获得广泛应用的立即执行函数表达式(IIFE)不再必要了；
18、防抖和节流：
防抖：触发高频函数事件后，n秒内函数只能执行一次，如果在n秒内这个事件再次被触发的话，那么会重新计算时间
节流：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率
19、重排和重绘
重排(Reflow)：当渲染树的一部分必须更新并且节点的尺寸发生了变化，浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。
重绘(Repaint)：是在一个元素的外观被改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。比如改变某个元素的背景色、文字颜色、边框颜色等等
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
