1. 程式人生 > >我在前端遇到的問題

我在前端遇到的問題

輪播 模擬器 頁面 不一定 touch 人在 圖片輪播 nbsp 分享

以下僅僅是個人在開發遇到的問題記錄,不一定是最好的解決方案。有更好的解決方案請務必留言改進。

1. 移動H5頁面在布局圖片輪播(Swiper)的時候,每一次輪播造成頁面閃爍,原因是每次重載計算

解決方案:在CSS裏全局加入 * { backface-visibility: hidden; } 副作用:目前沒發現太大影響,除了在Chrome模擬器可能文字模糊,但測試機一切正常

2. 移動H5頁面在蘋果IOS上滑動不流暢,原因是蘋果內核的滑動機制

解決方案:在CSS裏面需要滑動的頁面加入 * { -webkit-overflow-scrolling: touch; }

3. H5頁面在微信進行自定義分享的時候縮略圖和鏈接失效,原因是SDK在單頁面只請求一次

解決方案:在項目內有分享需求的頁面加載時候就請求一次SDK並賦值自定義。不要只單單在進入首頁時候請求。

我在前端遇到的問題