摘要:代碼代碼組撐滿父容器,透明度設置為,就可以隨意設置父元素樣式了。 html代碼 css 代碼 .file-container { position: relative; width: 7rem; height: 6rem; background: url(../common/images/ui/組1.png) center center ...
摘要:簡介移動端調試一直都是一個痛點,因為移動終端對于我們來說是一個黑盒,它無法像端一樣,我們可以通過很方便的調出開發者工具。如果沒有調試工具這種情況下我們就很難定位問題,接下來的主題就是介紹如何使用進行移動端調試。 簡介 ? 移動端調試一直都是一個痛點,因為移動終端對于我們來說是一個黑盒,它無法像PC端一樣,我們可以通過F12很方便的調出開發者工具。在開發中經常會遇到同樣一份...
摘要:對于定寬的非浮動元素我們可以用進行水平居中。對于不定寬的浮動元素我們也有一個常用的技巧解決它的水平居中問題。 對于定寬的非浮動元素我們可以用 margin:0 auto; 進行水平居中。 對于不定寬的浮動元素我們也有一個常用的技巧解決它的水平居中問題。如下: HTML 代碼: 我是浮動的 我也是居中的 CSS 代碼: .box{ float:left;...
showImg(https://segmentfault.com/img/bVbsqFo?w=961&h=523); showImg(https://segmentfault.com/img/bVbsqFp?w=1089&h=724); showImg(https://segmentfault.com/img/bVbsqFn?w=1061&h=711);
摘要:節流在指定時間之內,讓函數只觸發一次。防抖對于一定時間段的連續的函數調用,只讓其執行一次。總結以上只是很簡單的寫了一下節流和防抖的原理,在里,實現起來更加復雜,但是背后的原理核心就是上邊代碼寫的。 概述 在平時的開發中,經常會聽到兩個差不多很相近的詞。節流(throttle)和防抖(debounce)。這是兩個類似又有些不同的優化方案。 節流:在指定時間之內,讓函數只觸發一次。 防...