今天给大家分享一篇网易有道的前端校招面经，base北京。

一面

1. 父子div，对子div设置margin-top，子div和父div的高度距离是多少

• margin塌陷问题，可以用BFC解决
• 理解margin塌陷和margin合并及其解决方案

2. 给一个div设置width=400px，padding=100px，背景色为红色，红色的显示范围是什么

• width=600px, height=200px
• 如果想让红色的显示为400px怎么设置？设置box-sizing为boder-box

3. react中组件内使用this，this的指向是哪里，用setTimeout包裹，直接输出this的指向是什么

• 指向组件类本身，和指向window
• 简单的理解为setTimeout为window对象下的一个方法

4. 伪类和伪元素

• 问了::before ::after是伪类吗

5. 深拷贝和浅拷贝
6. 实现深拷贝最简单的方式（期望说json的方式）
7. call bind 手写bind
8. 防抖和节流
9. 手写节流
10. cookie sessionStorage 和 localStorage的区别
11. 讲讲flex
12. 讲讲跨域
13. 浏览器同源策略为了防范什么问题
14. 数组去重的方法
15. 重排和重绘

• 改变width会引起重排吗？

16. 构造函数和函数的区别
17. 预加载和懒加载
18. 图片的预加载与懒加载

二面

1. 项目情况
2. 遇到的困难
3. react和vue的比较
4. 写key的作用
5. 虚拟DOM的原理
6. 设计一个弹窗组件怎么写
7. 弹窗的loading效果怎么写
8. setTimeout的原理
9. 要实现一个当宽度超出时字体缩小的效果该怎么实现
10. 手写链式调用
11. 用class怎么写
12. 手写升序数组合并
13. 跨域的方法
14. 盒模型
15. 文本省略样式的实现
16. 前端性能优化
17. 为什么要减少http请求数量

面试官点评

本篇是作者去年秋季参加网易校招的面经，整体来看，两轮面试考察的内容还是很基础的，CSS相关的问题就占了不少内容，JS基础如深浅拷贝，数组操作，性能优化等等。可见在校招面试中，前端基础的重要性。

最后

《前端面试题宝典》经过近一年的迭代，现已推出 小程序 和 电脑版刷题网站 （https://fe.ecool.fun/），欢迎大家使用~

同时，我们还推出了面试辅导的增值服务，可以为大家提供 “简历指导” 和 “模拟面试” 服务，感兴趣的同学可以联系小助手（微信号：interview-fe）进行体验哦~

❝

作者：Thecai-

链接：https://www.nowcoder.com/discuss/734403

❞