【360】前端岗-面试经历

下面直接进入面试环节~
一面 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是什么，它的原理又是什么，优缺点又是什么？