我想到了一个响应式的实现方式就是把数据与dom存在一个类里，通过getter setter劫持修改数据从而触发直接修改对应的dom，但有个问题是在想如果数据过多会占用很多的内存吗，首先这个性能肯定会比vue react这种需要diff 组件级更新的好太多，但是就是需要考虑内存问题，所以js储存dom是储存的引用还是又把tag的所以属性存了一遍？

1.会，但占内存的主要是 DOM 树，而且一般要到上万节点才会占很多。
2.引用。
你的想法我个人己经有过实践。效果很不错。
其实 VUE 之流的原理也是这样的，但是它们是框架，需要处理的细节更多，虽然很多细节可能都是不需要的，但终究不能和直接操作 DOM 比较。
直接操作 DOM 是快了，但是如果没有相应的功力，有些问题你未必能妥善处理。相反，框架就是给没什么功力或者不想花太多心思的人用的。哪个更好取决于人和事。