时间：2023.8.28
时长：40 min
base：广东 深圳 鹏城
面试岗位：前端 某部门 秋招

8.31更新：本次流程已结束

问题

1. 上来面试官直接让共享屏幕，然后让用最喜欢的IDE手撕快排，不能用额外数组，只能在原地修改传进来的数组

2. 花了10分钟，成功写完加调试完成功排序。面试官看了一下，面试正式开始。

3. 自我介绍

4. 你在360做的项目是PC端的还是手机端的

5. ES6的新特性，说得越多越好

6. 你刚刚说到的Promise，那么promise.all和race的区别是什么

    Promise.all 是一个用于并行处理多个 Promise 对象的方法。
    它接收一个包含 Promise 对象的数组作为参数，并返回一个新的 Promise 对象。
    当传入的所有 Promise 对象都变为 fulfilled 状态时，新的 Promise 对象才会变为 fulfilled 状态，并且返回由这些 Promise 对象的结果组成的数组；
    如果其中任何一个 Promise 对象变为 rejected 状态，新的 Promise 对象就会立即变为 rejected 状态，并返回第一个被 rejected 的 Promise 对象的结果。
    
    Promise.race 是一个用于竞争多个 Promise 对象的方法。
    它接收一个包含 Promise 对象的数组作为参数，并返回一个新的 Promise 对象。
    当传入的任何一个 Promise 对象变为 fulfilled 或 rejected 状态时，
    新的 Promise 对象就会变为相应状态，并且返回该 Promise 对象的结果或错误。
   

7. ES的模块化和CommonJS的模块化的区别

    两者的模块导入导出语法不同，CommonJs是通过module.exports，exports导出，require导入；ESModule则是export导出，import导入。
    CommonJs是运行时加载模块，ESModule是在静态编译期间就确定模块的依赖。
    ESModule在编译期间会将所有import提升到顶部，CommonJs不会提升require。
    CommonJs导出的是一个值拷贝，会对加载结果进行缓存，一旦内部再修改这个值，则不会同步到外部。ESModule是导出的一个引用，内部修改可以同步到外部。
    CommonJs中顶层的this指向这个模块本身，而ESModule中顶层this指向undefined。
    CommonJS加载的是整个模块，将所有的接口全部加载进来，ESModule可以单独加载其中的某个接口
   

8. 还有什么区别吗，在编译的时候再运行的时候有什么区别

9. JS的时间循环机制说一下

10. nodeJS12版本之前的事件循环和你说的是一样的吗？【这个我不会，求答案，百度都找不到呜呜呜】

11. tcp握手是需要几次

12. tcp是属于哪一层协议，ip呢？

13. https的原理？

14. 对称加密和非对称加密有什么区别

15. 为什么非对称加密效率低一点？

    这是因为对称加密主要的运算是位运算，速度非常快，如果使用硬件计算，速度会更快。
    但是非对称加密计算一般都比较复杂，比如 RSA，它里面涉及到大数乘法、大数模等等运算。
    

16. http的缓存策略

17. etag是请求头还是响应头

18. if-modify-since和谁成对

19. 考你几个状态码 301 302 403（我他喵的说成方法不被允许了）502 503

20. xss

21. xss除了你刚刚说的注入方式，还有别的方式吗？

22. 作为前端如何处理这种输入框的xss攻击

23. 你觉得正则替换哪些字符就够了？

24. 比如a标签能不能直接跳过去？（我已经不知道面试官想问啥了）

25. csrf

26. 如何防治csrf

27. 除了refer和token，还有其他手段预防吗？（不知道，八股文只见过这俩）

28. 你的token怎么来的

29. 如果后端请求是跨域的，支持当前这个域去访问，那别的域可以访问吗

30. 如果说一个请求要跨域，哪些情况会跨域，什么样的情况下会跨域？

31. 如果请求跨域了，你觉得浏览器有没有收到后端的响应

32. 你能用哪些打包工具？

    		我回应 vite和webpack，然后面试官问我roolup
    

33. webpack里面有loader和plngin，这两者有啥区别

34. 框架用的多的是vue吗？

35. 用的是vue2多还是vue3多？

36. 你项目有说到动画，你怎么做的动画

    		通过关键帧                
    

37. 你的首屏里面没有很大的图片没？

38. vue图片资源是怎么处理？

39. 你有没有想过有哪些办法让图片更小，传输得更快

40. 你了解图片格式除了jpg，png，还有其他格式吗（我说的apng）

41. 为啥你用apng不用mp4？

42. apng做出的动画和mp4做出的动画有啥区别吗

43. 有做过首屏优化吗？

44. 我看你有遇到服务器之间的图片传输，能说一下吗？

45. 反问环节

总结

这么短时间能问这么多，整体难度较高，这还只是一面。