文章詳情頁
javascript - 類似youtube上的sidebar固定但是url變化的的前端效果是如何做出來？
瀏覽：90日期：2023-11-03 16:15:50
問題描述
在youtube左邊的sidebar，當(dāng)點(diǎn)擊切換訂閱頻道的時(shí)候，注意到sidebar依然固定，但是url地址欄已經(jīng)出現(xiàn)了變化，這說明這應(yīng)該不是依賴ajax來實(shí)現(xiàn)的。
在現(xiàn)在的項(xiàng)目中我也不是很想用ajax來實(shí)現(xiàn)這樣的效果，因?yàn)椴皇呛芾谟脩羰詹鼐W(wǎng)頁以及seo等等，但是youtube這樣即實(shí)現(xiàn)了網(wǎng)址變化利于用戶收藏，同時(shí)也達(dá)到了類似ajax的良好用戶體驗(yàn)的效果是如何做出來的？請(qǐng)問能否大致指點(diǎn)一下思路。
問題解答
回答1：修改url可以通過history.pushState來實(shí)現(xiàn)，另外無刷新ajax不是已經(jīng)很普遍了嗎。
回答2：大哥，人家用沒用Ajax你看一下網(wǎng)絡(luò)不就知道了嗎，沒有Ajax數(shù)據(jù)從天上來？另外，修改地址欄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頁面中無法顯示圖片下一條：spring - 如何實(shí)現(xiàn)將javaee 項(xiàng)目結(jié)合 npm javascript 包管理工具 管理javaee 的JavaScript庫
相關(guān)文章：
1. javascript - 在top.jsp點(diǎn)擊退出按鈕后，right.jsp進(jìn)行頁面跳轉(zhuǎn)，跳轉(zhuǎn)到login.jsp2. android - 哪位大神知道java后臺(tái)的api接口的對(duì)象傳到前端后輸入日期報(bào)錯(cuò)，是什么情況？求大神指點(diǎn)3. java - spring-data Jpa 不需要執(zhí)行save 語句，Set字段就可以自動(dòng)執(zhí)行保存的方法？求解4. css3 - 在sublime text里， 如何讓emmet生成的帶前綴css屬性垂直對(duì)齊？5. mac連接阿里云docker集群，已經(jīng)卡了2天了，求問？6. [前端求職必看]前端開發(fā)面試題與答案精選_擴(kuò)展問題7. javascript - js 有什么優(yōu)雅的辦法實(shí)現(xiàn)在同時(shí)打開的兩個(gè)標(biāo)簽頁間相互通信？8. javascript - jquery怎么給select option一個(gè)點(diǎn)擊時(shí)觸發(fā)的事件,如圖 如果選擇自定義觸發(fā)一個(gè)時(shí)間？9. css3 - Typecho 后臺(tái)部分表單按鈕在 Chrome 下出現(xiàn)靈異動(dòng)畫問題，求解決10. html - CSS如何處理圖片縮放問題？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備