新鲜出炉的前端面经

2020年8月7日晚
刚吃完晚饭就收到了小哥打来的电话，小哥哥超nice，答不上来的部分也基本给了解答，希望可以通过这次面试，很希望与小哥成为同事，嘻嘻。
一面（电话面）
1、自我介绍
2、问为什么选择前端作为发展方向
3、介绍一下常见的语义化标签，使用语义化标签的意义
4、介绍一下盒模型，情景题(一个div的width和height为100，margin和padding 为10，问这个盒子的大小具体是多少——从IE盒模型和标准盒模型考虑)
5、说说原生js实现ajax的过程
6、web storage,为什么要使用,以及使用情景，项目中用到吗，参与与服务端的通信吗
7、介绍js的基本数据类型，基本数据类型和引用类型的区别
8、情景题:假如有一个div，怎么设置其在浏览器中占的宽度为1/10
9、说一下定位属性及区别
10、em,rem的区别，为什么1em=16px?
11、http和https的区别 https是如何实现加密的
12、输入url后的过程经历了什么，DNS解析URL的原理
13、用过反向代理吗?
14、项目中有遇到过跨域问题吗?说说跨域的解决方法
15、介绍一下闭包
16、es6出现的新特新，const赋值后可以改变吗?答:不可以，问:那如果是对象呢?答:应该可以吧，问:有什么方法可以不改变呢?
17、vue的生命周期有几个阶段，什么情况下会发生destroy阶段，你会怎么设置
18、你有什么要问我的吗

2020年8月6日现场面

笔试代码题

1、情景题:有A,B,C三个盒子，它们的宽高分别为100px，怎么实现A和B并排显示，并且C另起一行排列在A和B的下面。
A和B设置float:left;通过伪元素清除浮动。
2、随机取出10-100中的10个数，并排序。
3、手写深拷贝
4、实现布局，左、右宽度固定为100px，中间自适应
5、手写防抖和节流代码，它们的作用是什么

一面
1、项目中有遇到过什么样的难题?最后是怎么解决的?
2、说一下输入url后的过程
3、为什么想选择前端这个岗位，平时是怎么学习的?
4、说一下节流代码的实现过程
5、说一下vue及Jquery的区别
6、为什么选择vue？
7、有了解vue源码吗?
8、了解http请求报文吗?说一下分别有哪些字段及组成
9、content-type有几种类型?
10、你有什么要问我的吗

二面
1、项目介绍，追问:是否发上线并发布过这次项目?
2、平时怎么学习前端的，一般看什么书
3、说一下浏览器渲染过程
4、说一下vue实现的原理
5、说一下MVC MVP MVVM的区别
6、对mysql熟吗?说一下mysql怎么进行优化

2020年8月3日

这是我的第一次面试，由于太紧张导致自己表现得不是很好

一面
1、项目介绍
2、平时怎么学习的前端
3、说一下闭包及实现原理
4、说一下wekpack的作用
5、说一下vue的全家桶及对应的作用