前端多个模块页面切换

Question

做一个管理系统，左侧是1.2.3是点击的按钮，点击后，要改变蓝色（不同的内容）里面的内容，蓝色那块是用iframe好？还是有其他方法，更好的？

Answer 1

现在一般都是采用spa来做，右边一般都是前端router处理

Answer 2

建议使用前端框架，比如vue,angular,react。可以采用前端路由进行跳转

Answer 3

这个比较好实现，如果是传统的你可以做成一个选项卡，也可以使用ajax，同样也可以使用spa的router。

Answer 4

1.HTML5不再支持使用frame，iframe只有src 属性；
2.iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但我们需要慎重的使用iframe。iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了 1-2 个数量级。
使用 iframe 的页面一般不会包含太多 iframe，所以创建 DOM 节点所花费的时间不会占很大的比重。但带来一些其它的问题：onload 事件以及连接池(connection pool)。
使用iframe的优缺点，为什么少用iframe以及iframe和frame的区别

总而言之：iframe加载静态网页快，用iframe做过项目，第一感觉就是很慢很慢，具体原因看上面的文章，说的很清晰；
现在多用前端框架，spa这个没接触不是很了解

Answer 5

vue 路由实现跳转
看下vue-router

Answer 6

做成选项卡，然后tab切换吧，大概意思就是写三个内容，然后再点击左侧菜单的时候显示隐藏，有可以用的插件，superslide，也可以自己写