今天继续给大家分享一篇2021年秋招的前端面试经历,该面经由交流群内的一位伙伴提供。大家会在交流群中分享面试经验,沟通技术问题。如果还有没加群的小伙伴,可以添加“面试题助手”(微信号:interview-fe)进群。
下面直接进入面试环节~
一面 45min
- 说一说vue router的两种模式?
- vue watch和computed的区别和使用场景呢?
- $nextTick的使用场景和原理?
- vue的data为什么是函数?
- 详细说一下浏览器的渲染过程?
- defer和async的区别和使用场景?
- 说一说http状态码400和502的含义?
- CDN两大核心和原理能说一下么?
- webpack中的 loader 和 plugin 分别是什么,两者有什么区别?
- 介绍一下babel
- 【代码题】解析url,获取url中的指定参数,如果有多个值返回数组。如“baidu.com?key=2&key=3&test=4”,输入参数key,则返回 [2,3]。
面试分析
前4题都是vue相关的基础题,如果大家平时注重技术栈相关的基础知识积累,这几道题都应该很容易回答。
第5题是一道综合题,也是非常容易碰到的一道面试题,不同技术水平的同学,能回答的知识面和技术深度也不同,建议大家好好准备下这道题目。
第6、7题比较简单,工作中也比较常见。
第8题是CDN相关,这就与前端的资源部署,文件存放相关。
webpack也是前端面试中很常见知识点,大家要先理解工程化对于前端的重要性,在平时的学习和工作中,除了会照着“抄webpack配置”外,还需要了解不同插件和loader的能力。
babel也是一个很考验能力的知识点,它作为转码工具,能编译哪些内容?比如Promise能否被编译?
代码题也是面试中的常规操作,这道代码题也比较简单,先通过split拆分字符串,然后对参数进行遍历。
二面 45min
- 说一下websocket底层原理?
- 心跳机制了解过吗?
- 说一说vue数据双向绑定的原理
- 聊一聊对称加密和非对称加密
- https如何防止中间人攻击?
- 说一下token和cookie登录的区别
面试分析
二面的题并不多,但是部分题目可能涉及到了一些小伙伴的知识盲区。比如websocket是什么,可以用来解决什么问题,底层原理是什么?websocket 为什么需要心跳机制?websocket相比于轮训,有哪些优势?
vue的双向绑定原理也是个老生常谈的题目,这个略过不谈。
第4、5题都可以说是与https有关,大家需要熟悉https的基本流程。
第6题也很经典,作为一名前端工程师,你知道页面的登录态是如何保持的吗?cookie和session有什么区别?JWT是什么,它的原理又是什么,优缺点又是什么?
最后
本篇《360校招-前端面试经历》,由交流群里的一个非常优秀的应届小伙伴提供,感谢他的授权~
以上所有题目的答案都可以在小程序(前端面试题宝典)中搜索找到答案。
“前端面试题宝典”经历接近一年的迭代打磨,目前已经提供了小程序和PC端刷题方式,欢迎大家使用,也欢迎大家加群交流面试经验。