第一篇:框架设计概览


命令式:通过原生JS的DOM操作api的方式来编写渲染页面的方式,侧重于过程中的细节;

声明式:不关注过程中的细节,只关注结果,以标签形式来编写代码然后再编译渲染页面;

性能对比:

       首次渲染页面时,命令式、声明式和innerHTML模板式相差不太多;

       更新页面时,命令式>声明式>innerHTML模板式;

易维护性对比:

       声明式>innerHTML模板式>命令式;

虚拟DOM:树形结构对象,由于没有操作真实的DOM树,只是原生JS层的操作,所以性能相对于真实的DOM操作要高好多个量级;