滴滴前端一面+二面（已OC）

一面（2021-11-19）

1. 自我介绍
2. 接触前端，真实开始写前端代码是多长时间了？
3. 项目网易云音乐（就是问了一些项目的问题叭）？
4. js 中数据类型？
   1. A：回答了基本数据类型和引用数据类型
5. 有什么不同？
6. 什么是浅拷贝和深拷贝？
7. 怎么实现一个深拷贝？
   1. 创建一个新的对象，递归实现
   2. object.asign() 对于一个对象所有数据都是基本的类型的话是深拷贝，引用类型还是浅拷贝
   3. JSON.parse 和 JSON.stringfy 实现
   4. 数组的方法，contact，splice等等
8. 递归，JSON.parse 和 stringfy 有什么区别？
   1. JSON对象和js对象的区别： 对数据格式的要求更加严格
9. 平常写的话你是用哪一种？（自己的话会使用递归来实现或者就是数组的方法）
10. 什么情况下会去深拷贝一个对象？
11. 判断一个数据的类型？
    1. 基本数据类型除了null、还有函数是可以使用typeof，缺点：对于对象和数组和null的话返回的都是Object
    2. 对象的话是 Object.prototype.toString.call() 或者instanceof检测正常
    3. 数组 isArray方法，instanceof
12. instanceof 是用来？（检测是否在对象的原型链上）
13. 什么是闭包？闭包的优缺点？
    1. 局部变量可以在外部访问，延长变量的作用域链，缺点：内存泄漏
14. const 定义一个对象，对象里面的属性可以改变吗？（可以，只是不能改变const变量的地址）
15. 箭头函数的 this 指向？
16. 对象和数组可以解构，你是怎么理解解构的？
    1. 方便取出属性，直接赋值
17. 什么是同步，什么是异步？（同步会阻塞，异步是并发执行的）
18. 写一个编程题目
    1. 实现一个登录框，原生写就行
    2. 水平垂直于页面正中间
    3. 用户名，密码，登录按钮
19. 你写这个框为什么使用position：absolute；来实现居中
20. vue 双向数据绑定？
    1. 就是数据劫持加发布订阅，Object.defineProperty等等
21. vue 里面的 $set
    1. definePorperty只能遍历对象属性进行响应式，新增的属性不是响应式的
    2. $set 对于数组来说会直接使用 splice 进行增删改操作
    3. $set 对于对象会重新判断这个新增的属性是不是响应式的，对象是不是响应式的，再调用defineReactive方法
22. nextTick 的作用
23. vue 写一个 element-ui Tab 组件
    1. 点击三个按钮显示不同的内容
24. get 和 post 请求的区别？
25. 破不破坏服务器资源是 get 和 post 来决定的吗？
    1. 是服务端的接口决定的，接口的方法是get来提交数据的话， 那么get方法也会破坏服务器的资源
26. http 状态码，304？
27. 怎么判断是协商缓存？headers里有哪些标识？
28. 资源永远不被缓存，每一次都拿新的，怎么做？
    1. cache-control: no store
29. js为什么会是单线程？
    1. 多线程会造成冲突

二面（2021-11-26）

一面完了以后，很久都没有消息，等了有一个周左右才打的电话约的二面

1. 自我介绍
2. 哪个项目在线上真实跑的？
   1. A：介绍完了两个项目
3. 鉴权怎么做的？权限限制
   1. 前端是通过响应拦截的状态码和标志，进入路由发送请求，商量返回的状态码判断有没有权限。
   2. Q：登录是token？
4. 前端怎么存储 token？
   1. A：vuex localstorage，多个页面之间都需要 -> vux，强制刷新会丢失，所以...两者结合，刷新的时候从localstorage里判断有没有数据，有的话存到vuex里面进行判断
5. 权限标志位？是有角色的？
   1. 巴拉巴拉减少后台的请求
6. 登陆权限方案的专业名词了解过吗？
7. 登录用的 JWT ？
   1. A：后台返回的，不是jwt好像
   2. Q：去了解一下，IBAC（身份的访问控制）等等，权限控制
8. 项目用的 vue3 吗？
9. vue-router 解决什么问题的？
   1. vue 单页面应用，只是页面内容的动态替换，单页面的话，不能进行浏览器前进后退，使用vue-router实现了这个功能
   2. Q：让单页面的开发更加便捷灵活
10. 实现原理了解过吗？
    1. hash 和 history，hash 是有#的，#后面的就是hash值，他是基于location.hash的，发请求不会携带hash值，但是hash值的改变会在浏览器中有记录。history的话 使用pushState，replaceState......
    2. history 问题，浏览器强制刷新的时候一般直接访问服务器404。后台要重定向到初始页面，hash 模式没有这个问题
11. 实际代码引用的时候，如何引入 router 这个东西？入口文件会把 vue-router 包引进来......
    1. router 里面配置不同的路由，
12. vue.use 内部实现
13. es6 是怎么学习的？看哪了？
    1. 看阮一峰老师的书，基本学完了
14. Proxy 了解过吗？是用来干嘛的？
    1.取代 defineProperty
15. 具体有什么用呢？（对对象加一层拦截）
16. 能举一个例子吗？
    1. 面试官：可以从设计模式方面去了解
17. 看代码说输出

    const o = {
    name: 'didi',
    getName() {
        return function() {
            console.log(this.name);
        }
    }
    }
    const func = o.getName();
    func()

    Q：想输出didi怎么改代码？（箭头函数）
18. 数组扁平化
19. 考察Promise
20. 输入一个URL敲回车，会发生什么

    反问
    对之后学习的建议
    部门使用的技术栈

后面的话，就是二面完了之后一天左右hr就打电话了