文章詳情頁
javascript - 類似youtube上的sidebar固定但是url變化的的前端效果是如何做出來？
瀏覽：195日期：2023-11-03 16:15:50
問題描述
在youtube左邊的sidebar，當點擊切換訂閱頻道的時候，注意到sidebar依然固定，但是url地址欄已經(jīng)出現(xiàn)了變化，這說明這應該不是依賴ajax來實現(xiàn)的。
在現(xiàn)在的項目中我也不是很想用ajax來實現(xiàn)這樣的效果，因為不是很利于用戶收藏網(wǎng)頁以及seo等等，但是youtube這樣即實現(xiàn)了網(wǎng)址變化利于用戶收藏，同時也達到了類似ajax的良好用戶體驗的效果是如何做出來的？請問能否大致指點一下思路。
問題解答
回答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)容更新
標簽：
JavaScript
上一條：java - jsp頁面中無法顯示圖片下一條：spring - 如何實現(xiàn)將javaee 項目結(jié)合 npm javascript 包管理工具 管理javaee 的JavaScript庫
相關(guān)文章：
1. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？2. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗！3. docker不顯示端口映射呢？4. docker-compose中volumes的問題5. golang - 用IDE看docker源碼時的小問題6. 關(guān)docker hub上有些鏡像的tag被標記““This image has vulnerabilities””7. javascript - 連續(xù)點擊觸發(fā)mouseleave事件8. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題！！9. docker容器呢SSH為什么連不通呢？10. mac里的docker如何命令行開啟呢？
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備