ToB企服应用市场:ToB评测及商务社交产业平台

标题: react原理面试题 [打印本页]

---

作者: 天空闲话    时间: 10 小时前
标题: react原理面试题
以下是一些关于React原理的面试题：
一、虚拟DOM（Virtual DOM）

• 请扼要表明React中的虚拟DOM是如何工作的？
  
     
  
  • 答案：
    
         
    
    • 当组件的状态发生变革时，React起首会在内存中创建一个新的虚拟DOM树来表示更新后的UI结构。     
      
    • 然后，React会将这个新的虚拟DOM树与旧的虚拟DOM树进行比力（这个过程称为Diff算法）。     
      
    • Diff算法会找出两个虚拟DOM树之间的差异，比方哪些节点被添加、删除或者修改了。     
      
    • 最后，React根据这些差异计算出最小的DOM利用聚集，只将这些必要的利用应用到实际的DOM上，从而提高性能，制止了直接利用真实DOM带来的大量重绘和回流。   
      
       
    
    
  
• React的Diff算法有哪些优化策略？
  
     
  
  • 答案：
    
         
    
    • 同一层级的节点进行比力：React只在同一层级的节点之间进行比力，不会跨层级去查找差异。如许可以大大淘汰比力的复杂度。     
      
    • 组件范例比力：如果两个节点的组件范例不同（比方一个是<div>，一个是<span>），React会直接以为这是一个全新的节点，会烧毁旧节点及其子节点，并创建新节点及其子节点，而不会深入比力子节点。     
      
    • 列表渲染优化：当渲染列表时，如果给每个列表项设置了唯一的key属性   
      
      
    
  
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4