文章詳情頁
javascript - 類似youtube上的sidebar固定但是url變化的的前端效果是如何做出來？
瀏覽：108日期：2023-11-03 16:15:50
問題描述
在youtube左邊的sidebar，當(dāng)點擊切換訂閱頻道的時候，注意到sidebar依然固定，但是url地址欄已經(jīng)出現(xiàn)了變化，這說明這應(yīng)該不是依賴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)容更新
標(biāo)簽：
JavaScript
上一條：java - jsp頁面中無法顯示圖片下一條：spring - 如何實現(xiàn)將javaee 項目結(jié)合 npm javascript 包管理工具 管理javaee 的JavaScript庫
相關(guān)文章：
1. docker gitlab 如何git clone？2. docker鏡像push報錯3. 關(guān)于docker下的nginx壓力測試4. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。5. android - 項目時間長了，字符串文件strings有的字符串可能是多余的，有沒有辦法快速檢測那些是沒用的？6. android - 七牛單次上傳單張圖片，11次6次上傳失敗7. mysql - 用PHPEXCEL將excel文件導(dǎo)入數(shù)據(jù)庫數(shù)據(jù)5000+條，本地數(shù)據(jù)庫正常，線上只導(dǎo)入15條，沒有報錯，哪里的問題？8. javascript - 怎么看網(wǎng)站用了什么技術(shù)框架？9. docker不顯示端口映射呢？10. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗！
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備