面试形式：线上面试（不露脸：腾讯会议）：时长30分钟
面试评价：面试官给的题目宽泛，面试者灵活作答
面试官：技术人员
面试官的提问大纲：我们自身简历+本公司招聘要求
面试官提问（面试题）：
1、自我介绍（举例，大家根据自己的情况进行回答即可）？
我叫xxx，目前是一名前端开发工程师，现在已有3年的前端开发经验。在工作中,我主要负责公司官网和移动端APP的开发和维护工作。我熟练掌握HTML、CSS、JavaScript等前端基础技术,并精通Vue.js和React.js框架。同时,我也对前端性能优化、单元测试和项目管理等方面有一定了解和实践经验。我善于学习新事物,对前端技术保持持续的学习和探索。
2、有哪些上线项目？（如实回答，可能面试官会让你现场展示项目）
在过去的3年里,我参与并完成了xxxxxx的开发工作。其中,XXXXXX应用已经成功上线并投入运营,取得了良好的市场反响。在这些项目中,我主要负责前端架构设计、页面开发、组件封装、状态管理以及跨浏览器兼容性优化等工作。
3、Vue和React区别？
答：Vue.js和React.js 都是流行的前端JavaScript框架,它们在设计理念和实现方式上存在一些差异:
（1）数据响应式:
Vue.js 使用 Proxy 实现数据响应式,而React.js 使用 setState 来更新视图。
（2）模板语法:
Vue.js 使用类似HTML的模板语法,而React.js 使用JSX语法。
（3）学习曲线:
Vue.js 的学习曲线相对更平缓,上手较快;React.js 则需要掌握更多概念和工具。
（4）社区和生态:
React.js 拥有更大的社区和丰富的生态系统,Vue.js 社区相对较小但也在快速发展。
4. React生命周期钩子有哪些？
答：React组件有以下几个主要的生命周期钩子:
（1）挂载阶段: constructor()->static getDerivedStateFromProps()->render()->componentDidMount()
（2）更新阶段: static getDerivedStateFromProps()->shouldComponentUpdate()->render()->getSnapshotBeforeUpdate()->componentDidUpdate()
（3）卸载阶段: componentWillUnmount()
（4）错误处理: static getDerivedStateFromError()->componentDidCatch()
5. React性能优化怎么做？
答：React提供了多种性能优化的方法,包括:
（1）使用纯组件(PureComponent)或React.memo()避免不必要的重新渲染
（2）使用shouldComponentUpdate()或React.memo()进行手动优化
（3）使用React.lazy()和Suspense进行代码分割
（4）使用memoization技术缓存昂贵的计算结果
（5）使用windowing或分页技术优化长列表性能
（6）优化事件处理和setState的使用
6. Vue生命周期钩子是什么？
答：Vue组件有以下几个主要的生命周期钩子:
（1）创建阶段: beforeCreate()->created()->beforeMount()->mounted()
（2）更新阶段: beforeUpdate()->updated()
（3）销毁阶段: beforeDestroy()->destroyed()
（4）其他: activated()->deactivated()->errorCaptured()。
