前言:做前端開發的同學,都遇到過頁面節點過多,從而導致頁面載入很慢,或者瀏覽器直接崩潰~
在小程式開發中,下拉重新整理資料的用法應該比較多,那麼小程式頁面節點最大數量又是多大呢?
剛才最近在修改一個投票的小程式,發現投票最多的一個,竟然有近1W人蔘與,然後在檢視投票詳情時,小程式頁面就是個空頁面(已經崩潰了)
然後就檢視了API返回的資料:
這麼多資料直接扔到小程式模板裡面去遍歷(wx:for),開發者工具的日誌裡面就直接報錯了:invokeWebviewMethod 資料傳輸長度為 1233778 已經超過最大長度 1048576
至於為什麼是1048576這個長度,恐怕要問微信團隊的底層實現了,應該是考慮到效能問題,不允許一次性載入這麼多節點到頁面上~
注:1048576B=1M,excel的最大行數是1048576,看來1048576真是個好數字~
好了,現在只能修改互動設計了,不能一次性載入太多,只能分頁載入更多資料了~
對投票有需求的同學歡迎體驗微友投票小程式~
歡迎關注我: