vue与react中diff算法的区别?react的渲染机制

1.面试被问到react与vue中diff算法的区别,请大神赐教
2.在网上查到了vue与react虚拟dom的区别是:
网上答案:virtual DOM不一样,vue会跟踪每一个组件的依赖关系, 不需要重新渲染整个组件树.
而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制。

上述是网站一些普遍的答案但是之前看过一个面试题是 使用了setstate发生了什么?
网上答案:在代码中调用setState函数之后,React 会将传入的参数对象与组件当前的状态合并,然后触发所谓的调和过程(Reconciliation)。 经过调和过程,React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个UI界面。 在 React 得到元素树之后,React 会自动计算出新的树与老树的节点差异,然后根据差异对界面进行最小化重渲染。 在差异计算算法中,React 能够相对精确地知道哪些位置发生了改变以及应该如何改变,这就保证了按需更新,而不是全部重新渲染

怎么一个是全部组件重新渲染,一个不是全部重新渲染,这不是矛盾了吗?

#面经##前端##春招#
全部评论

相关推荐

面试官人特别特别好,真的学到很多东西,他还会引导我回答问题没有自我介绍和项目问题,直接开始问技术问题html5,4.0,说说这些版本之间的区别?语义化有什么好处吗?script一般放在哪个位置?为什么放在body最后?什么时候用defer,什么时候不用defer?要是有一个script标签里面的内容不是必须的,但是这个script标签发生错误,页面会白屏吗?有哪几种可能性呢?没有加async/defer情况下一定会白屏吗?常见的js错误有哪些呢?(看错误有没有影响主页面渲染进程)position有哪几种取值?哪些脱离文档流,哪些没有脱离文档流?现在有一个元素(fixed定位)在页面的右下方,这时给它套一个父元素(relative定位),会有什么影响呢?要是换成absolute呢?es6有哪些新特性?这些知识大都是背下来还是理解下来的?const a = "a"const b = "b"const c = "a" + "b"const d = a + bc == d ?c === d?在js中基本类型有哪些?基本类型引用类型存在哪里?在栈中存的是值还是地址?string是什么类型?上述代码有几份“ab”?使用vue中v-for渲染十个div([0....9])(div里面没有东西),现在变成[0.....8]是第一个被销毁还是第十个被销毁?哪些元素被销毁了,哪些元素会重新渲染?变成[1...9],那现在被销毁的是哪个?现在变成{{ index }},现在变成[0....8],销毁的是哪一个?变成[1....9]呢?大量元素的时候,除了虚拟滚动的方式还有什么方法?(时间分片、管道)前端组件化、模块化怎么做的?a文件中引入c文件,b文件中引入c文件,打包完成后,源码中有几份c文件?npm里面安装了几个依赖,一个组件包安装的是vue2,另外一个安装的是vue3,会不会安装成功?三到五天出结果,面试官夸我了诶他居然说我很不错我真的哭死
携程一面95人在聊 查看17道真题和解析
点赞 评论 收藏
转发
哈喽,大家好呀,我是前端理想哥,最近总有同学问我,理想哥,面试时总被问到不会的问题,现场容易懵逼,太影响我的面试心态了,咋整?首先麻烦大家给个赞收藏下,理想哥告诉大家该咋办。其实,从面试官的角度来说,他并不是仅仅考察这道题目本身,题目的对错也可能并不跟最终结果直接挂钩,面试官更希望以题目为契机, 考察面试者分析问题,解决问题的能力,以及交流过程中所体现的逻辑推理和思维方式等。面试中遇到不会的问题,这是非常正常的,大家并不需要因此自我怀疑。谁又能自信满满的说自己能把前端方方面面都复习好呢?那如果遇到这种情况,作为面试者的你,该怎么处理?理想哥教大家一个方法。首先,千万不要直接和面试官说不会,你可以说,请给我几分钟时间我思考下,我整理下回答思路。然后这几分钟内,脑子里快速过下关于这个问题的答案,如果能想起来那更好,如果实在是不知道,那可以围绕这个问题回答。比如,关于React Fiber,面试官问你「为什么要有 Fiber 这个东西」,你可能回答不上来,那可以和面试官说「为什么要有 Fiber 这个东西我暂时想不出来,但是Fiber是什么以及工作原理这块我比较清楚,我可以说下我对这些的理解」上面这个回答,首先,你向面试官坦然说明了,这个问题你不会,但是你积极地向面试官展示了你对其相关问题的理解,你的分析问题、解决问题、逻辑思考能力都能展示出来。大家可以这样做试试,欢迎大家来评论区反馈结果。 #前端# #前端简历要怎么写# #前端面试#
查看2道真题和解析 前端求职圈
点赞 评论 收藏
转发
点赞 2 评论
分享
牛客网
牛客企业服务