欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js三大框架出现的意义

程序员文章站 2022-04-27 23:18:30
解决了原始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 元素会被重新渲染。