一面(1h)

1. react的生命周期

2. react-router的hash路由的原理

3. 前端网页性能优化的方法？

   • webpack怎么实现压缩

   • 对http缓存的理解(强缓存/协商缓存)

   • react里用什么对dom操作进行了优化

   • 对虚拟dom和diff算法的理解

   • 如何判断图片是否滚动到浏览器的可视区域？(element.getBoundingClientRect())

   • 节流和防抖的实现(口述)

4. 了解https的原理?

5. CSS盒模型?

   • box-sizing:content-box|border-box

6. 水平居中的方法

7. 行内元素设置margin会生效吗(垂直方向不生效)

8. position有哪些取值?(static/absolute/relative/fixed/stikey)

9. z-index形成的层叠上下文是怎样的?

10. 了解移动端适配吗?

    • rem怎么实现适配?这个值怎么计算出来?

      对每个设备获取浏览器宽度，然后将1 rem(font-size的值)设为其十分之一。

      然后根据设计稿上的每个元素值(px)，将其设置为十分之一的值(rem),然后就能实现不同浏览器宽度的适配。

11. 实现footer固定在底部(口述)

12. 对作用域链的理解

13. 基于原型实现继承

14. new操作符做了什么

15. apply方法的作用是什么

    • apply和bind的区别

16. 什么是事件委托

17. 看代码

    for(var i=0;i<5;i++){  //先输出一个5,过一秒输出五个5  setTimeout(function(){   console.log(i)  },1000) } console.log(i);

18. 写代码，输出0-4，每隔一秒输一个

19. 怎么实现跨域(jsonp/cors)

20. localStorage中的setItem中value的数据类型有效值吗?(只能保存字符串)

21. ES6的箭头函数与function有什么区别？

22. ES6的promise有几种状态，它的生命周期是怎么样的?

    • 对宏任务和微任务的理解

    • 调用resolve后,之后代码还会执行吗?

    • Promise.all的作用

23. react怎么判断一个数据是否应该设置为组件状态(state,props,对象属性)

24. 判断括号匹配(口述)

25. xss攻击的原理

26. csrf攻击

27. 判断链表有环

二面(问题不分前后,30min)

1. script的async与defer的区别

2. css隐藏方法及区别

3. 行内元素padding/margin?

4. 浏览器储存数据的方式

5. cookie的samesite的用途

6. 写一个getCookie(key,value,domain,path)

7. Set/Map/WeakMap

8. 强缓存和弱缓存

9. 求动态和(写代码)

10. 通过调用func(arr,3),将const arr=[1,2,3,4,5,6,7,8,9,10]转为[[1,2,3],[4,5,6],[7,8,9],[10]]

11. typeof/instanceof的区别

12. 了解的设计模式及使用场景

13. http状态码301与302的区别，403的作用

三面(40min)

1. 项目开发流程大概是怎样的

2. 介绍项目，说说难点

   • 怎么实现token，为什么不放在cookie里面

3. 前端的安全问题(xss/csrf),怎么解决

4. 实习时间

5. 实习地点

6. 对996，内卷怎么看，规划是怎么样?

7. 有参加什么别的面试，有没有结果，怎么比较offer?