js三大框架出现的意义
程序员文章站
2022-10-05 19:46:31
解决了原始html,css,js的UI与数据状态之间同步的难题,避免了大量的操作DOM代码。 使用了React,Angular和Vue,我们只需要定义一次 UI 界面,不再需要为每个操作编写特定的 UI 代码,同时,每个相同的状态均有相同的输出:当状态改变后,框架自动更新(对应的)视图。 框架工作: ......
解决了原始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 元素会被重新渲染。
上一篇: 用React写一个工大导航
下一篇: xorm-创建时间created