Skip to content

模拟题二

1. flex:1 表示什么

flex 弹性布局 flex 为缩写,flex:1 表示 1 1 0 flex 默认是 0 1 auto flex: 1 表示剩余空间有余的时候等比扩展,剩余空间不足的时候等比收缩,所谓的剩余空间就是指父元素宽度减去所有子元素的宽度 第一个参数表示 flex-grow:扩展所侵蚀的空间是除去元素外剩余的空白间隙。默认值为 0,表示不占用剩余空间间隙扩展自己的宽度 第二个参数表示 flex-shrink:收缩的意思,当 flex 容器空间不足时,单个元素的收缩比例。默认为 1,默认所有的 flex 子项都会收缩 第三个参数表示 flex-basis,定义了分配剩余空间之前元素的大小。默认值为 auto,就是自动

考察点: flex 布局

flex 弹性布局,布局更加简单

flex: 1 是什么意思,flex:1 1 0 扩展时剩余部分等比,收缩时,剩余部分等比 flex 默认: 0 1 auto

2. 手写源码:深拷贝

深拷贝的原理以及最新的解决方案

3. 原型和原型链

原型链考点

颜的原型图

4.箭头函数和普通函数的区别

5. Fiber 是什么,为什么需要 Fiber

考察点:fiber 在 react 16 之前面临的主要性能问题是:当组件很庞大时,更新状态可能造成页面卡顿,根本原因在于更新流程是同步、不可中断的。react 16 重写了代码,提出 fiber 架构,它是可异步中断的

react 为什么需要 fiber

react 16 提出的架构,又是工作单位,又是数据结构 因为 react 16 之前的架构会在大组件更新时出现卡顿问题,所以 react 16 之后就采用异步更新的架构,这个架构就叫 fiber。同样,它可以作为静态的数据结构,每个 fiber 节点对应一个 React element,保存了该组件的类型、对应的 DOM 节点等信息;它作为动态的工作单位来说,每个 fiber 节点保存了本次更新中该组件改变的状态、要执行的工作(需要删除、插入、更新)

考察点:fiber

react fiber 是 React16 提出的新的 React 架构,是为了解决 React 16 之前大组件渲染更新时出现的卡顿问题,之所以出现这个问题是因为之前的架构是同步不可中断的执行,react fiber 是 react 16 的新架构,其特点是异步可中断。

6.函数式组件与类组件的区别

这竟然是最常见的问题,说了好几个点,没抓到重要,重点是 函数式组件能捕获每次渲染时的值,这个俗称 Capture Value。React 的主要开发者 Dan 写过一篇文章函数式组件与类组件有何不同?

7.浏览器:什么是同源策略以及跨源资源共享(CORS)?

8.Webpack构建的原理 ⭐

9.OSI七层模型 ⭐

10. 算法题:三数之和