众安前端|暑期实习|时间线

05-24 笔试

05-29 一面

55min
自我介绍
vue响应式原理，vue2和vue3的区别
实习项目遇到的困难
axios封装了什么
常见状态码
强制缓存和协商缓存，以及其具体字段分析
vue组件间的通信
vue中父子组件生命周期的更新顺序
vue生命周期
vue数据绑定的方式
watch和computed的区别，watch的高级用法
vue中的指针？其实是想问this指向的问题，看以下代码说输出结果

function fn (){
    console.log(this)
}
fn(); // 打印出window，因为在全局作用域中调用函数，this在fn函数中会指向全局对象

var obj = {
    a: 1,
    test: function () {
        console.log(this.a)
    }
}
obj.test();// 打印出1，通过对象的方法调用函数，this在obj.test函数中会指向调用该方法的对象，即obj。所以obj.test()调用会打印出obj.a的值，即1。

var，let和const的区别和实现的原理
应用：说代码输出结果
for (var i = 0； i ＜ 5； i++) { setTimeout(function() { console.log(i)； }, 1000)； }
在这个问题中，循环是同步代码，定时器是异步代码，所以整个循环都执行结束以后才会执行定时器代码。
for循环中使用var定义的变量是全局变量，定时器回调函数中输出变量的时候，根据作用域规则，先在当前作用域中变量i的定义表达式，如果没有找到，就去上一级作用域中找，此时，在局部作用域中没有找到，去上级作用域中，也就是全局找到了，全局中的i，因为循环已经执行结束了，所以i的值是5。最终，会输出5个5。
想要输出0-4怎么做
方法1：在异步代码外面嵌套一层函数作用域

原理是自调用函数会产生作用域，循环5次就会产生5个作用域，每个作用域代码在执行的时候都有形参i传递。所以每个作用域中的i都是不同的，分别是：0 1 2 3 4。当作用域中的异步代码执行的时候，自己作用域中没有i变量的定义，然后上级作用域就是自调用函数的作用域，找到了单独的i。
方法2：将循环代码中的var换成es6的let
es6的let自带块级作用域，原理跟第一种解决思路是一样的，转成es5后，代码是一样的。
讲讲熟悉的git命令
算法1：数组去重
算法2：手撕一个nlogn和n^2的排序算法
我选择手写了冒泡排序和快速排序

一面总结：问的都是比较简单常见的八股，没啥好说的，算法也很简单

05-30 二面

原定45min，结果面了80min
实习的情况，流程，做了什么功能，实现什么逻辑
有没有对token过期的情况进行处理？
没有，那你认为应该怎么做？

自动刷新 Token：可以设置定时器，在 Token 到期前自动向服务器发送请求更新 Token。这种方法适用于对安全性要求不太高，但用户体验要求较高的场景。

滑动过期时间：当用户与页面有交互（例如鼠标移动，点击，滚动等）时，向服务器发送一个请求来更新 Token。这种方法可以在一定程度上平衡用户体验和安全性。

提示用户重新登录：当检测到 Token 过期时，弹出提示框让用户重新登录。这种方式的用户体验较差，但是安全性最高。

websocket建立连接的过程
对笔试题有还有印象吗？有哪道题印象比较深

//算法1
interface ReverseTreeNode {
        id: string;
        parent: string;
        timestamp: number;
      }

      interface TreeNode extends ReverseTreeNode {
        children: TreeNode[];
      }

      const nodes: ReverseTreeNode[] = []
	  declare function transport(nodes: ReverseTreeNode[]): TreeNode
	  // 实现上面的transport方法，返回数的根节点
	// 其实题意是，原本这个ReverseTreeNode是有指向其父节点的字段的，要把它改成有个children数组，
	// 表示其子节点，并且最后这棵树的根节点
	// 当时我写了一坨答辩出来，就不放上来了