当前位置:Gxlcms > html代码 > 讨论一下,如何并行开发一个web页面_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:45人阅读

我们团队最近开发一个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");

人气教程排行