總結開發過程踩到的坑（二）

laznrbfe 發布于2019-08-22 14:06 / 3590人閱讀

摘要：本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當然踩過的坑也不例外滑稽。

在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發的經驗都是踩坑踩出來的。在通往大牛的道路上，希望自己能夠跨越重重阻礙，越走越遠。學會時常總結，不斷提升自己。

本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當然踩過的坑也不例外（滑稽）。

IE 絕對定位被 img 覆蓋問題

IOS 元素點擊觸發高亮

input readyonly 點擊出現光標

IE9 change 事件剪切刪除無法觸發

兩欄布局

超出寬度橫向滾動

1. IE 絕對定位被 img 覆蓋問題

有這樣一個場景，給瀏覽器插入一張 img ，其中有一些鏈接，通過絕對定位的辦法，定位到 img 對應的位置，在chrome，firefox 中均沒有問題，但是在 IE 中測試發現，鏈接被 img 擋住了。遇到這種問題，可以分兩種方式解決。

1. 使用 css 背景圖片替換 img
2. 給鏈接添加如下屬性：
    background: url(about:blank);

2. IOS 元素點擊觸發高亮

-webkit-tap-highlight-color 是一個不規范的屬性（unsupported WebKit property），它沒有出現在 CSS 規范草案中。

當用戶點擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點擊的元素時，覆蓋顯示的高亮顏色。

該屬性可以只設置透明度。如果未設置透明度，iOS Safari使用默認的透明度。當透明度設為0，則會禁用此屬性；當透明度設為1，元素在點擊時不可見

-webkit-tap-highlight-color：color

3. input readyonly 點擊出現光標

在開發中使用了一個時間插件，設置了 input 為 readonly，在低版本（10.2） IOS中，點擊 input 還是會出現光標，嘗試了很多方式，最后解決辦法：

4. IE9 change 事件剪切刪除無法觸發

jQuery 的 change 事件，在使用的時候，發現 IE 中剪切和刪除無法觸發，可以使用 input propertychange 事件來代替。

5. 兩欄布局（一側固定，一側自適應）

左側定位，右側自適應

左側浮動，右側自適應

左側浮動，右側自適應（右側多嵌套一層）

6. 超出寬度橫向滾動

通常情況下，使用 white-space 和 overflow 即可解決

GPU云服務器云服務器存儲過程總結 webrtc音視頻開發總結 android webrtc 音視頻開發總結網站二次開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.hztianpu.com/yun/92860.html

總結開發過程踩到的坑（四）

摘要：本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當然踩過的坑也不例外滑稽。在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發的經驗都是踩坑踩出來的。在通往大牛的道路上，希望自己能夠跨越重重阻礙，越走越遠。學會時常總結，不斷提升自己。本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑，...

terasum 2019-08-22 15:52 評論0 收藏0
總結開發過程踩到的坑（三）

摘要：本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當然踩過的坑也不例外滑稽。在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發的經驗都是踩坑踩出來的。在通往大牛的道路上，希望自己能夠跨越重重阻礙，越走越遠。學會時常總結，不斷提升自己。本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑，...

April 2019-08-30 14:06 評論0 收藏0
總結開發過程踩到的坑（三）

摘要：本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當然踩過的坑也不例外滑稽。在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發的經驗都是踩坑踩出來的。在通往大牛的道路上，希望自己能夠跨越重重阻礙，越走越遠。學會時常總結，不斷提升自己。本文章旨在總結開發過程中碰到的容易忘記或者比較重要的坑，...

daryl 2019-08-22 15:16 評論0 收藏0