追求卓越一諾千金

藍藍設計|_|台风莫兰蒂登陆,2011年成立-_易彩集团下载,主創清華團隊|_成都水货手机报价,專注軟件和互聯網ui設計開發_168开奖网APP。擅長企業信息化管理|_大石桥租房网、監控_-|重庆老火锅赵亮、大數據軟件UIUE谘詢和設計開發服務-地耳菜。立足UI|||许昌施华洛婚纱摄影,好好學習||芳城园二区,天天進步|_班超之志!


vue-router的兩種模式的區別

2019-5-24 釋然 前端及開發文章及欣賞


如果您想訂閱本博客內容___轮回 说不得大师,每天自動發到您的郵箱中__醒木镇, 請點這裏

1--|济南五中吧、大家都知道vue是一種單頁應用,單頁應用就是僅在頁麵初始化的時候加載相應的html/css/js一單頁麵加載完成,不會因為用戶的操作而進行頁麵的重新加載或者跳轉,用javascript動態的變化html的內容

優點: 良好的交互體驗,用戶不需要刷新頁麵,頁麵顯示流暢, 良好的前後端工作分離模式,減輕服務器壓力,
缺點: 不利於SEO,初次加載耗時比較多

2___166网上售彩票合法吗、hash模式
vue-router默認的是hash模式—使用URL的hash來模擬一個完整的URL,於是當URL改變的時候,頁麵不會重新加載,也就是單頁應用了,當#後麵的hash發生變化,不會導致瀏覽器向服務器發出請求,瀏覽器不發出請求就不會刷新頁麵,並且會觸發hasChange這個事件,通過監聽hash值的變化來實現更新頁麵部分內容的操作

對於hash模式會創建hashHistory對象,在訪問不同的路由的時候,會發生兩件事:
HashHistory.push()將新的路由添加到瀏覽器訪問的曆史的棧頂,和HasHistory.replace()替換到當前棧頂的路由

在這裏插入圖片描述

在這裏插入圖片描述

3_--有没有大人看的网站、history模式

主要使用HTML5的pushState()和replaceState()這兩個api來實現的,pushState()可以改變url地址且不會發送請求,replaceState()可以讀取曆史記錄棧,還可以對瀏覽器記錄進行修改

window.history.pushState(stateObject, title, URL)
window.history.replaceState(stateObject, title, URL)

包括back,forward , go 三個方法
history.go(-2);//後退兩次
history.go(2);//前進兩次
history.back(); //後退
hsitory.forward(); //前進

區別_-_苏州口碑网:

前麵的hashchange_-|臧天朔演唱会,你隻能改變#後麵的url片段|-_奇瑞新a1。而pushState設置的新URL可以是與當前URL同源的任意URL__东莞唐会。
history模式則會將URL修改得就和正常請求後端的URL一樣,如後端沒有配置對應/user/id的路由處理|--河马家老总,則會返回404錯誤

參考於: https://www.cnblogs.com/ceceliahappycoding/p/10552620.html

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司_-众发娱乐赌博违法吗,為期望卓越的國內外企業提供卓越的UI界麵設計|_|oppo白色翻盖手机、BS界麵設計 -闪电强效瘦、 cs界麵設計 |_|亿彩彩票客服、 ipad界麵設計 _投票软件好喜福、 包裝設計 -亿点卡盟平台、 圖標定製 ||芜湖白金汉宫、 用戶體驗 --211限时达、交互設計_-诺基亚e72游戏下载、 網站建設 |_智胜团队彩票计划、平麵設計服務--掌上彩票下载苹果手机。

標簽: vue-router的兩種模式的區別 « JQuery中的DOM操作(1) | 幹貨分享|-陈淀梁子:如何更好地使用柵格係統»


訂閱Rss