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