前端面试题宝典

【360校招】前端面试经历

简介：今天给大家带来一篇360校招的面试题，大家可以学习下大厂的前端面试经历~
可前往公众号查看原文：前端面试，关注公众号，查看最新面经和技术文章哦~
        今天继续给大家分享一篇2021年秋招的前端面试经历，该面经由交流群内的一位伙伴提供。大家会在交流群中分享面试经验，沟通技术问题。如果还有没加群的小伙伴，可以添加“面试题助手”（微信号：interview-fe，二维码在页面底部）进群。
        下面直接进入面试环节~

01

—

一面 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拆分字符串，然后对参数进行遍历。


02

—

二面 45min


  • 说一下websocket底层原理?
  • 心跳机制了解过吗?
  • 说一说vue数据双向绑定的原理
  • 聊一聊对称加密和非对称加密
  • https如何防止中间人攻击?
  • 说一下token和cookie登录的区别

面试分析

        二面的题并不多，但是部分题目可能涉及到了一些小伙伴的知识盲区。比如websocket是什么，可以用来解决什么问题，底层原理是什么？websocket 为什么需要心跳机制？websocket相比于轮训，有哪些优势？
        vue的双向绑定原理也是个老生常谈的题目，这个略过不谈。
        第4、5题都可以说是与https有关，大家需要熟悉https的基本流程。
        第6题也很经典，作为一名前端工程师，你知道页面的登录态是如何保持的吗？cookie和session有什么区别？JWT是什么，它的原理又是什么，优缺点又是什么？


03

—

最后


        本篇《360校招-前端面试经历》，由交流群里的一个非常优秀的应届小伙伴，感谢他的授权~
        “前端面试题宝典”经历接近一年的迭代打磨，目前已经提供了小程序刷题、PC端访问（https://fe.ecool.fun/）。截至2022年1月13日，已经录入前端常见面试题756题，想刷前端面试题的小伙伴千万不要错过。
        我们近期将推出职业规划指导，模拟面试和大厂内推等功能，有想提前体验的小伙伴可以直接联系我们的助手哦~
        PS：想要抱团学习前端的同学，可以添加我们的小助手进群。