鍍金池/ 問(wèn)答/HTML5  iOS  Android/ 混合app中的H5多頁(yè)和單頁(yè)問(wèn)題

混合app中的H5多頁(yè)和單頁(yè)問(wèn)題

1.在hybird開(kāi)發(fā)中，需要嵌入H5頁(yè)面，有兩種情況：

1.1 一個(gè)頁(yè)面是一個(gè)html，比如店鋪?lái)?yè)面（shop.html）和個(gè)人中心頁(yè)面(person.html)這兩個(gè)頁(yè)面
1.2 一個(gè)html頁(yè)面對(duì)應(yīng)多個(gè)界面，比如vue或者react打包出來(lái)的單頁(yè)應(yīng)用，店鋪界面（index.html#/shop）,個(gè)人中心頁(yè)面（index.html#/person） 雖然界面顯示不同，但是用的是同一個(gè)html。

補(bǔ)充：

1.1 每個(gè)H5都是單獨(dú)的，各個(gè)H5之間沒(méi)有任何的跳轉(zhuǎn)。
1.2 每次從ios或者android進(jìn)入H5都是重新載入的，不存在緩存，每次都是第一次加載的情況

2.針對(duì)上面兩種情況使用哪種更好？我之前的方案是配置webpack讓react項(xiàng)目打包的時(shí)候生成多個(gè)html文件。今天看到同事直接這樣寫(xiě)，覺(jué)得也可行，還免去了配置。但是不知道會(huì)不會(huì)有加載速度變慢等其他情況。

請(qǐng)指點(diǎn)指點(diǎn)在下

回答
編輯回答
歆久

各有千秋，也就是多頁(yè)面和單頁(yè)面的差別了。

單頁(yè)面

資源只請(qǐng)求一次，第一次加載頁(yè)面稍微慢點(diǎn)，但是跳轉(zhuǎn)單頁(yè)面的其他路由會(huì)更流暢

多頁(yè)面

每次加載頁(yè)面都是重新加載資源，資源少了，正常情況下應(yīng)該會(huì)比單頁(yè)面第一次加載快點(diǎn)點(diǎn)

但是

在目前的網(wǎng)絡(luò)情況下， 除非是追求毫秒的響應(yīng)（或者頁(yè)面資源非常多的情況），單頁(yè)面的優(yōu)勢(shì)（流暢）會(huì)遠(yuǎn)遠(yuǎn)大于多頁(yè)面（hybird不用管SEO）

2017年1月23日 11:06