转载文章：文章来源https://www.nowcoder.com/feed/main/detail/db2829e5f1e54d94afa2da88d2019305

1. 请简单做自我介绍，并介绍参与过的前端项目（重点提及交互式校园信息网站、AI智能体、求职信息管理小程序等项目背景与技术栈）

2. 交互式校园信息网站是否做了移动端适配？如何实现的响应式布局？

3. 项目中使用Three.js实现3D地球可视化时，如何解决移动端性能问题？具体做了哪些优化（如模型精简、资源按需加载等）？

4. Three.js资源第二次进入首页时如何处理加载？是否做了缓存？缓存时是否加了哈希？加哈希的作用及缓存策略如何配置？

5. 为什么使用Tailwind CSS？相比其他CSS库（如Bootstrap），它的优势是什么？

6. Flex布局与Grid布局的核心区别及适用场景分别是什么？

7. Flex布局的常用样式属性有哪些？各自作用是什么（如display:flex、flex-direction、justify-content、align-items、flex-wrap、gap、order、flex-grow等）？

8. 如何用Grid布局实现“两行两列网格”“网格元素占据两个格子”“网格元素水平垂直居中”？grid-template-columns/rows中repeat()函数、fr单位的作用是什么？

9. CSS中transition属性的参数有哪些？分别代表什么（如过渡属性名、持续时间、过渡函数、延迟时间）？

10. transform属性的功能是什么？常用函数有哪些（如translate、rotate、scale、skew）？translate3d()与2D translate的区别是什么？

11. 实现元素水平居中的3种方案是什么？如何实现元素水平垂直居中？

12. 什么是BFC（块级格式化上下文）？它的作用是什么？如何解决“两个相邻div外边距合并”问题？若想让两个div间距为150px（分别设置margin-bottom:100px和margin-top:50px），该怎么做？

13. CSS中position属性的取值有哪些？各自定位规则是什么（static、relative、absolute、fixed、sticky）？absolute定位的参考对象是什么？sticky定位的特点是什么？

14. JavaScript中事件委托的概念是什么？为什么要使用事件委托？优势有哪些（减少内存开销、简化新增/删除子元素的事件处理）？

15. DOM二级事件处理函数addEventListener的三个参数分别是什么？第三个参数为布尔值时的作用（捕获/冒泡阶段）；若为对象，常用属性及效果是什么？

16. 点击事件的触发顺序是怎样的（先捕获后冒泡）？若父子元素都绑定click事件，点击子元素时事件执行顺序是什么？如何阻止事件冒泡？

17. Vue3的主要生命周期钩子函数有哪些？各自执行时机是什么（如onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted、onActivated、onDeactivated）？

18. Vue3中最早可在哪个生命周期获取组件加载的DOM元素？为什么？

19. 若组件被<keep-alive>缓存，想执行特定操作需用哪个生命周期？组件缓存后mounted钩子为何不执行？

20. Vue3中父组件如何调用子组件的事件？子组件如何调用父组件的事件？

21. 反问环节：实习地点（成都/深圳）、实习期时长要求、转正机会及考核标准、薪资结构、团队业务方向等

面试时长1h，包含自我介绍、项目深挖（✅）、技术八股提问（✅答上了70%）及反问环节

还是挂了 实习生也这么卷吗【hr姐姐人很温柔也很好，面试官 也很好 不会的八股会引导】