解决了原始html，css，js的ui与数据状态之间同步的难题，避免了大量的操作dom代码。
使用了react，angular和vue，我们只需要定义一次 ui 界面，不再需要为每个操作编写特定的 ui 代码，同时，每个相同的状态均有相同的输出：当状态改变后，框架自动更新（对应的）视图。
框架工作：
react：
重新渲染整个组件。当组件中的状态发生改变时，在内存中计算出（新的）dom 结构后与已有的 dom 结构进行对比。这样会消耗很多资源。因而采取（将真实 dom）映射为虚拟 dom ，通过对比状态变化前后虚拟 dom 的不同，计算出变化后再改变真实 dom 结构。这个过程称为调和（reconciliation）。
angular和vue：
添加observer监测变化，如 angular 和 vue.js。应用中状态的属性会被监测，当它们发生变化时，只有依赖了（发生变化）属性的 dom 元素会被重新渲染。
如对本文有疑问， 点击进行留言回复！！
offset、client、scroll (width,height、left,top、X,Y)
我要评论
网友评论