請(qǐng)教一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)的方案

sanergo 2024-06-01

<body>
    <div id="container">網(wǎng)頁(yè)內(nèi)容</div>
    <div id="overlay">
        動(dòng)態(tài)內(nèi)容
    </div>
</body>

希望動(dòng)態(tài)創(chuàng)建overlay的內(nèi)容，比如點(diǎn)擊一個(gè)按鈕，從服務(wù)器下載對(duì)應(yīng)的js css然后添加到overlay標(biāo)簽下，然后關(guān)閉的時(shí)候從overlay刪除。不知道用什么方案比較好，對(duì)前端不是很熟悉。
有以下幾點(diǎn)限制

動(dòng)態(tài)內(nèi)容應(yīng)該只有js,css,以及圖片之類的資源。
盡量不使用其他復(fù)雜的框架，比如vue等，因?yàn)橐獎(jiǎng)討B(tài)展示的內(nèi)容不算很復(fù)雜，但是如果用純js去添加 html的內(nèi)容好像又太麻煩？
最好能工程化以方便管理，我知道的是webpack,vite都可以做這個(gè)。

不知道用什么方式比較簡(jiǎn)潔、方便？

 791  2 0

2個(gè)回答

北月妖王 2024-06-01

說(shuō)實(shí)話，我懷疑這是 htmx 的推廣帖，這種功能就是 htmx 最擅長(zhǎng)的。

sanergo 2024-06-01

大概看了下htmx,好像不太符合要求，比較關(guān)鍵的是html怎么產(chǎn)生。其實(shí)container里面是一個(gè)游戲頁(yè)面，比如cocoscreator的網(wǎng)頁(yè)版，但是有些界面想用網(wǎng)頁(yè)實(shí)現(xiàn)比較方便，所以才有這個(gè)問(wèn)題
北月妖王 2024-06-01

html 怎么產(chǎn)生要看你服務(wù)端怎么響應(yīng)。
如果你的項(xiàng)目是重前端的那么老老實(shí)實(shí)用vue或者react之類的js框架。
如果是重服務(wù)端的，客戶端主要是用來(lái)渲染，那么htmx還真合適。