Bootstrap

前端面试题(五)答案版

面试形式:线下面试:时长90分钟

面试评价:全面考察:笔试题目+面试技术+HR面试

面试官:后端技术人员

面试官的提问大纲:本公司招聘要求+本人简历

面试流程以及面试题:

第一个环节:填写个人信息

第二个环节:笔试题

第三个环节:技术面

1、在created和mounted去请求数据时,有什么区别?

  答: - created钩子函数在组件实例被创建后立即调用,此时组件还没有挂载到DOM上。这个时候可以做一些初始化的操作,比如发起网络请求获取数据。

   - mounted钩子函数在组件被挂载到DOM上后调用。这个时候可以访问DOM元素,比如操作DOM或者执行依赖DOM的初始化操作。

 

2、Vue2和Vue3的区别?

 答: - 性能优化:Vue3通过使用Proxy对象替代Object.defineProperty,对数据劫持的性能有很大提升。同时引入了静态标记和树shaking等技术,可以减小打包体积。

   - Composition API:Vue3引入了Composition API,可以更好地组织和复用逻辑,提高代码的可读性和可维护性。

   - 类型支持:Vue3原生支持TypeScript,可以享受到更好的类型检查和智能提示。

   - 其他改进:如异步组件、Teleport、Suspense等新特性的引入,进一步丰富了Vue的功能。

 

3、前端性能优化?

 答: - 代码层面:代码压缩、tree-shaking、懒加载、code-splitting等。

   - 网络层面:cdn部署、http缓存、服务端渲染、骨架屏等。

   - 资源优化:图片/字体压缩、webP/字体图标替代、lazyload等。

   - 渲染层面:防抖防throttle、虚拟滚动、减少重绘重排等。

第四个环节:HR面

1、工作情况:依照简历如实回答?

答:在简历中如实描述自己的工作经历和技能。

 

2、离职原因?

答:离职原因可以诚实地谈个人发展需求,比如寻求新的挑战、更好的发展空间等。

 

3、个人规划:各抒己见?

答:- 根据自己的兴趣爱好、专业特长,明确未来的职业发展目标。

   - 制定切实可行的行动计划,通过持续学习和努力来实现目标。

   - 表现出对所申请的岗位和公司的兴趣和热情。

 

;