摘要:業(yè)務(wù)場景在里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。滑動(dòng)頁面的時(shí)候,就不會(huì)存在卡頓的情況方案二讓客戶端提前預(yù)取數(shù)據(jù),預(yù)取的時(shí)機(jī)可以根據(jù)自己的業(yè)務(wù)場景判斷共享數(shù)據(jù)業(yè)務(wù)場景搜索結(jié)果頁面,點(diǎn)擊每一個(gè),可以進(jìn)入詳情頁面。
業(yè)務(wù)場景
在App里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。對于前端而言,有很多事情可以嘗試和實(shí)踐。優(yōu)化方案 1. 首屏服務(wù)端渲染
第一頁可以使用服務(wù)端渲染,減少頁面的請求量,可快速渲染
適用的場景:頁面的復(fù)雜度低,不存在大量的組件或者模塊間信息的同步。
適用的場景:頁面的復(fù)雜程度高,含有大量的組件和組件間的信息流通或者同步。使用node+vue+vuex,方便團(tuán)隊(duì)成員間的協(xié)作開發(fā)和后期維護(hù)。
業(yè)務(wù)場景:搜索出來的結(jié)果,滑動(dòng)時(shí),顯示更多的結(jié)果
方案一:請求第一屏幕的數(shù)據(jù)時(shí),同時(shí)也會(huì)預(yù)請求第二屏幕的據(jù),以此類推。滑動(dòng)頁面的時(shí)候,就不會(huì)存在卡頓的情況
方案二:讓客戶端提前預(yù)取數(shù)據(jù),預(yù)取的時(shí)機(jī)可以根據(jù)自己的業(yè)務(wù)場景判斷
業(yè)務(wù)場景:搜索結(jié)果頁面,點(diǎn)擊每一個(gè)Item,可以進(jìn)入詳情頁面。
方案:一級(jí)頁面和二級(jí)頁面可以進(jìn),行共享數(shù)據(jù)
前端一般都會(huì)使用一些通用庫,一般情況都不會(huì)改變,比如說zepto.js,可以讓客戶端提前預(yù)取緩存
服務(wù)端推送相關(guān)的信息包
嘗試使用http2.0
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/112026.html
摘要:主機(jī)接入新表格組件支持拖拽調(diào)整表頭列寬背景現(xiàn)狀客戶對于主機(jī)名稱的命名規(guī)則廠商地域可用區(qū)產(chǎn)品業(yè)務(wù)服務(wù)內(nèi)網(wǎng),名稱較長,無法在列表頁直觀展示,只能手動(dòng)上去顯示全部。如有關(guān)于控制臺(tái)產(chǎn)品的前端及視覺優(yōu)化建議也歡迎和我們部門同學(xué)反饋。2月份根據(jù)用戶反饋、用戶調(diào)研以及自身使用產(chǎn)品體驗(yàn),將主機(jī)列為重點(diǎn)體驗(yàn)優(yōu)化目標(biāo)產(chǎn)品,主要針對如下業(yè)務(wù)場景進(jìn)行了優(yōu)化:主機(jī)創(chuàng)建頁可用區(qū)售罄地域切換優(yōu)化主機(jī)列表頁主機(jī)接入新表格組...
摘要:業(yè)務(wù)場景在里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。滑動(dòng)頁面的時(shí)候,就不會(huì)存在卡頓的情況方案二讓客戶端提前預(yù)取數(shù)據(jù),預(yù)取的時(shí)機(jī)可以根據(jù)自己的業(yè)務(wù)場景判斷共享數(shù)據(jù)業(yè)務(wù)場景搜索結(jié)果頁面,點(diǎn)擊每一個(gè),可以進(jìn)入詳情頁面。 業(yè)務(wù)場景 在App里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。對于前端而言,有很多事情可以嘗試和實(shí)踐。 優(yōu)化方案 1. ...
摘要:業(yè)務(wù)場景在里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。滑動(dòng)頁面的時(shí)候,就不會(huì)存在卡頓的情況方案二讓客戶端提前預(yù)取數(shù)據(jù),預(yù)取的時(shí)機(jī)可以根據(jù)自己的業(yè)務(wù)場景判斷共享數(shù)據(jù)業(yè)務(wù)場景搜索結(jié)果頁面,點(diǎn)擊每一個(gè),可以進(jìn)入詳情頁面。 業(yè)務(wù)場景 在App里面,輸入一個(gè)關(guān)鍵詞,得到一個(gè)搜索結(jié)果,這是一個(gè)很常見的一個(gè)功能場景。對于前端而言,有很多事情可以嘗試和實(shí)踐。 優(yōu)化方案 1. ...
閱讀 1683·2023-04-25 20:16
閱讀 3836·2021-10-09 09:54
閱讀 2696·2021-09-04 16:40
閱讀 2517·2019-08-30 15:55
閱讀 830·2019-08-29 12:37
閱讀 2733·2019-08-26 13:55
閱讀 2903·2019-08-26 11:42
閱讀 3144·2019-08-23 18:26