一面  2021.11.17

• 自我介绍

• 算法

  • 每年年薪增长10%，n年后年薪为多少？(正常和递归版本的)

  • 力扣120 三角形最小路径和

• css尽可能多的描述，上下左右居中

• flex ：1；是哪三个的集合，代表了啥

• promise 状态 api

• 发100个异步请求，每次最多发10个，不使用发完10个再发10个的情况下怎么进行实现

• 数组和链表区别。js申请一个空数组时空数组的占据空间是多大，如何插入元素splice

• 输入输出题：

• var promise = new Promise((resolve,reject)=>{
      console.log('1');
      resolve('2');
      console.log('3');
  });
  promise.then(res=>{
      console.log('res',res);
      setTimeout(()=>{
          console.log('4')
      },0)
  })
  setTimeout(()=>{
      console.log('5')
  },0)
  console.log('6')

• js设计模式，发布订阅模式和观察者模式的区别

• vue和react有什么优缺点，vue版本 ，是否改过配置

• ts是否了解 type interface

• 手机端页面。样式响应式布局。纯手机端设计rem设计。

• rem em相对设置。 vh vw

  • 有个设计，根字体设置很不合理，换算不过来的情况下，怎么只改变自己写的组件的字体设置而不该变总的根字体的设置。    （最后是说可以用less的函数来计算什么的.....）

  • less函数，webpack

• 防抖和节流 讲解。

• 如何中断已发出请求。比如怎么终端已经发送出去的ajax请求。

• 比较http，websocket。用http模拟websocket

• 两个页面如何通信（跨浏览器通信，不是同源政策的跨域通信）

二面 2021.11.23

1. 项目

2. 流行的权限设计方案

   1. beforeEnter 全局拦截，采用了响应拦截

3. 权限设计在页面有什么方案

4. 系统方面的课程有开吗

5. 一个完整 web 应用包含哪些模块？（从0搭建项目）

   1. 有哪些模块？

   2. 数据怎么设计的？

6. 后端方面有了解吗？主要还是前端这一块对吧

7. 前端权限操作是什么方案？

   1. axios 自己封装了 XML，再次封装进行请求/响应拦截，发数据中间多了一层拦截

8. 实际的权限管理是后端对吗？前端是根据状态进行路由跳转吗？

9. 路由跳转？

10. 提到了 axios 拦截器对吧，axios的相关特性有完整的了解吗？

    1. .all 同时发很多个然后返回

    2. 底层还是 XML

11. 超时？

    1. timeout 属性来指定请求自动终止的毫秒数，也定义了timeout事件用于超时发生时触发

    2. 设置 timeout，baseurl设置基础路径

12. 常见 axios 有哪几个阶段？readyState？

13. 怎么取消一个 axios 请求？（上传文件的请求打断）

    1. axios 封装取消的模块

    2. 原生的 XHR 取消一个请求？pending 的状态去掉？

       1. abor  中止请求，xhr.abort()

14. vue3 组合式 API 有了解吗？

15. vue2 封装一个组件，有哪些方法？提供了哪些可以封装，自定义组件的方法？vue 里面定义一个全局的组件？transision components 怎么实现的？

16. component 组件的用法和使用场景？vue3 里面直接使用 component 标签

17. vue 里面定义一个异步组件？减少一些加载的耗时

    1. vue-router 里懒加载，import 箭头函数按需引入

    2. 它的语法叫什么？箭头函数里面呢？怎么引入的

    3. 为什么会有动态加载的特性？

18. vue-router 里面常见的导航守卫方法

    1. 全局 beforeEach afterEach from to next

    2. 单个 beforeEnter

    3. 组件 beforeRouterEnter beforeRouterUpdata beforeRouterLeave

19. 主题换肤怎么实现？

    1. 组件间通信，发送地址，改变背景

    2. 包含哪些换肤？

    3. 只改变了背景

    4. 深色模式的适配有了解过吗？

20. 怎么样去通过媒体查询的能力去适应宽高的边界？

    1. meta 限制屏幕的宽度

    2. 除了宽高的适配以外，meta还有其他的吗？媒体查询除了设置媒体的宽高等还有什么别的能力？

21. 移动端适配会做哪些事情？

    1. rem em

22. rem 和 em 的关系

    1. 根标签一般指什么？

    2. 通过哪个API获取根节点？除了document上面的element方法获取的是哪个

23. 标准 HTML 的组成部分？

24. head 这个标签里一般会放什么？

    1. title, link, style, script, meta, base默认地址

25. 用的标准的webSocket API？

    1. 会用重连的机制吗？

       1. 设了一个定时器，发现断网会自己重连

    2. 前端主要做了什么？

       1. 对外暴露接口，在 vue 组件里面调用然后传输

26. websocket 完整通信的流程？

27. 第三方库的实现了解过吗？

28. OSI 七层模型？

29. webSocket 是哪一层？

    1. 用了TCP，传输层

30. 前端 npm 以外，常见的包管理器

    1. yarn， pnmp

pnpm 本质上就是一个包管理器，这一点跟 npm/yarn 没有区别，两个优势: 包安装速度极快； 磁盘空间利用非常高效。

1. 算法：NC52 有效括号序列