乙個已經上線的專案，客戶反映：ios9.2、ios9.3的蘋果手機開啟白屏。當時猜想是不是ios9的系統瀏覽器版本太低，不支援一些語法導致的。
然後啟動ios9的模擬器，再連線瀏覽器，檢視console的錯誤日誌。果然，有乙個錯誤就是不能識別const，再檢視詳細內容，是引用的swiper中的乙個swiper.bundle.js導致的。
使用table
使用float
比較麻煩的是怎麼實現grid布局中的gap？box-sizing: border-box可以實現這一功能。
content-box預設值，標準盒子模型。 width 與 height 只包括內容的寬和高， 不包括邊框（border），內邊距（padding），外邊距（margin）。注意: 內邊距, 邊框 & 外邊距 都在這個盒子的外部。 比如. 如果 .box ; 而且 那麼在瀏覽器中的渲染的實際寬度將是370px;
尺寸計算公式：width = 內容的寬度，height = 內容的高度。寬度和高度都不包含內容的邊框（border）和內邊距（padding）。
border-boxwidth 和 height 屬性包括內容，內邊距和邊框，但不包括外邊距。這是當文件處於 quirks模式 時internet explorer使用的盒模型。注意，填充和邊框將在盒子內 , 例如, .box 導致在瀏覽器中呈現的寬度為350px的盒子。內容框不能為負，並且被分配到0，使得不可能使用border-box使元素消失。
這裡的維度計算為：
width = border + padding + 內容的 width，
height = border + padding + 內容的 height。
padding-boxwidth 和 height 屬性包括內容和內邊距，但是不包括邊框和外邊距。只有firefox實現了這個值，它在firefox 50中被刪除。
參考element-ui中的row、col元件。
vue ios9 下for in 陣列遍歷問題
一 現象 前段時間在做乙個基於vue的專案，在進行手機相容性問題測試的時候，發現ios 9環境下關於陣列遍歷的問題。在此進行簡單的覆盤，並 解決方案。具體現象表現為 在vue 的data中宣告乙個陣列,然後給個預設的初始化值，如 data 這裡宣告了乙個list陣列，包含乙個元素2。然後在ios9下...
Extjs4 頁面載入先白屏後顯示的bug解決
通過extjs mvc結構做好頁面後，載入過程中發現，會瞬間白屏，然後呈現extjs介面的問題，當類似頁面放置到iframe中時，會顯得非常怪異。可通過下圖體驗下。當我單擊 意見反饋 選單，在右側開啟的頁面，會瞬間白屏，然後顯示。解決這個問題後，再看效果，非常平滑，不會有瞬間的白屏出現。問題解決方案...
小議404頁面
一 什麼是404頁面？404頁面是客戶端在瀏覽網頁時，伺服器無法正常提供資訊，或是伺服器無法回應，且不知道原因所返回的頁面。404錯誤資訊通常是在目標頁面被更改或移除，或客戶端輸入頁面位址錯誤後顯示的頁面。完成404頁面的製作，是必要的，展示效果如下 輸入乙個不存在的頁面，如 二 404頁面有什麼作...