最熟悉的陌生人DOM

今天同事问我一个问题，我都惊呆了！！！！

她在看vue2的官方文档，看到ref那一节的东西，然后看到一句话      'ref 加在普通元素上，用this.$refs.name 获取到的是dom元素' ，然后随口问出来，dom元素是什么呀？当时我的第一反应不是回答她，而是在想你到底有没有学过js，不禁引人发思，前端门槛这么低的吗，dom都不懂，就来干前端开发，但不排除有别人和她一样的开发，能干活，但一问基础就垮。。。

那今天我就来说一下我理解的dom，有不对的地点欢迎大家批评指正hhhhh

dom，全称document，可以简单理解为一个对象，也可以称为dom树，是针对HTML和XML文档的一个API，我们可以通过dom去操作页面上的一些标签从而去实现自己所需要的功能；前端程序员通过操作dom去改变页面和实现一些功能。

虽然现在很多框架都是不用直接操作dom去开发的，但是底层的理论基础也是非常重要的，只学框架是能干活，但是框架更迭的话，有无理论基础的人学习成本和质量是不同的。