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