【360校招】前端面试经历

759 阅读3分钟

今天继续给大家分享一篇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端刷题方式,欢迎大家使用,也欢迎大家加群交流面试经验。