原生Html開(kāi)發(fā)單頁(yè)應(yīng)用
時(shí)間:2023-05-28 10:36:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-05-28 10:36:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)
原生Html開(kāi)發(fā)單頁(yè)應(yīng)用:
什么是單頁(yè)應(yīng)用?單頁(yè)說(shuō)直白點(diǎn)就是只有一個(gè)頁(yè)面,原生頁(yè)面每次跳轉(zhuǎn)一個(gè)頁(yè)面就向服務(wù)器發(fā)起請(qǐng)求拿到對(duì)應(yīng)的頁(yè)面,而單頁(yè)就是把原來(lái)所有的頁(yè)面都放在一個(gè)頁(yè)面中操作,而不是請(qǐng)求新的頁(yè)面跳轉(zhuǎn)
單頁(yè)應(yīng)用有什么作用?單頁(yè)應(yīng)用
路由:無(wú)刷新跳轉(zhuǎn),能以最快的速度到達(dá)指定的頁(yè)面只有數(shù)據(jù)請(qǐng)求,用戶體驗(yàn)良好
模塊化: 組件組合,重用UI代碼
單頁(yè)應(yīng)用中最主要的有哪些東西?模塊化、路由
原生有什么可以替代的?iframe、
window.location
制作原理:iframe標(biāo)簽可以引入html文件,我們可以把頁(yè)面拆成一個(gè)個(gè)HTML組件通過(guò)iframe進(jìn)行組合,通過(guò)js操控iframe的src來(lái)改變加載進(jìn)來(lái)的組件
window.location 可以操控瀏覽器url來(lái)實(shí)習(xí)路由的改變,iframe的src當(dāng)然要基于路由控制
缺點(diǎn):iframe不支持外部傳參UI細(xì)微的差別,需要通過(guò)js來(lái)控制