shuanglei7/my-interview

面试问题整理

自我介绍问题

CSS

动画的实现方法及其区别

transition animation requestAnimationFrame JavaScript 修改几何属性的话，会导致浏览器的回流和回流 同时由于 JavaScript 运行在浏览器的主线程中，主线程中还有其他的重要任务在运行，因而可能会受到干扰导致线程阻塞，从而丢帧 而 CSS 的动画是运行在合成线程中的，不会阻塞主线程，并且在合成线程中完成的动作不会触发回流和重绘 当然还有一个重要的点：JS 动画运行在 CPU，而 CSS 动画运行在 GPU 总的来说，CSS 动画的渲染成本小，并且它的执行效率高于 JavaScript 动画

媒体查询

媒体查询;

@media screen and (max-width: 240px),
  (min-width: 360px) and (max-width: 700px) {
  .box1 {
    background-color: burlywood;
  }
}

padding 的相对问题

链接;

flex 布局

flex;

grid 布局

TypeScript

type、interface 的区别

any、never、unknown 的区别

infer

逆变与协变

函数返回值推断

function foo() {
  return 1;
}

type fooReturnType = ReturnType<typeof foo>;

JavaScript

es5 继承

原型、原型链

Promise 的使用

Promise 的作用

Promise.all 作用 入参 then、catch 回调参数

基于 Promise A+ 规范的实现

async/await 实现

使用原生方法实现数组取最大值

tip: Math.max

React 相关问题

React Hooks 引入的意义

常见的 hooks 有哪些

useEffect 的作用

不可变数据结构

不可变数据结构

算法

冒泡、快排

浏览器相关

浏览器从输入网址按回车发生了什么？

cookie

cookie 的作用

cookie 的参数有哪些，分别有什么作用

同源协议

如何解决跨域问题

主要是 CORS JSONP

HTTP 协议

http1.0 http1.1 http2.0 区别

HTTPS 协议

相比于 http 协议作用、意义

TLS/SSL 协议

加密算法 握手过程

TCP/IP 协议

3 次握手过程 4 次挥手过程

浏览器缓存

强缓存、协商缓存；协商过程；控制缓存的字段有哪些，作用