解決移動H5頁面的刷組造成件傳值資料丟失問題

2022-06-30 11:33:15 字數 467 閱讀 8298

問題描述

當前頁面由2個元件組成分別命名成a,b,其中元件b(子)需要元件a(父)內介面響應的時間字段,因為元件b不能實時的接收到資料

因此元件b在接收資料的時用定時器加了乙個延遲,但是在網路不好或者重複點選f5時,元件b接收不到元件a傳遞來的字段,造成頁面

顯示終止

分析及解決
1.現階段是延遲1s,再增加延遲會造成頁面顯示不友好

2.因為元件b會對獲取到的時間欄位做倒計時處理,因此不能監聽資料變化

3.因為元件b只需要乙個字段,不至於再請求一次介面

最後選擇給元件b增加宣告乙個ref屬性,然後直接在介面響應的時候給元件b賦值,並呼叫處理時間的方法

this.$refs.componentb.timeout = res.datatimeout;

this.$refs.componentb.handletimeout();

h5頁面的寫法 移動端h5頁面寫法

1.頁面寬度320,所有元素尺寸設一半 缺點 不自能適應全屏 2.頁面寬度640,元素尺寸正常 暫未發現問題 3.頁面寬度640,js控制自適應全屏 adaptuilayout.adapt initviewportwidth 缺點 qq空間分享後點開頁面套在qq預設瀏覽器裡有相容性問題 4.rem寫...

h5頁面的快取問題

最近遇到乙個靈異事件 js上線前會build帶上hash,hash方式採用 aaa 1s12jashdjas.js 方式 1 開始排查流程,前端修改了不規範的 格式,再次上線仍可復現 2 疑似nginx有快取html檔案,找運維排查,nginx沒有快取該html頁面 3 又排查nginx配置問題,再...

移動端h5頁面的設計稿尺寸

那麼多手機螢幕尺寸,設計稿應該按照哪乙個尺寸作為標準尺寸。現在已經有2k解析度的手機螢幕了,設計稿是不是也要把寬高跟著最大解析度來設計。顯然不是。請注意 以下所有討論內容和規範均將viewport設定為content width device width 的情況下 也就是我們的h5頁面前端 裡面必須...