面试官问：如何理解虚拟 DOM ，我是这样回答的

Posted 2021-08-28 前端开发博客

最近有朋友在后台留言：现在的前端面试太难了！特别是问 Vue 和 React 框架的，不仅要精通应用层面，还要更深入的理解原理。

确实，现在前端岗位的竞争日渐激烈，求职者要对比项目经验，工作成果等等，如果在技术能力上翻车就犯不上了。

源码逐渐成为各大厂面试的常考问题，这并不是在“造火箭”，而是真真正正对工作有帮助。比如：

• 提高工作效率、编程思维以及项目优化的能力；

• 了解相关算法，编译原理，设计模式，工程化等底层原理；

• 通过对比框架生态，了解技术选型方法论。

问题是大多数前端朋友们都只精通其中一个框架，在面试官考察另一个框架的时候就完蛋了。

虚拟dom，两个框架中都有应用，面试官可能会笼统地问一句“如何理解虚拟dom”，如果你单从一个角度回答：

「就是一个普通的 javascript 对象，包含了 tag、props、children 三个属性。好处是在页面更新之后可以先全部反映在 JS 对象上，可以避免大量无谓的计算量。」

则略显单薄。

所以，为了帮助大家轻松应对面试难题，同时更快更高效的理解 Vue 和 React 源码，送给大家一份由拥有9年前端经验，曾就职于百度和360 的大圣老师主讲的《Vue 3 和 React 17 源码剖析》资料包。

我给大家争取到了一些名额，有需要的朋友们，现在扫描二维码，免费领！

立刻扫码，抢先一步

Ps.一定记得添加助教老师微信领取！

30分钟之内，老师将会添加你并把资料给到各位同学，数量不多，赶快扫码领取吧！

你将学到：

▼

梳理在面试过程中遇到的 Vue 和 React 框架源码问题，帮助大家更加深入的理解两个框架源码。

▼

通过对比两个框架，抽象出算法，数据结构，数据模式等程序员必须修炼的内功，帮大家建立知识体系，提高自身核心竞争力。

现在扫描二维码，免费领！

立刻扫码，抢先一步

Ps.一定记得添加助教老师微信领取！

30分钟之内，老师将会添加你并把资料给到各位同学，数量不多，赶快扫码领取吧！