pc前端開發小結

2021-07-08 13:15:10 字數 1618 閱讀 8658

1.

class="de****-p">

ahhhaaahahha哈哈都是都是法師多浪費丹甫股份 說的對該地塊對

p>

.de****-p

執行效果如下:

![這裡寫描述](

2.

ie8的瀏覽器opacity應該這樣寫:

opacity: 0.6;

filter: progid:dximagetransform.microsoft.alpha(opacity=60);

3.

指定一定時間內跳轉到另乙個頁面

var t=4;//設定跳轉的時間

setinterval(refer,1000); //啟動1秒定時

function

refer

() $(".return-time").html(t+"秒後")// 顯示倒計時

t--; // 計數器遞減

} ;

4.其他

setinterval卻沒有被自己所呼叫的函式所束縛,它只是簡單地每隔一定時間就重複執行一次那個函式。

只要呼叫了setinterval(「perrefresh()」, 5000)此函式,那麼每隔5秒鐘就會執行perrefresh這個函式。

如果要求在每隔乙個固定的時間間隔後就精確地執行某動作,那麼最好使用setinterval,而如果不想由於連續呼叫產生互相干擾的問題,尤其是每次函式的呼叫需要繁重的計算以及很長的處理時間,那麼最好使用settimeout。

setinterval 不斷地執行指定**直到呼叫clearinterval清除定時器物件

settimeout 執行一次指定**,使用cleartimeout清除定時器物件

setinterval和settimeout都返回定時器物件識別符號,用於clearinterval和cleartimeout呼叫

5.css3中background多背景

使用簡寫形式:

"box"

>

.box

background-size:contain

這個表示保持影象的長寬比例,並將影象縮放成剛好完全顯示在所在區域內的最大大小。

background-size:cover

這個表示保持影象的長寬比例,並將影象縮放成剛好完全覆蓋所在區域的最小大小

background-origin可以定義背景的定位區域:

border-box

padding-box(預設值)

content-box

.background-clip可以定義背景的裁剪區域:

border-box

padding-box(預設值)

content-box

..box

背景屬性簡寫的形式

background:pink url("cheerr.png") no-repeat center/contain border-box padding-box

背景顏色 背景鏈結位址 不重複 背景位置 背景尺寸 背景定位區域 裁剪區域

移動端前端開發與pc端前端開發的區別

關於移動端 另外寫幾點響應螢幕大小的建議和方法 1 由於現在手機螢幕多種多樣,想要相容所有裝置所需要開發的經驗必須非常豐富,對設計師的要求也非常高,如果是初學或者開發經驗較少,可將裝置分為手機 平板 pc三種頁面來寫。2 寬度的響應 寬度的響應最近使用的最多的就是類似以下這種寫法 width cal...

機頂盒前端開發小結

從四月末到現在,過得好快。我已基本接手屬於自己的工作,雖然仍然有各種難問題,至少不再膽怯。機頂盒開發,瀏覽器是內建的,螢幕呢就是電視,操作靠遙控器。電視 由於操作不便所以頁面結構簡單,乙個個的模組排列整齊!麻煩的就是,使用者操作的時候 上下左右 讓使用者知道他做了什麼?也就乙個層 焦點 1 ui 為...

前端面試PC

一 布局問題 行內元素水平排列 塊元素垂直排列。行內元素要想垂直排列 1 外層包裹塊元素 2 display block 塊元素要想水平排列 1 float脫離文件流 2 絕對定位脫離文件流 子絕父相 二 高度坍塌問題解決 1 父元素指定高度 2 開啟bfc 3 坍塌元素後加div,在清除浮動 4 ...