2023-9-20 猫眼 （一面凉经）

1. HTTP和HTTPS的区别

2. HTTPS是如何加密的？

3. 服务器的数字签证是怎么生成？

4. 为什么使用非对称和对称加密的混合加密过程呢？

5. 用过抓包工具吗？

6. 抓包工具的原理是什么？能抓HTTPS的报文吗？

7. 了解哪些状态码？

8. 之前部署过个人博客吗？

9. 301重定向和302重定向有什么区别？

10. 协商缓存和强缓存？

11. 假设服务器不管什么请求，都返回最新的资源怎么做？

12. 假设开发的时候，打包完资源路径都是一样的，每次刷新都是旧资源，如何去强制请求新的资源？

13. 哪些调试代码的方法？

14. 调试过Node吗？

15. 假设线上环境，每次发布以后，如何确保本次的文件地址和上次的不一样？这样才能引用最新的资源？

16. CDN？

17. JS里面从页面上获取元素的方法？

18. 讲一下事件委托

19. 事件委派只能在冒泡阶段吗？

20. 还有其他的阶段吗？

21. CSS盒模型？

22. 怎么理解闭包？

23. 怎么理解原型对象？

24. 原型对象是什么时候创建的?

25. ES7+的语法？

26. 知道哪些元素的水平垂直居中方法？

27. flex容器里面有很多子元素，这些子元素是挤在一排呢？还是会自动换行？

28. 假设设置了一个元素的width，但是别的元素都比较宽，这些元素的宽度会变化吗？

29. 怎么做才能不让别的元素变窄呢？

30. 说一下路由守卫？

31. 怎么做鉴权呢？

32. token怎么做校验呢？前端怎么把token发给后端？token在哪里做校验？

33. WebSocket和http的区别？为什么不用http而用WebSocket呢？

34. 怎么知道WebSocket的连接状态呢？

35. WebSocket如何断开重连？

36. 微信小程序里面写样式用什么单位？

37. rpx和px有什么区别？

38. 深拷贝和浅拷贝的区别？

39. 一个程序输出题（深拷贝和浅拷贝的）

40. 写一个深拷贝

41. async...await 和 promise有什么区别？分别什么情况下使用？

42. 同时发送多个异步请求怎么做？

43. Promise.all 和 Promise.allSettled 的区别？

44. promise异常捕获？ try...catch的异常捕获怎么做？

45. 手写题，合并对象里面的数据，每一个对象中都有一个age和name属性，把age相同的name都合并到一起：

const fromArr = [
    {age: 30, name: 'aaa'},
    {age: 28, name: 'bbb'},
    {age: 30, name: 'ccc'},
    {age: 30, name: 'ddd'},
    {age: 27, name: 'eee'},
    {age: 28, name: 'fff'},
]
// 要求最终的结果
const toArr = [
    {age: 30, name: ['aaa', 'ccc', 'ddd']},
    {age: 28, name: ['bbb', 'fff']},
    {age: 27, name: ['eee']},
]

46. 打包工具有了解吗？

47. vite和webpack的区别？

48. 发布过npm吗？

49. 下载NPM的时候，package.json文件中包版本前面的**尖号**和**波浪号**都是什么意思？

50. babel了解过吗？配置过bable吗？

51. 跨域了解过吗？

52. 怎么解决跨域？

53. 除了CORS和JSONP，还知道什么方法？