IT入门 > 面试题 >
  • .React 中 keys 的作用是什么?

    2019/11/14 点击:560

    Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 render () { return ( ul { this . state . todoItems . map (({item, key}) = { return li key = {key} {item} / li })} / ul )}

  • React 优势

    2019/11/14 点击:501

    1、React 速度很快:它并不直接对 DOM 进行操作,引入了一个叫做虚拟 DOM 的概念,安插在 javascript 逻辑和实际的 DOM 之间,性能好。 2、跨浏览器兼容:虚拟 DOM 帮助我们解决了跨浏览器问

  • react diff 原理(常考,大厂必考)

    2019/11/14 点击:497

    把树形结构按照层级分解,只比较同级元素。 给列表结构的每个单元添加唯一的 key 属性,方便比较。 React 只会匹配相同 class 的 component(这里面的 class 指的是组件的名字) 合并操作,

  • react 生命周期函数

    2019/11/14 点击:483

    初始化阶段: getDefaultProps:获取实例的默认属性 getInitialState:获取每个实例的初始化状态 componentWillMount:组件即将被装载、渲染到页面上 render:组件在这里生成虚拟的 DOM 节点 componentDi

  • .shouldComponentUpdate 是做什么的?

    2019/11/14 点击:513

    (react 性能优化是哪个周期函数?)

  • 为什么虚拟 dom 会提高性能?(必考)

    2019/11/14 点击:409

    虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存,利用 dom diff 算法避免了没有必要的 dom 操作,从而提高性能。 用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的

  • React 中 refs 的作用是什么?

    2019/11/14 点击:528

    Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。 我们可以为元素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄,该值会作为回调函数的第一个参数返

  • setState 和 replaceState 的区别

    2019/11/14 点击:664

    setState 是修改其中的部分状态,相当于 Object.assign,只是覆盖, 不会减少原来的状态 replaceState 是完全替换原来的状态,相当于赋值, 将原来的 state 替换为另一个对象,如果新状态属性

  • React 中有三种构建组件的方式

    2019/11/14 点击:427

    React.createClass()、ES6 class 和无状态函数。

  • 描述事件在 React 中的处理方式

    2019/11/14 点击:495

    为了解决跨浏览器兼容性问题,您的 React 中的事件处理程序将传递 SyntheticEvent 的实例,它是 React 的浏览器本机事件的跨浏览器包装器。 这些 SyntheticEvent 与您习惯的原生事件具有相同