ios react dom渲染完成但是頁面未顯示

前提:數據獲取是在同一個js中,數據dom創建在同一處for循環中,放入同一個數組,dom中樣式根據數據判斷顯示對應的class,部分展示的class差距較大:當某數據爲空時對應class顯示display:none或font-size:0等不顯示較爲簡單的方法;當該數據不爲空時顯示對應的class較爲複雜。

影響:dom渲染完成,功能也可使用,即點擊有對應反應,但是前端頁面(ios)部分列表可顯示,部分列表無法顯示,點擊不隱藏部分數據的列表再點擊有隱藏部分數據的列表無法顯示,點擊能顯示的有隱藏部分數據的列表後剩餘列表顯示正常。

分析:

1.打印dom看是否生成,打印成功,dom生成

2.根據影響規律表明,由於列表展示使用的dom創建是在同一循環中,即爲相繼生成,隱藏和不隱藏數據之間產生了影響。

3.將隱藏和不隱藏的樣式均寫成不隱藏,發現使用正常。

4.擔心爲ios對display:none的解析問題,將隱藏方法由display:none改爲font-size:0,使用仍回原本現象,出現老問題。

5.確認爲隱藏與不隱藏之間樣式轉變過大,dom創建是在同一循環中,從而顯示產生了影響。

6.將隱藏與不隱藏dom父元素樣式寫成一致,到需要隱藏的最裏面的元素再隱藏。

解決:

同一dom中渲染不同樣式之間差異不要轉換太大,容易造成影響。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章