要實(shí)現(xiàn)個(gè)類似網(wǎng)易郵箱的功能：頂部是banner,左側(cè)為菜單，右側(cè)上部為打開頁面對應(yīng)的tab標(biāo)簽，類似于瀏覽器tab,下面是當(dāng)前激活的tab對應(yīng)的頁面內(nèi)容。像類似這種需求，有點(diǎn)像單頁應(yīng)用，但在下在這方便并無實(shí)際應(yīng)用經(jīng)驗(yàn)。請各位大神幫忙指點(diǎn)下方向。要求支持IE8+,所以vue被我否了。自己實(shí)現(xiàn)了一個(gè)采用最簡單方案，攔截左側(cè)導(dǎo)航，點(diǎn)擊之后獲取對應(yīng)頁面的html片段，插入到當(dāng)前頁面，并建立tab和對應(yīng)的內(nèi)容區(qū)關(guān)聯(lián)，以及html片段中的引入的JS之間的關(guān)系，從而實(shí)現(xiàn)在關(guān)閉tab頁面 調(diào)用對應(yīng)js中的銷毀方法。但是感覺有點(diǎn)low，怕最后沒有管理好，造成內(nèi)存溢出問題，項(xiàng)目進(jìn)行到一半，悲吹了。另外沒有實(shí)現(xiàn)地址欄解析參數(shù)解析，以實(shí)現(xiàn)直接打開特定菜單的功能。也沒有采用iframe直接打開對應(yīng)菜單的方案，不知道直接采用iframe打開頁面與采用html片段方式都有什么區(qū)別，我看qq郵箱 163郵箱都沒有采用iframe來做，除了顯示郵件主題內(nèi)容時(shí)。說的有點(diǎn)亂，望大神指點(diǎn)下方向。Ps: 我看了下網(wǎng)易的代碼，他們把所有的html都給打包js里面去了，由js來做的html渲染，但是前端這邊js這塊兒就我一人兒，一個(gè)人搞不了這么多事情，所以都是美工這邊把頁面布局寫好，我來填js功能。PPS:我現(xiàn)在采用的html片段類似下面的結(jié)構(gòu)，div#xxxx<script type="text/fscript" data-src="/script/page/address/index.js?t=<?=ResourceLoader::TIME_STAMP?>"></script>后端返回這種格式，然后我把html插入到頁面，然后讀取script[type="text/fscript"]標(biāo)簽，獲取data-src地址，然后創(chuàng)建script標(biāo)簽，建立起當(dāng)前tabtabContent以及script中的實(shí)例之間的關(guān)系，來實(shí)現(xiàn)最后關(guān)閉tab時(shí) 調(diào)用實(shí)例的destroy做銷毀，解綁之類的操作。我想知道我這么做是不是好low，有沒有什么潛在的問題啊。