vue ios9 下for in 陣列遍歷問題

2021-09-30 01:38:02 字數 607 閱讀 9405

一、現象

前段時間在做乙個基於vue的專案,在進行手機相容性問題測試的時候,發現ios 9環境下關於陣列遍歷的問題。在此進行簡單的覆盤,並**解決方案。

具體現象表現為:在vue 的data中宣告乙個陣列,然後給個預設的初始化值,如

data()

這裡宣告了乙個list陣列,包含乙個元素2。然後在ios9下用for... in...方式遍歷陣列的時候,發現了乙個奇特現象(其他ios9和android系統並沒有出現問題),即陣列元素重複遍歷了兩次。測試**如下:

for (let i in this.list) ;

var a = [1,2];

for (let i in a) {

console.log(i);

這裡你會發現竟然列印了除了列印1、2外,還列印出了test 。所以這就是問題。

針對於ios9 下vue  for...in迴圈的問題雖然不像上面問題產生的那麼直觀,但是確實是產生了 類似的現象,只不過是重複了標準的數字元素而已。因此解決方案可以採用普通的for迴圈即可解決:

for (let i = 0; i < this.list.length; i++) {

console.log(i)

vue IOS9頁面白屏

乙個已經上線的專案,客戶反映 ios9.2 ios9.3的蘋果手機開啟白屏。當時猜想是不是ios9的系統瀏覽器版本太低,不支援一些語法導致的。然後啟動ios9的模擬器,再連線瀏覽器,檢視console的錯誤日誌。果然,有乙個錯誤就是不能識別const,再檢視詳細內容,是引用的swiper中的乙個sw...

使用快取的9大誤區(下)

在很多時候,我們往往會快取乙個物件的集合,但是,我們在讀取的時候,只是每次讀取其中一部分。我們舉個例子來說明這個問題 例子可能不是很恰當,但是足以說明問題 在購物站點中,常見的操作就是查詢一些產品的資訊,這個時候,如果使用者輸入了 25寸電視機 然後查詢相關的產品。這個時候,在後台,我們可以查詢資料...

Linux 9 Linux下獲取幫助

1.h或 help引數 在linux中,幾乎所有的命令都可以通過使用 h或 help引數獲取使用方法引數資訊等.2.man man命令是linux中最為常用的幫助命令,將要獲取幫助的命令作為引數執行man命令就可以獲取相應的文件幫助.man文件分為很多態別 1 使用者命令 2 核心系統呼叫 3 庫函...