亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【九月打卡】第11天 vue和react的diff算法有什么區別?

標簽:
Vue.js React

第一模块(课程信息):

课程名称:2周刷完100道前端优质面试真题
课程章节:第五章第十九节 vue和react的diff算法有什么区别?
主讲老师:双越

第二模块(课程内容):

课程内容概述

介绍diff算法

  • diff算法很早就有
  • diff算法用法很广泛,如github的pull request中的diff
  • 如果要严格diff两棵树,时间复杂度O(n^3),不可用
    图片描述

Tree diff算法的优化

  • 只比较同一层级,不跨级比较
  • tag不同则删除重建
  • 子节点通过key区分

vue2:双端比较
图片描述
vue3:最长递增子序列
图片描述
react:仅右移
图片描述

补充:
vue react循环时为什么必须用key?

  • vue diff算法会根据key判断元素是否要删除?
  • 匹配了key,则只移动元素----性能好
  • 不匹配key,则删除重建----性能差

第三模块(学习心得):

明白了vue和react中diff算法的主要区别,增加知识面宽度

第四模块(课程截图):

图片描述

图片描述
图片描述

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
11
獲贊與收藏
8

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消