前端面试

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第7天，点击查看活动详情。 这篇文章是我从其他平台搬运来的（是我原创的）。 背景 nextTick是vue面试中高频考点。 有这么几个

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第6天，点击查看活动详情。 问题 如何快速搭建一个web socket服务 操作 安装包 npm i express socket.i

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第5天，点击查看活动详情。 问题 图片懒加载是一个非常常见的前端优化技巧。其基本逻辑是： 图片初始不设置src属性值。这样它就不会请求

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第4天，点击查看活动详情。 问题 如何创建一个会过期的localstorage? 分析 localstorage是不会过期的，一旦它保

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第3天，点击查看活动详情。 唉，不知道为啥react要这么多更新~~~ 性能优化的主要方向就是减少更新 减少不必要的更新 有如下不必要

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第2天，点击查看活动详情。 生命周期 生命周期(left cycle)就是指一个对象的生老病死。基本涵义可以通俗理解为从“摇篮到坟墓”

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 防止子元素浮动之后的父元素高度坍塌 问题 父元素的高度是由内部未浮动的子元素高度撑起的。 如果子元素浮动了

事件循环 浏览器本身是一个复杂的系统，它要做的事情非常多，例如： 执行js代码，请求图片资源，解析css，渲染页面，响应鼠标的点击等等。在实现层面，浏览器内部会用不同的功能模块去完成不同的事情。这些不

useState和useReducer的相同点和不同点比较。更适合使用useReducer的三个场景

eventLoop 有很多事情都是在主线程做的，例如：js代码执行，页面布局计算，渲染等 主线程同一时刻只能做一件事，事情多了就要排队。所以主线程维护了任务队列。 某个事件发生时，事件触发线程 就把对

确定函数（方法）中的this的指向是一个很复杂的过程，也是考察候选者比较好的一个点。开发中，就直接打断点调试就行了，发现this的值不对，就改呀，改成箭头函数，或者用bind给绑定一下。但是，还是确定

最常见的命令 git add . git commit -m "feat: 新功能" git push git提交规范 7个单词 feat：新功能（feature） fix：修补bug docs：文档

响应式 响应式是指状态的（对象的属性）修改之后，能自动更新到视图上。这样我们就可以集中精力在具体的业务操作上，并不需要关心dom。 vue主要是通过：数据劫持 + 依赖收集（这里用到了发布者-订阅者模

什么是缓存 缓存对应的单词是cache。计算机中很多地方都涉及缓存。我理解的缓存是：下次不要了 生活中的例子 遇到生词查字典获得读音。 输入：缓 查字典 确定它的部首 找到部首所在的页码 进入页码，数

相同点 for in 和for of 都是用来遍历元素的。 区别 for in 用来遍历key。可以用在 对象,字符串,数组中使用。 for of是ES6引进的新语法，用来遍历value。可以用在 数

节流和防抖 节流(throttle)和防抖(debounce)不是js语法层面的概念，也不属于特定属于js这门语言。它其实一个工程优化的自然产物。 它们的本质是：用来对函数的调用做降频(降低单位时间内

原型 原型,prototype,中文含义：模具，表示以此为起点，可以生成功能一致的产品。例如：武器设备的原型机；小说中的原型人物。 js中的原型指的是构造函数上的prototype属性。它是js中实现

目录js题 js01 js的数据类型 js02 如何判断数据类型 js03 js中的继承 js04 原型链 js05 闭包 js06 如何判断this的指向 js07 call apply bind的

相同点 v-model和.sync都是语法糖，都可以实现父子组件中的数据的双向通信，且原理基本一致 区别点 子组件抛出的事件名不同。 v-model是 $emit("input",新值) .syncs

在http协议中，它用来约定传输数据的类型。 请求头中的content-type 告知服务器如何去处理请求体中的数据。例如，axios的默认content-type是application/json,