金山前端一面

#软件开发2024笔面经# 没事干写个面经吧，之前其它公司的面经 太碎了就没写
#腾讯##阿里##美团#（引流）
1. 自我介绍
2. 浏览器输入URL会发生什么
3. 第一次渲染和第二次渲染怎么做优化？
4. 场景：点赞功能，用户在短时间内多次点击怎么做，可能有偶数次或者奇数次（奇数点赞，偶数取消）的情况怎么保证页面性能
5. TCP和UDP的区别
6. React中组件间通信的方式
7. React中合成事件和普通事件？为什么要有合成事件
8. React中UI怎能够快速渲染的？或者说UI挂载流程
9. 做过什么跟前端安全相关的工作嘛？
10. 加密和签名区别
11. XSS跨站脚本攻击是什么？怎么防止跨站脚本攻击
12. 场景：对象里有a、b、c、d四个属性，当a属性被修改时，需要联动的修改c、d两个属性，应该怎么做？
13. 场景：实现两行两列
14. 弹性布局里面，flex：1是哪些参数的缩写？都表示什么意思
15. 同源策略是什么？CORS设计到的参数有哪些？
16. ES6中你知道哪些数据结构？
17. map和set的区别？以及map的key值可以是什么
18. weakSet和Set有什么区别？
19. Vue的双向绑定的原理
20. 浏览器事件循环
21. 有没有接触过Node
22. 浏览器缓存
23. 怎么不做缓存？前端这块怎么实现？
24. 箭头函数的特点
25. HTTP2和HTTP3新增了哪些功能
26. websocket是什么? 它的应用场景是什么
27. CSS动画  怎么实现一个位置到另一个位置的移动？动画怎么设置不循环播放？
28. defineProperty中定义的属性有什么性质？
29. JS原型链   怎么给Array原型数组添加方法
30. ESModule中的import怎么实现同步加载效果？