討論一下，如何并行開發(fā)一個(gè)web頁面_html/css_WEB-ITnose

我們團(tuán)隊(duì)最近開發(fā)一個(gè)web頁面，包含一連串的功能，每個(gè)功能放在一個(gè)頁面中，用一個(gè)導(dǎo)航條來在各個(gè)頁面間導(dǎo)航。

為了并行開發(fā)，我們每個(gè)功能寫在一個(gè)單獨(dú)的html文件中，包含導(dǎo)航條的頁面作為主頁面，最后把各個(gè)功能頁面的html放在iframe里面嵌入到主頁面中來。

因?yàn)橛胕frame各個(gè)頁面之間是相互隔離的，css和js代碼不會(huì)互相影響，利于分開并行開發(fā)。

不知道這樣有沒有什么缺點(diǎn)，又有沒有什么更好的方案，求指教。

回復(fù)討論(解決方案)

缺點(diǎn)有兩處：
1. 頁面兼容性的問題，iframe的高度并不能自適應(yīng)高度，需要js來動(dòng)態(tài)定位。如果iframe里邊再套一個(gè)iframe就比較麻煩，所以謹(jǐn)慎重套。
2. 頁面數(shù)據(jù)的控制，比如iframe中操作需要反饋到主頁面上來，可能多加一步的處理。還有類似彈出層的效果，需要突破iframe然后把dom節(jié)點(diǎn)添加到父頁面，要不然實(shí)現(xiàn)不了全屏的遮罩。
大概想到是這些，
現(xiàn)在我了解的干法，分享一下：
1. 直接用ajax來添加操作頁面，就是一個(gè)標(biāo)簽一個(gè)div，類似于這個(gè)：http://www.j-ui.com
2. 利用angularjs的路由來控制，內(nèi)部其實(shí)還是ajax。只是操作起來更方便而已。
但這兩個(gè)也有缺點(diǎn)，項(xiàng)目團(tuán)隊(duì)中需要有一個(gè)人對(duì)css,js有一定的經(jīng)驗(yàn)，尤其是angularjs，入門需要一定的時(shí)間或基礎(chǔ)。
所以：個(gè)人的建議，項(xiàng)目不大，或者后期維護(hù)不是很頻繁，iframe是暫時(shí)可行的方案，如果反之，就需要其它方案。

感謝版主分享！

剛才試了一下用ajax直接加載頁面到div中，這樣兩個(gè)頁面處于同一個(gè)window對(duì)象下。命名空間會(huì)產(chǎn)生沖突，似乎多人同時(shí)開發(fā)不同頁面不是很方便呢~

感謝版主分享！

剛才試了一下用ajax直接加載頁面到div中，這樣兩個(gè)頁面處于同一個(gè)window對(duì)象下。命名空間會(huì)產(chǎn)生沖突，似乎多人同時(shí)開發(fā)不同頁面不是很方便呢~

這個(gè)問題兩個(gè)思路，
一個(gè)是手動(dòng)添加命名空間，所有的方法注冊在手動(dòng)的命名空間里邊。
http://www.cnblogs.com/Jackey_Chen/archive/2011/08/02/2125287.html
二，用模塊化，requirejs,seajs，最近webpack什么的。但是越新的入門曲線略陡。選擇合適當(dāng)前項(xiàng)目的。

iframe就是一坑貨。。

Jsoup Document doc1 = Jsoup.connect("http://www.paperyy.com/").get();
Document doc2 = Jsoup.connect("http://www.paperyy.com")
.data("query", "Java")//請(qǐng)求參數(shù)
.userAgent("Mozilla")//設(shè)置urer-agent
.cookie("auth", "token")//設(shè)置cookie
.timeout(50000)//設(shè)置連接超時(shí)
.post();//或者改為get

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

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com