高顿教育 前端日常实习 一面 面经

航旅二面是群面，面试官是部门领导。三个同学，其他两位分别是电子科大和中国科学技术大学的硕士，我是本科。我是前端方向，他们是后端Java。

30min问项目经历+实习经历1.typeof干什么用的2.webpack里有哪些常见的plugin3.js几种基本类型4.原型与原型链5.作用域与作用域链6.跨域产生的原因（浏览器同源策略）7.常见的hooks8.eventloop事件循环机制9.css水平垂直和css竖直垂直9.反问环节~~面试官说表现的很好，就是基础要再加牢一点，很亚撒西的一个面试官

## 1. 自我介绍## 2. 商品无限加载的话，怎么判断有没有拉到底部？## 3. 怎么判断元素的上下左右边距？## 4. Vue/React组件缓存怎么实现## 5. 如何解决首屏加载时间过长问题## 6. React中提供了什么方案解决首屏加载时间过长## 7. React.lazy搭配什么使用？## 8. React Hooks 中 `useEffect` 的了解程度## 9. Echarts渲染引擎SVG和Canvas区别## 10. Echarts 中，`xAxis` 的 `type` 属性用于指定坐标轴的类型，`value` 和 `category` 两种类型的区别## 11. React 中实现 Echarts 的响应式## 12. 真实 DOM 和虚拟 DOM 的区别## 13. 多页应用和单页应用的区别## 14. 单页应用相对于多页应用的缺点## 15. 什么是SEO（Search Engine Optimization）即搜索引擎优化 ,为什么单页应用不利于SEO## 16. 什么是SSR（Server - Side Rendering）服务器端渲染## 17. let const var的区别## 18. 数组的遍历有哪些方法## 19. 深拷贝和浅拷贝的区别，常见的深拷贝的实现方法## 20. `JSON.stringify()`用于深拷贝时存在的缺点## 21. 在 JavaScript 中，执行上下文和执行栈是什么## 22. call()`、`apply()`和`bind()的区别## 23. 什么是防抖和节流## 24. 场景题：写了一个搜索框，然后去调后端接口去查一些东西，类似淘宝的搜索，你觉得它是用的防抖还是节流？## 25. 地址栏输入 URL，在敲入回车后，发生了什么？## 26. React 的生命周期函数## 27. React 常用 Hooks## 28. 类组件中写的定时器想卸载，在Hooks怎么操作## 29. useEffect除了写定时器，还能做什么？## 30. React父组件如何获取子组件的值## 31. 手撕：已知级联组件的下拉菜单列表结构，输入一个值，找出其对应的value值以及对应的所有父节点value真是一场酣畅淋漓的八股盛宴啊，手撕也抽象的一笔，不知道能不能过#实习##前端实习##momenta#

之前实习没好好准备和参加秋招，导致没有offer, 春招好好准备，做好记录，给大家分享##前端面试##25春招#