前端校招心得

本人计算机科班出身，学过计算机网络、数据结构等相关计算机专业课程，2021秋招面试了10多家公司，有例如美团、字节、网易等互联网大厂，也面试过了一些中小型公司和一些较好的外包公司，现总结一下面试问题和心得。

自身篇

• 自我介绍
• 为什么学前端？怎么学？遇到什么问题？怎么解决的？
• 项目介绍，是个人还是团队？如果团队所作，阐述自己所作的部分
• 项目中遇到的问题？怎么解决的？
• 自身亮点
• 加分：除前端项目外，可以适当介绍使用其他技术所作项目
• ……

问题篇

HTML、CSS

• src和href区别
• link和@import的区别
• HTML语义化
• 行内元素和块级元素区别
• 隐藏元素方法
  • display: none与visibility: hidden的区别
• 重排（回流）、重绘
• BFC
• CSS选择器及其优先级
• 水平居中
• 垂直居中
• 清除浮动
• CSS盒模型理解
• CSS3新特性
• CSS布局单位
• Flex布局理解及使用
• margin重叠问题

JavaScript

• JavaScript数据类型和区别
  • null和undefined区别
• 数据类型检测方式
• 判断数组的方式
• 字符串、数组处理
• log打印顺序
• ES6新特性
  • let、const、var区别
  • 箭头函数和普通函数区别
  • Promise
• 深拷贝和浅拷贝区别
• 原型、原型链、原型对象
• JavaScript的同源策略
• 闭包理解
• 防抖与节流
• new过程
• forEach和map区别
• 垃圾回收与内存泄漏

Vue

• MVC、MVVM
• Vue生命周期
• 双向数据绑定原理
• v-if和v-show区别
• 组件通信
• Vue-Router
• Vuex
• Vue3.0新特性，与Vue2.0相比较
• 虚拟DOM
• 与React区别

数据结构

• 排序算法
  • 时间复杂度
  • 空间复杂度
  • 稳定性
• 什么是二叉树
• 什么是二叉搜索树

计算机网络

• 常见的HTTP请求方法
  • GET和POST区别
  • POST和PUT区别
  • OPTIONS方法及使用场景
• HTTP和HTTPS区别
• HTTP状态码
• DNS协议
• DNS解析过程
• 网络模型
  • OSI七层模型
• TCP和UDP区别
• TCP的三次握手和四次挥手
• 强缓存和协商缓存

其他

• 网站性能优化