react文档之2

300 阅读1分钟

1、求数组最大值

Max.max.apply(null,[1,2,3]) (max后面只接受一个一个的参数,不接受数组,所以利用apply把它打散)

2、数组排序

    const arr = [7, 100, 996, 35, 5];
    const max = arr.sort((a, b) => {
      return b - a;
    });
    console.log(max2); //996, 100, 35, 7, 5

3、react事件机制

  • React事件绑定属性的命名采用驼峰式写法,而不是小写。
  • 如果采用JSX的语法需要传入一个函数作为事件处理函数,而不是一个字符串(DOM元素的写法)
  • SyntheticEvent:一个基于浏览器原生事件的跨浏览器实现,合成事件不能异步调用

4、差分算法(复杂度O(n))

  • 两个不同类型的元素将产生不同的树。

  • 可以使用key属性来提示哪些子元素贯穿不同渲染是稳定的。

  • 差分两个dom树,react首先比较两个根元素,根元素的类型不同,行为也不同。 当元素根元素有不同类型,React将拆除旧树并且从0开始构建新树; 相同类型的DOM树,react会观察二者的属性,保持相同的底层DOM节点,并且仅更新变化的属性。利用key可以区分出哪些节点是新的需要重新渲染,哪些节点是已有的仅需要更新属性。