摘要:代碼代碼組撐滿父容器,透明度設(shè)置為,就可以隨意設(shè)置父元素樣式了。 html代碼 css 代碼 .file-container { position: relative; width: 7rem; height: 6rem; background: url(../common/images/ui/組1.png) center center ...
摘要:簡介移動端調(diào)試一直都是一個痛點,因為移動終端對于我們來說是一個黑盒,它無法像端一樣,我們可以通過很方便的調(diào)出開發(fā)者工具。如果沒有調(diào)試工具這種情況下我們就很難定位問題,接下來的主題就是介紹如何使用進行移動端調(diào)試。 簡介 ? 移動端調(diào)試一直都是一個痛點,因為移動終端對于我們來說是一個黑盒,它無法像PC端一樣,我們可以通過F12很方便的調(diào)出開發(fā)者工具。在開發(fā)中經(jīng)常會遇到同樣一份...
摘要:對于定寬的非浮動元素我們可以用進行水平居中。對于不定寬的浮動元素我們也有一個常用的技巧解決它的水平居中問題。 對于定寬的非浮動元素我們可以用 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);
摘要:節(jié)流在指定時間之內(nèi),讓函數(shù)只觸發(fā)一次。防抖對于一定時間段的連續(xù)的函數(shù)調(diào)用,只讓其執(zhí)行一次??偨Y(jié)以上只是很簡單的寫了一下節(jié)流和防抖的原理,在里,實現(xiàn)起來更加復雜,但是背后的原理核心就是上邊代碼寫的。 概述 在平時的開發(fā)中,經(jīng)常會聽到兩個差不多很相近的詞。節(jié)流(throttle)和防抖(debounce)。這是兩個類似又有些不同的優(yōu)化方案。 節(jié)流:在指定時間之內(nèi),讓函數(shù)只觸發(fā)一次。 防...