前端基础

排查性能问题 题目 如果一个 h5 很慢，你该如何排查问题？ 分析 注意审题，看面试官问的是哪方面的慢。如果他没有说清楚，你可以继续追问一下。 加载速度慢。则考虑网页文件、数据请求的优化，即本文所讲

设计模式 题目 前端常用的设计模式？什么场景？ 开放封闭原则 设计原则是设计模式的基础，开放封闭原则是最重要的：对扩展开发，对修改封闭。 工厂模式 用一个工厂函数，创建一个实例，封装创建的过程。 应用

首屏优化 题目 H5 如何进行首屏优化？尽量说全 前端通用的优化策略 压缩资源，使用 CDN ，http 缓存等。本节只讨论首屏，这些先不讲。 路由懒加载 如果是 SPA ，优先保证首页加载。 服务端

网页多标签页之间的通讯 题目 网络多标签之间如何通讯？ 例如打开两个 chrome 标签，一个访问列表页，一个访问详情页。在详情页修改了标题，列表页也要同步过来。 webSocket 通过 webSo

输入 url 到页面展示 题目 从输入 url 到显示页面的完整过程 特别注意 现在浏览器经过多年发展和优化，加载和渲染机制已经非常复杂，我们只能讲解基本的流程。不可较真细节。 步骤 网络请求 解析

webSocket 题目 webSocket 和 http 协议有何区别？有和应用场景？ webSocket 简介 webSocket 和 http 都是应用层，支持端对端的通讯。可以由服务端发起，也

https 中间人攻击 题目 什么是 https 中间人攻击，如何预防？ 复习：https 加密原理 http 是明文传输，传输的所有内容（如登录的用户名和密码），都会被中间的代理商（无论合法还是非法

HTTP 和 UDP 题目 HTTP 和 UDP 有何区别 网络协议 HTTP 在应用层，直接被程序使用 TCP 和 UDP 在传输层，底层 UDP 的特点 UDP 是一种无连接的、不可靠的传输层协议

cookie 和 token 区别 题目 cookie 和 token 有何区别 cookie http 请求是无状态的，即每次请求之后都会断开链接。 所以，每次请求时，都可以携带一段信息发送到服务端

Cookie的作用域仅仅由domain和path决定，与协议和端口无关。 相同域名不同端口的两个应用，cookie名字、路径都相同的情况下，后面cookie会覆盖前面的cookie。 结论：根据同源策

性能优化上 参考：网页渲染性能优化 —— 性能优化上 - 知乎 (zhihu.com) 性能优化下 参考：网页渲染性能优化 —— 性能优化下 - 知乎 (zhihu.com) 网页渲染性能优化 参考：

HTMLCollection 和 NodeList 的区别 题目 HTMLCollection 和 NodeList 的区别，Node 和 Element 的区别 Node 和 Element DOM

TCP 连接 三次握手 四次挥手 题目 请描述 TCP 连接的 三次握手 和 四次挥手 建立连接 客户端和服务端通过 HTTP 协议发送请求，并获取内容。 在发送请求之前，需要先建立连接，确定目标机器

在开始正式讲解之前，先举一个例子，如图1所示。这是一个很简单的计数器，单击“减”按钮，数字就会减 1；单击“加”按钮，数字就会加 1。 图1：MV 系列框架例子 接下来需要知道的是，在 MV 系列框架

定义： 1、===：称为等同符，当两边值的类型相同时，直接比较值，若类型不相同，直接返回false； 2、==：称为等值符，当等号两边的类型相同时，直接比较值是否相等，若不相同，则先转化为类型相同的值

``` class EventEmitter { constructor() { this.events = {} } _getEventListByName(eventName) { if (typ