文章詳情頁
javascript - 類似youtube上的sidebar固定但是url變化的的前端效果是如何做出來？
瀏覽：187日期：2023-11-03 16:15:50
問題描述
在youtube左邊的sidebar，當(dāng)點(diǎn)擊切換訂閱頻道的時候，注意到sidebar依然固定，但是url地址欄已經(jīng)出現(xiàn)了變化，這說明這應(yīng)該不是依賴ajax來實現(xiàn)的。
在現(xiàn)在的項目中我也不是很想用ajax來實現(xiàn)這樣的效果，因為不是很利于用戶收藏網(wǎng)頁以及seo等等，但是youtube這樣即實現(xiàn)了網(wǎng)址變化利于用戶收藏，同時也達(dá)到了類似ajax的良好用戶體驗的效果是如何做出來的？請問能否大致指點(diǎn)一下思路。
問題解答
回答1：修改url可以通過history.pushState來實現(xiàn)，另外無刷新ajax不是已經(jīng)很普遍了嗎。
回答2：大哥，人家用沒用Ajax你看一下網(wǎng)絡(luò)不就知道了嗎，沒有Ajax數(shù)據(jù)從天上來？另外，修改地址欄URL，這個是js的pushState功能。
回答3：前端路由可以實現(xiàn)這樣的功能
回答4：like this?http://www.thepetedesign.com/...
回答5：pjax 局部內(nèi)容更新
標(biāo)簽：
JavaScript
上一條：java - jsp頁面中無法顯示圖片下一條：spring - 如何實現(xiàn)將javaee 項目結(jié)合 npm javascript 包管理工具 管理javaee 的JavaScript庫
相關(guān)文章：
1. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””2. docker-compose中volumes的問題3. boot2docker無法啟動4. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.5. nignx - docker內(nèi)nginx 80端口被占用6. dockerfile - 為什么docker容器啟動不了？7. node.js - antdesign怎么集合react-redux對input控件進(jìn)行初始化賦值8. docker容器呢SSH為什么連不通呢？9. java - SSH框架中寫分頁時service層中不能注入分頁類10. 關(guān)于docker下的nginx壓力測試
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備