文章詳情頁(yè)
javascript - 類(lèi)似youtube上的sidebar固定但是url變化的的前端效果是如何做出來(lái)？
瀏覽：140日期：2023-11-03 16:15:50
問(wèn)題描述
在youtube左邊的sidebar，當(dāng)點(diǎn)擊切換訂閱頻道的時(shí)候，注意到sidebar依然固定，但是url地址欄已經(jīng)出現(xiàn)了變化，這說(shuō)明這應(yīng)該不是依賴(lài)ajax來(lái)實(shí)現(xiàn)的。
在現(xiàn)在的項(xiàng)目中我也不是很想用ajax來(lái)實(shí)現(xiàn)這樣的效果，因?yàn)椴皇呛芾谟脩?hù)收藏網(wǎng)頁(yè)以及seo等等，但是youtube這樣即實(shí)現(xiàn)了網(wǎng)址變化利于用戶(hù)收藏，同時(shí)也達(dá)到了類(lèi)似ajax的良好用戶(hù)體驗(yàn)的效果是如何做出來(lái)的？請(qǐng)問(wèn)能否大致指點(diǎn)一下思路。
問(wèn)題解答
回答1：修改url可以通過(guò)history.pushState來(lái)實(shí)現(xiàn)，另外無(wú)刷新ajax不是已經(jīng)很普遍了嗎。
回答2：大哥，人家用沒(méi)用Ajax你看一下網(wǎng)絡(luò)不就知道了嗎，沒(méi)有Ajax數(shù)據(jù)從天上來(lái)？另外，修改地址欄URL，這個(gè)是js的pushState功能。
回答3：前端路由可以實(shí)現(xiàn)這樣的功能
回答4：like this?http://www.thepetedesign.com/...
回答5：pjax 局部?jī)?nèi)容更新
標(biāo)簽：
JavaScript
上一條：java - jsp頁(yè)面中無(wú)法顯示圖片下一條：spring - 如何實(shí)現(xiàn)將javaee 項(xiàng)目結(jié)合 npm javascript 包管理工具 管理javaee 的JavaScript庫(kù)
相關(guān)文章：
1. angular.js - angularjs的自定義過(guò)濾器如何給文字加顏色？2. 關(guān)于docker下的nginx壓力測(cè)試3. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題4. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問(wèn)題。5. 為什么我ping不通我的docker容器呢？？？6. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.7. docker - 如何修改運(yùn)行中容器的配置8. nignx - docker內(nèi)nginx 80端口被占用9. docker鏡像push報(bào)錯(cuò)10. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備