网易有道前端一二面
一面
- 父子div,对子div设置margin-top,子div和父div的高度距离是多少
- margin塌陷问题,可以用BFC解决
- 理解margin塌陷和margin合并及其解决方案
- 给一个div设置width=400px,padding=100px,背景色为红色,红色的显示范围是什么
- width=600px, height=200px
- 如果想让红色的显示为400px怎么设置? 设置box-sizing为boder-box
- react中组件内使用this,this的指向是哪里,用setTimeout包裹,直接输出this的指向是什么
- 指向组件类本身,和指向window
- 简单的理解为setTimeout为window对象下的一个方法
- 伪类和伪元素
- 问了::before ::after是伪类吗
- 深拷贝和浅拷贝
- 实现深拷贝最简单的方式(期望说json的方式)
- call bind 手写bind
- 防抖和节流
- 手写节流
- cookie sessionStorage 和 localStorage的区别
- 讲讲flex
- 跨域讲讲
- 浏览器同源策略为了防范什么问题
- 数组去重的方法
- 重排和重绘
- 改变width会引起重排吗?
- 构造函数和函数的区别
- 预加载和懒加载
二面
- 项目情况
- 遇到的困难
- react和vue的比较
- 写key的作用
- 虚拟DOM的原理
- 设计一个弹窗组件怎么写
- 弹窗的loading效果怎么写
- setTimeout的原理
- 要实现一个当宽度超出时字体缩小的效果该怎么实现
- 手写链式调用
- 用class怎么写
- 手写升序数组合并
- 跨域的方法
- 盒模型
- 文本省略样式的实现
- 前端性能优化
- 为什么要减少http请求数量