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

讨论一下,如何并行开发一个web页面_html/css_WEB-ITnose

程序员文章站 2022-06-07 13:55:44
...
我们团队最近开发一个web页面,包含一连串的功能,每个功能放在一个页面中,用一个导航条来在各个页面间导航。

为了并行开发,我们每个功能写在一个单独的html文件中,包含导航条的页面作为主页面,最后把各个功能页面的html放在iframe里面嵌入到主页面中来。

因为用iframe各个页面之间是相互隔离的,css和js代码不会互相影响,利于分开并行开发。

不知道这样有没有什么缺点,又有没有什么更好的方案,求指教。


回复讨论(解决方案)

缺点有两处:
1. 页面兼容性的问题,iframe的高度并不能自适应高度,需要js来动态定位。如果iframe里边再套一个iframe就比较麻烦,所以谨慎重套。
2. 页面数据的控制,比如iframe中操作需要反馈到主页面上来,可能多加一步的处理。还有类似弹出层的效果,需要突破iframe然后把dom节点添加到父页面,要不然实现不了全屏的遮罩。
大概想到是这些,
现在我了解的干法,分享一下:
1. 直接用ajax来添加操作页面,就是一个标签一个div,类似于这个:http://www.j-ui.com
2. 利用angularjs的路由来控制,内部其实还是ajax。只是操作起来更方便而已。
但这两个也有缺点,项目团队中需要有一个人对css,js有一定的经验,尤其是angularjs,入门需要一定的时间或基础。
所以:个人的建议,项目不大,或者后期维护不是很频繁,iframe是暂时可行的方案,如果反之,就需要其它方案。

感谢版主分享!

刚才试了一下用ajax直接加载页面到div中,这样两个页面处于同一个window对象下。命名空间会产生冲突,似乎多人同时开发不同页面不是很方便呢~

感谢版主分享!

刚才试了一下用ajax直接加载页面到div中,这样两个页面处于同一个window对象下。命名空间会产生冲突,似乎多人同时开发不同页面不是很方便呢~


这个问题两个思路,
一个是手动添加命名空间,所有的方法注册在手动的命名空间里边。
http://www.cnblogs.com/Jackey_Chen/archive/2011/08/02/2125287.html
二,用模块化,requirejs,seajs,最近webpack什么的。但是越新的入门曲线略陡。选择合适当前项目的。

iframe就是一坑货。。。

Jsoup Document doc1 = Jsoup.connect("http://www.paperyy.com/").get();
Document doc2 = Jsoup.connect("http://www.paperyy.com")
.data("query", "Java")//请求参数
.userAgent("Mozilla")//设置urer-agent
.cookie("auth", "token")//设置cookie
.timeout(50000)//设置连接超时
.post();//或者改为get

System.out.println("http://www.paperyy.com");