前端面试

说一说性能优化有哪些性能指标，如何量化？ 要点： 加载速度、第一个请求响应时间、页面加载时间、交互动作的反馈时间、帧率FPS、异步请求完成时间 Lighthouse、Throttling 、Perfo

promise、async、await、settimeout异步原理与执行顺序 一道经典的前端笔试题，你能一眼写出他们的执行结果吗？ 首先第一个问题: JavaScript运行机制是什么？ 详细可参考

说一下浏览器垃圾回收机制？ 要点： 栈垃圾回收、堆垃圾回收、新生区老生区、Scavenge算法、标记-清除算法、标记-整理算法、全停顿、增量标记 答： 浏览器垃圾回收机制根据数据的存储方式分为栈垃圾回

说一下浏览器输入URL发生了什么？ 要点： DNS解析、TCP握手、HTTP缓存、重定向、服务器状态码、渲染引擎和JS引擎互斥、渲染过程、浏览器进程、网络进程、渲染进程 答： 输入地址，浏览器查找域名

说一说组件通信的方式？ 要点： 父子通信、自定义属性、props、$emit、EventBus、$on、VueX 答： Vue组件的通信方式分为两大类，一类是父子组件通信，另一类是任何关系类型组件通信

说一下fetch 请求方式？ 要点： Fetch函数就是原生js、没有使用XMLHttpRequest对象、头部信息、请求信息、响应信息等均分布到不同的对象 答： fetch是一种HTTP数据请求的方

说一说 Vue 列表为什么加 key？ 要点： 性能优化、diff算法节点比对、key不能是index 答： 为了性能优化 因为vue是虚拟DOM，更新DOM时用diff算法对节点进行一一比对，比如有

React中hooks的优缺点是什么？ 要点： 可读性强、组件层级变得更浅、不再需要考虑class组件中this指向、部分生命周期不支持 答： 优点： 代码的可读性强，在使用hooks之前比如发布/订

说一说map 和 forEach 的区别？ 要点： map创建新数组、map返回处理后的值、forEach()不修改原数组、forEach()方法返回undefined 答： map 和 forEac

说一说事件循环Event loop，宏任务与微任务？ 要点： 任务挂起、同步任务执行结束执行队列中的异步任务、执行script标签内部代码、setTimeout/setInterval、ajax请求、

说一说vue-router 实现懒加载的方法？ 要点： import、require 答： vue-router 实现懒加载的方法有两种： ES6的import方式: component: () =>

说一说服务端渲染？ 要点： 服务器端生成HTML直接返回给浏览器、减少网络传输、首屏渲染快、对搜索引擎友好 答： SSR是Server Side Render简称；页面上的内容是通过服务端渲染生成的，

说一说盒模型？ 要点： 标准盒模型、怪异盒模型、box-sizing:border-box、盒模型大小 答： CSS盒模型定义了盒的每个部分包含 margin, border, padding, co

说一说伪数组和数组的区别？ 要点：类型是object、不能使用数组方法、可以获取长度、可以使用for in遍历 答： 伪数组它的类型不是Array，而是Object，而数组类型是Array。可以使用的

说一说null 和 undefined 的区别，如何让一个属性变为null 要点： 操作的变量没有被赋值、全局对象的一个属性、函数没有return返回值、值 null 特指对象的值未设置 undefi

说一下有什么方法可以保持前后端实时通信？ 要点： 轮询、长轮询、 iframe流、WebSocket、SSE 答： 保持前后端实时通信的方法有以下几种： 1. 轮询是客户端和服务器之间会一直进行连接，

async/await 执行顺序详解 Allen_HQ](https://segmentfault.com/u/allen_he)发布于 2017-09-21 随着async/await正式纳入ES7

说一说BFC 要点： 块级格式化上下文、独立的渲染区域、不会影响边界以外的元素、形成BFC条件、float、position、overflow、display 答： BFC(Block Formatt

XSS攻击是什么？ 要点： XSS是跨站脚本攻击、向目标网站插入恶意代码、大量用户访问网站时运行恶意脚本获取信息 答： XSS是跨站脚本攻击(Cross Site Scripting)，不写为CSS是

说一说computed和watch的区别？ 要点： computed值有缓存、触发条件是依赖值发生更改、 watch无缓存支持异步、监听数据变化 答： computed： 是计算属性，依赖其它属性值，