三十多次面试的前端面经汇总

说在最前

是面经汇总，也是笔记，在这里不会给到每一个问题的答案，

一来自己查文档看书才能更加理解知识点，二来我要是说错了多尴尬。。。

如果某个点你觉得有问题或者你觉得需要被更正或补充，欢迎留言一起讨论～～

自我介绍

211本，自动化专业，年初开始转行，耕耘前端差不多半年（大佬勿喷QAQ

无国奖无竞赛无论文，你懂的，就半年能有个锤子

使用的框架为Vue，开发过小项目和微信小程序，项目经验不太够，优势估计只有书看得多

北京小厂实习过俩月

秋招叫得出名的互联网厂除了阿里我都投了，阿里我是真滴不敢投

九月到现在陆陆续续面了近三十多次

拿到了几个offer，美团开出了开发中档的薪资

最后决定加入美团（全体起立！把饿了么给我卸了！

面经

HTML

html这标签语言真的基本没问啥

对语义化标签的理解 - 让人更可读，让机器更可读（利于SEO）
meta标签 - 问得多一点

CSS

flex布局，容器的属性，项目的属性 - 阮一峰老师的两篇文档，给我看！
实现两栏（左固定右自适应）/三栏（左右固定中间自适应）布局
常见伪元素、伪类，越多越好
垂直水平居中方法，越多越好
八种定位属性的具体含义 - static relative fixed absolute sticky inherit initial unset
选择器和优先级，权重- 这里继承优先级最低，那么哪些属性可继承？
回流重绘的概念、触发条件，避免回流重绘的操作，flush队列，display:none触发的是哪一个，visibility:hidden呢
两种盒子模型
BFC（块级格式上下文）的概念，触发条件，渲染规则，应用场景
移动端适配 - 这里涉及到的东西可就多了：媒体查询，viewport，em/rem，vw/vh

JavaScript

考察的更多的还是es6，什么let/const，数组对象的新方法，解构赋值，箭头函数，promise，async，generator，set,map之类的

数据类型，原始类型和引用类型，存储方式（堆、栈），判断数据类型的三种方法
知道哪些数组的方法 - 红宝书上超多个方法，过一遍
null和undefined的不同，为什么 == 结果是true，而 === 结果是false
闭包的概念，使用场景，缺点 - 我最认同《你不知道的JavaScript》里写的当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。是一种现象。
原型链
var let const 的不同 - 概念的不同，变量提升，暂时性死区，顶层对象
箭头函数和普通函数的区别，this的问题，为什么不能用作构造函数
promise - 为什么我就写了一个单词，因为我promise不太熟（。
this的问题 - 永远指向最后调用它的函数（es5），call/apply/bind改变指向（es6）
new 实例化一个对象 / new一个对象时发生了什么？四个步骤
防抖节流的使用，区别，手写
继承的方法
Eventloop，可以顺便说一下浏览器渲染进程，哪些是宏任务微任务 - 经典看代码写输出
事件流，事件代理解决的问题
深浅拷贝的区别，如何解决循环引用，手写实现 - https://segmentfault.com/a/1190000020255831经典好文！不得不看！
load 和 DOMContentLoaded(DOM Ready)的区别 - 看红宝书
引用script标签时涉及到的defer async
BOM：window location navigator - 解析url会用到location对象
JSBridge的原理及使用 - 因为我实习做的是APP内嵌页，涉及到与客户端通信

Vue

经常有面试官问我看过源码没，您好，没有（学习时间太短了，来不及嘛），所以面经笔记没有涉及到源码部分

顺便各位，读源码有什么建议吗，嗯看真是难下手

单页应用的优缺点
computed 和 watch 的区别
v-for 和 v-if 的区别
双向绑定的原理，哪些操作不会触发视图更新 - Vue3使用了proxy来代替传统的双向绑定
组件通信的方法，父子、隔代、兄弟，如果能再说说Vuex就更不错了
nextTick是干嘛的
vue-router，history hash 的区别，需不需要后端配置，守卫，路由钩子
写一个通用组件需要考虑哪些问题

计算机网络浏览器

HTTP相关，请求头响应头构成，HTTP0.9/1.0/1.1/2 各版本的区别，默认端口80
HTTPS相关，与HTTP区别，默认端口443
状态码 1XX - 5XX，背就完事了
get / post 的区别
TCP / IP，OSI 七层模型 - 物理层数据链路层网络层传输层会话层表示层应用层
跨域相关，同源策略，跨域办法 - jsonp以及缺点 / webSocket协议 / CORS以及分类，预检请求
进程线程的概念
从输入URL到浏览器完成页面渲染发生了什么 - 被问烂了，越详细越好。这里又有web优化问题
强缓存，协商缓存 - 相关的头部、状态码
cookie、session、localStorage、sessionStorage
安全问题，XSS、CSRF概念，出现的场景，解决的办法 - XSS：CSP、HttpOnly Cookie；CSRF： samesite、Referer Check、Anti-CSRF-Token