如图所示,我们的程序设计是这个样子的,按照我的理解应该分成3个区域,A部分是顶部操作栏,是一个组件。B区域是一个导航栏,是一个组件。C区域是主程序区,显示不同的组件。当B区域点击某个功能时,C区域就显示对应的组件。
请问,想这样的程序,是靠每次点击B进行切换时,都重新render,然后render不同的组件完成吗?还是有其他的更好的方法?
多谢
如图所示,我们的程序设计是这个样子的,按照我的理解应该分成3个区域,A部分是顶部操作栏,是一个组件。B区域是一个导航栏,是一个组件。C区域是主程序区,显示不同的组件。当B区域点击某个功能时,C区域就显示对应的组件。
请问,想这样的程序,是靠每次点击B进行切换时,都重新render,然后render不同的组件完成吗?还是有其他的更好的方法?
多谢
可以直接渲染出所有的组件, 然后使用 CSS 的 display 或者 transform 或者绝对定位来切换组件。
这样做的好处是没有渲染时延迟且易于控制, 缺点是直接渲染出大量 DOM 可能会占用大量内存。