大厂面试常问的【前台工程师面试手册】，面试必备！

前言

相对于传统的软件工程师面试而言，前台工程师面试对算法以及计算机底层考察程度较低。面试的时候一般会着重考察错综复杂的前台基础知识，比方 HTML ，CSS ，JS 等。同时会根据各个面试公司的技术栈去侧重少量应用上的技术，比方小程序，react，vue 等等。

百度：

腾讯：

前台工程师面试手册

? 文档一共 281 页，主要内容概括：HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue，React，数据结构与算法。

HTML 相关

• html 语义化
• canvas 相关
• svg和canvas的区别？
• html5有哪些新特性？
• 如何解决HTML5新标签的浏览器兼容问题？
• 说说 title 和 alt 属性
• ……

CSS 相关

• 让一个元素水平垂直居中，究竟有多少种方案？
• 浮动布局的优点？有什么缺点？清理浮动有哪些方式？
• 使用display:inline-block会产生什么问题？处理方法？
• 布局题：div垂直居中，左右10px，高度始终为宽度一半
• 盒模型
• CSS如何进行品字布局？
• ……

JavaScript 相关

• JS原始数据类型有哪些？引用数据类型有哪些？
• null是对象吗？为什么？
• ‘1’.toString()为什么可以调用？
• 0.1+0.2为什么不等于0.3？
• 什么是BigInt? 为什么需要BigInt?
• 如何创立并使用BigInt？
• typeof 能否能正确判断类型？
• instanceof是否判断基本数据类型？
• 能不能手动实现一下instanceof的功能？
• Object.is和===的区别？
• [] == ![]结果是什么？为什么？
• JS中类型转换有哪几种？
• == 和 ===有什么区别？
• ……

HTTP 相关

• HTTP 报文结构是怎么的？
• HTTP有哪些请求方法？
• GET 和 POST 有什么区别？
• 如何了解 URI？
• 如何了解 HTTP 状态码？
• 简要概括一下 HTTP 的特点？HTTP 有哪些缺点？
• 对 Accept 系列字段理解多少？
• ……

TCP 协议

• 能不能说一说 TCP 和 UDP 的区别？
• 说说 TCP 三次握手的过程？
• 为什么是三次而不是两次、四次？
• 三次握手过程中可以携带数据么？
• 说说 TCP 四次挥手的过程
• 为什么是四次挥手而不是三次？
• ……

浏览器相关

• 说一说浏览器缓存?
• 说一说浏览器的本地存储？各自优劣如何？
• 说一说从输入URL到页面呈现发生了什么？（网络）
• 谈谈你对重绘和回流的了解
• 能不能说一说 XSS 攻击？
• HTTPS 为什么让数据传输更安全？
• ……

Vue 相关

• 什么是MVVM？
• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？
• 组件之间的传值？
• Vue 双向绑定原理
• 形容下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
• 虚拟 DOM 实现原理
• ……

React 相关

• 区分真实DOM和虚拟DOM
• 什么是React？
• React 的功能是什么？
• 列出 React 的少量主要优点
• React的局限性是什么？
  -什么是JSX？
• ……

数据结构与算法相关

【链表】

• 简单的反转链表
• 区间反转
• 两个一组翻转链表
• K个一组翻转链表
• 如何检测链表形成环？
• ……

【栈和队列】

• 有效括号
• 多维数组 flatten
• 普通的层次遍历
• 二叉树的锯齿形层次遍历
• 二叉树的右视图
• ……

【二叉树】

• 前序遍历 / 中序遍历 / 后序遍历
• 最大深度 / 最小深度
• 对称二叉树
• 二叉树的最近公共祖先
• 二叉树的直径
• ……

? 获取方式：

前台工程师面试手册PDF文档领取，加入??Q裙：【624369675】免费领取！增加时备注：`简书 + 面试手册`