React的特点

Vue一开始是依赖宿主环境的（后来拆分了，core中就不依赖了），React从一开始就不依赖所以它桌面应用移动端发展的不错

传递元素内容

1. 作为prop.xxx传递
2. props.children拿到

本质就是语法糖

如果要传递多组呢？

通过不同的属性传递呗

是否使用一个技术的根本原因是什么

是否用一个技术的根本原因是：看ROI—投入产出比，能否赚更多的钱（这些就会牵扯出大量的非技术原因）

SSR

优势：

1. 有利于SEO

2. 首屏等待时间更短，对用户体验更好

   劣势：

3. 服务器压力大

4. 开发成本高，要兼容前后端的runtime
5. 更复杂的构建和配置

React 常见的性能优化方式

1）使用生产环境版本的库<br />    2）虚拟长列表<br />    3）避免不必要的组件渲染<br />    4）使用key

ReactElement、ReactNode以及JSX.Element

interface PreProcessorProps {
  error?: boolean | BooleanFunction
  loading?: boolean | BooleanFunction
  children: React.ReactNode | RenderFunction
}
}
const PreProcessor: React.FC<PreProcessorProps> = ({ children }) => {
  // ....
  return children
}

在使用ts写React时，尴尬的遇到了这个错误

不能将类型“({ error, loading, children }: PropsWithChildren<PreProcessorProps>) => {} | null | undefined”分配给类型“FC<PreProcessorProps>”。
  不能将类型“{} | null | undefined”分配给类型“ReactElement<any, any> | null”。
    不能将类型“undefined”分配给类型“ReactElement<any, any> | null”。

无奈之下，只好看源代码来分析ReactNode和ReactElement的区别。

interface ReactElement<
  P = any,
  T extends string | JSXElementConstructor<any> =
    | string
    | JSXElementConstructor<any>
> {
  type: T
  props: P
  key: Key | null
}

ReactElement是一个接口，包含type,props,key三个属性值。该类型的变量值只能是两种： null 和 ReactElement实例

    type ReactText = string | number;
    type ReactChild = ReactElement | ReactText;
    interface ReactNodeArray extends Array<ReactNode> {}
    type ReactFragment = {} | ReactNodeArray;
    type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;

ReactNode是一种联合类型(Union Types)，可以是string、number、ReactElement、{}、boolean、ReactNodeArray。由此可以看出ReactElement类型的变量可以直接赋值给ReactNode类型的变量，但是反过来是不行的。

namespace JSX {
    // ...
    interface Element extends React.ReactElement<any, any> { }
    // ...
}

JSX.Element是ReactElement的子类型，并且没有增加属性，二者是兼容的。也就是说JSX.Element类型的变量可以赋值给ReactElement类型的变量，反过来赋值也成立。
综合上面所述：
JSX.Element ≈ ReactElement ⊂ ReactNode

React如何优化性能

Vue3有哪些改进

js异步与事件循环的理解

get与post请求

css居中方式

经典脑瘫题。让我展开讲，能跟你扯一小时

也可以先提OS，中断，调度啥的。。