成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

vue 單頁(yè)應(yīng)用和多頁(yè)應(yīng)用的優(yōu)劣

瀏覽:153日期:2022-11-15 10:10:35

多頁(yè)應(yīng)用

每一次頁(yè)面跳轉(zhuǎn)的時(shí)候,后臺(tái)服務(wù)器都會(huì)給返回一個(gè)新的html文檔,這種類型的網(wǎng)站也就是多頁(yè)網(wǎng)站,也叫做多頁(yè)應(yīng)用。

vue 單頁(yè)應(yīng)用和多頁(yè)應(yīng)用的優(yōu)劣

為什么多頁(yè)應(yīng)用的首屏?xí)r間快?

首屏?xí)r間叫做頁(yè)面首個(gè)屏幕的內(nèi)容展現(xiàn)的時(shí)間,當(dāng)我們?cè)L問(wèn)頁(yè)面的時(shí)候,服務(wù)器返回一個(gè)html,頁(yè)面就會(huì)展示出來(lái),這個(gè)過(guò)程只經(jīng)歷了一個(gè)HTTP請(qǐng)求,所以頁(yè)面展示的速度非常快。

為什么搜索引擎優(yōu)化效果好(SEO)?

搜索引擎在做網(wǎng)頁(yè)排名的時(shí)候,要根據(jù)網(wǎng)頁(yè)內(nèi)容才能給網(wǎng)頁(yè)權(quán)重,來(lái)進(jìn)行網(wǎng)頁(yè)的排名。搜索引擎是可以識(shí)別html內(nèi)容的,而我們每個(gè)頁(yè)面所有的內(nèi)容都放在Html中,所以這種多頁(yè)應(yīng)用,seo排名效果好。

但是它也有缺點(diǎn),就是切換慢

因?yàn)槊看翁D(zhuǎn)都需要發(fā)出一個(gè)http請(qǐng)求,如果網(wǎng)絡(luò)比較慢,在頁(yè)面之間來(lái)回跳轉(zhuǎn)時(shí),就會(huì)發(fā)現(xiàn)明顯的卡頓。

單頁(yè)應(yīng)用

第一次進(jìn)入頁(yè)面的時(shí)候會(huì)請(qǐng)求一個(gè)html文件,刷新清除一下。切換到其他組件,此時(shí)路徑也相應(yīng)變化,但是并沒(méi)有新的html文件請(qǐng)求,頁(yè)面內(nèi)容也變化了。原理是:JS會(huì)感知到url的變化,通過(guò)這一點(diǎn),可以用js動(dòng)態(tài)的將當(dāng)前頁(yè)面的內(nèi)容清除掉,然后將下一個(gè)頁(yè)面的內(nèi)容掛載到當(dāng)前頁(yè)面上,這個(gè)時(shí)候的路由不是后端來(lái)做了,而是前端來(lái)做,判斷頁(yè)面到底是顯示哪個(gè)組件,清除不需要的,顯示需要的組件。這種過(guò)程就是單頁(yè)應(yīng)用,每次跳轉(zhuǎn)的時(shí)候不需要再請(qǐng)求html文件了。

vue 單頁(yè)應(yīng)用和多頁(yè)應(yīng)用的優(yōu)劣

為什么頁(yè)面切換快?

頁(yè)面每次切換跳轉(zhuǎn)時(shí),并不需要做html文件的請(qǐng)求,這樣就節(jié)約了很多http發(fā)送時(shí)延,我們?cè)谇袚Q頁(yè)面的時(shí)候速度很快。

缺點(diǎn):首屏?xí)r間慢,SEO差

單頁(yè)應(yīng)用的首屏?xí)r間慢,首屏?xí)r需要請(qǐng)求一次html,同時(shí)還要發(fā)送一次js請(qǐng)求,兩次請(qǐng)求回來(lái)了,首屏才會(huì)展示出來(lái)。相對(duì)于多頁(yè)應(yīng)用,首屏?xí)r間慢。SEO效果差,因?yàn)樗阉饕嬷徽J(rèn)識(shí)html里的內(nèi)容,不認(rèn)識(shí)js的內(nèi)容,而單頁(yè)應(yīng)用的內(nèi)容都是靠js渲染生成出來(lái)的,搜索引擎不識(shí)別這部分內(nèi)容,也就不會(huì)給一個(gè)好的排名,會(huì)導(dǎo)致單頁(yè)應(yīng)用做出來(lái)的網(wǎng)頁(yè)在百度和谷歌上的排名差。

有這些缺點(diǎn),為什么還要使用Vue呢?

Vue還提供了一些其它的技術(shù)來(lái)解決這些缺點(diǎn),比如說(shuō)服務(wù)器端渲染技術(shù)(我是SSR),通過(guò)這些技術(shù)可以完美解決這些缺點(diǎn),解決完這些問(wèn)題,實(shí)際上單頁(yè)面應(yīng)用對(duì)于前端來(lái)說(shuō)是非常完美的頁(yè)面開發(fā)解決方案。

新的更新

最近在改造公司的項(xiàng)目,公司的項(xiàng)目是單頁(yè)應(yīng)用,可能會(huì)改成多頁(yè)應(yīng)用,所以對(duì)這塊又重新看了一下。在網(wǎng)上看到一個(gè)表格覺(jué)得總結(jié)的很到位,貼過(guò)來(lái)。我是表格出處

mm 多頁(yè)應(yīng)用模式MPA 單頁(yè)應(yīng)用模式SPA 應(yīng)用構(gòu)成 由多個(gè)完整頁(yè)面構(gòu)成 一個(gè)外殼頁(yè)面和多個(gè)頁(yè)面片段構(gòu)成 跳轉(zhuǎn)方式 頁(yè)面之間的跳轉(zhuǎn)是從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面 頁(yè)面片段之間的跳轉(zhuǎn)是把一個(gè)頁(yè)面片段刪除或隱藏,加載另一個(gè)頁(yè)面片段并顯示出來(lái)。這是片段之間的模擬跳轉(zhuǎn),并沒(méi)有開殼頁(yè)面 跳轉(zhuǎn)后公共資源是否重新加載 是 否 URL模式

http://xxx/page1.html

http://xxx/page1.html

http://xxx/shell.html#page1

http://xxx/shell.html#page2

用戶體驗(yàn) 頁(yè)面間切換加載慢,不流暢,用戶體驗(yàn)差,特別是在移動(dòng)設(shè)備上 頁(yè)面片段間的切換快,用戶體驗(yàn)好,包括在移動(dòng)設(shè)備上 能否實(shí)現(xiàn)轉(zhuǎn)場(chǎng)動(dòng)畫 無(wú)法實(shí)現(xiàn) 容易實(shí)現(xiàn)(手機(jī)app動(dòng)效) 頁(yè)面間傳遞數(shù)據(jù) 依賴URL、cookie或者localstorage,實(shí)現(xiàn)麻煩 因?yàn)樵谝粋€(gè)頁(yè)面內(nèi),頁(yè)面間傳遞數(shù)據(jù)很容易實(shí)現(xiàn) 搜索引擎優(yōu)化(SEO) 可以直接做 需要單獨(dú)方案做,有點(diǎn)麻煩 特別適用的范圍 需要對(duì)搜索引擎友好的網(wǎng)站 對(duì)體驗(yàn)要求高的應(yīng)用,特別是移動(dòng)應(yīng)用 搜索引擎優(yōu)化(SEO) 可以直接做 需要單獨(dú)方案做,有點(diǎn)麻煩 開發(fā)難度 低一些,框架選擇容易 高一些,需要專門的框架來(lái)降低這種模式的開發(fā)難度

以上就是vue 單頁(yè)應(yīng)用和多頁(yè)應(yīng)用的優(yōu)劣的詳細(xì)內(nèi)容,更多關(guān)于vue 單頁(yè)應(yīng)用和多頁(yè)應(yīng)用的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!

標(biāo)簽: Vue
相關(guān)文章:
成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久
国产在线精品一区在线观看麻豆| 欧美色精品天天在线观看视频| 国产一区二区三区奇米久涩| 香蕉久久国产| 亚洲综合在线免费观看| 精品999网站| 一区二区中文视频| 在线 亚洲欧美在线综合一区| 国产精品视频线看| 欧美日韩亚洲三区| 国产色一区二区| 91在线观看美女| 久久久精品日韩欧美| 91丨porny丨最新| 国产区在线观看成人精品| 99久久精品免费看国产| 久久先锋资源网| 91在线视频观看| 国产色综合一区| 欧美日韩一区二区三| 国产欧美一区二区精品秋霞影院 | 99久久久精品免费观看国产蜜| 日韩丝袜情趣美女图片| 风间由美一区二区三区在线观看 | 国产精品国产三级国产aⅴ中文 | 91精品国产福利| 国产精品一区一区三区| 欧美一区二区三区视频| 丰满白嫩尤物一区二区| 久久久久久一二三区| 国产在线成人| 一区二区成人在线| 亚洲综合首页| 麻豆成人久久精品二区三区小说| 欧美精品精品一区| 成人av网站在线| 国产精品丝袜在线| 国产精品一区免费观看| 日韩精品亚洲一区| 欧美精品一二三区| 成人avav影音| 自拍偷拍亚洲综合| 色婷婷久久99综合精品jk白丝| 精品亚洲免费视频| 26uuu国产日韩综合| 亚洲视频一二| 婷婷一区二区三区| 欧美日本国产一区| 欧美高清视频一区| 亚洲美女免费视频| 91高清视频免费看| 成人av网站大全| 亚洲人成7777| 欧美.www| 亚洲成人av一区二区| 欧美在线观看视频一区二区三区| 国产凹凸在线观看一区二区| 久久精品视频一区二区三区| 亚洲精品影视| 久久国产精品色婷婷| 久久久久久久久久看片| 中文高清一区| 国产精品综合一区二区三区| 国产精品色一区二区三区| 久久黄色影院| 精品欧美乱码久久久久久 | 国产成人鲁色资源国产91色综| 久久女同性恋中文字幕| 国产日韩欧美二区| 国产一区二区三区免费看 | 久久资源在线| 国产精品456| 亚洲少妇中出一区| 欧美日本一区二区在线观看| 亚洲私人影院| 天堂成人国产精品一区| 精品va天堂亚洲国产| 亚洲欧美视频| 播五月开心婷婷综合| 樱花影视一区二区| 91精品福利在线一区二区三区| 亚洲第一黄色| 国产综合色视频| 国产精品婷婷午夜在线观看| 色老汉av一区二区三区| 99国产精品国产精品毛片| 亚洲成人精品一区| 久久久久久久久久久久久夜| 色偷偷久久人人79超碰人人澡| 99精品久久久久久| 日韩精品色哟哟| 国产日韩欧美电影| 欧美日韩视频第一区| 亚洲欧洲一区二区在线观看| 国产一区二区精品久久91| 伊人婷婷欧美激情| 精品久久国产97色综合| 久久精品国产99精品国产亚洲性色| av成人免费在线| 日韩国产精品久久久久久亚洲| 国产欧美日韩在线观看| 欧美日韩国产综合视频在线观看 | 成人av免费在线观看| 亚洲第一二三四区| 2020国产精品| 色狠狠桃花综合| 欧美激情视频一区二区三区在线播放 | 欧美日韩精品三区| 极品裸体白嫩激情啪啪国产精品| 九九国产精品视频| 尤物视频一区二区| 久久伊人中文字幕| 欧美性猛交一区二区三区精品 | 日韩亚洲电影在线| 国产精品一区二区三区四区五区| 成人aaaa免费全部观看| 五月天国产精品| 中文字幕视频一区二区三区久| 欧美精品123区| 久久九九精品| 欧美午夜a级限制福利片| 韩国v欧美v日本v亚洲v| 一个色综合网站| 欧美国产精品一区| 91精品国产综合久久精品性色| 国产偷自视频区视频一区二区| a在线播放不卡| 极品瑜伽女神91| 午夜精彩视频在线观看不卡| 国产精品乱人伦中文| 日韩欧美区一区二| 欧美午夜电影网| 亚洲一区二区三区高清| 国产精品啊啊啊| 99久久免费精品高清特色大片| 激情久久五月天| 日本aⅴ免费视频一区二区三区| 一区二区三区四区在线| 中文字幕一区二区三| 国产女同互慰高潮91漫画| 精品对白一区国产伦| 日韩一区二区三区在线视频| 日本韩国一区二区三区| 国产农村妇女毛片精品久久莱园子| 亚洲特色特黄| 欧美一区二区三区在线免费观看 | 成人免费精品视频| 久久成人综合网| 日本午夜一区二区| 亚洲成人av电影在线| 樱花影视一区二区| 亚洲视频小说图片| 国产精品久久久久久久久果冻传媒 | 欧美高清视频在线高清观看mv色露露十八| 国产伦精品一区二区| 在线视频观看日韩| 欧美日韩a区| 99精品视频在线免费观看| 成人午夜激情影院| 国产成人免费9x9x人网站视频| 国模冰冰炮一区二区| 久久99日本精品| 久久精品国产99国产| 轻轻草成人在线| 日本vs亚洲vs韩国一区三区二区| 亚洲国产乱码最新视频| 亚洲综合小说图片| 亚洲影视在线观看| 亚洲成人手机在线| 亚洲主播在线播放| 亚洲国产精品一区二区www | 伊人久久成人| 亚洲手机在线| 亚洲毛片av| 国产精品久久波多野结衣| 亚洲裸体视频| 国产日本精品| 性色一区二区| 在线中文字幕一区| 欧美日韩综合在线| 在线播放视频一区| 精品欧美一区二区久久| 久久久不卡影院| 国产亚洲欧美中文| 欧美激情在线观看视频免费| 国产精品久久夜| 亚洲精品精品亚洲| 亚洲国产成人av| 男人的j进女人的j一区| 国内精品伊人久久久久av一坑| 国产麻豆成人精品| 成人丝袜高跟foot| 欧美1区3d| 亚洲国产清纯| 蜜桃av综合| 欧美日韩不卡在线| 久久只精品国产| 亚洲欧洲av一区二区三区久久| 一区二区三区欧美在线观看| 午夜视频一区二区三区|