常見的筆試題總結

2021-10-11 02:10:39 字數 1920 閱讀 6232

單盒子頁面居中 記得要給html設定 min-height: 100%;

1.flex布局方法

body,html

.box

/* ie8以下不相容 */

2.絕對定位 給上下左右為0

/* .box */

3.css3 2d 3d轉換

/* transform轉換布局 */

/* .box */

.

class

="box"

>

單盒子頁面居中的方法div

>

使用空標籤清除浮動clear:both。

原理:新增乙個空div,利用css提高的clear:both清除浮動,讓父級div能自動獲取到高度

優點:通俗易懂,容易掌握

缺點:會新增很多無意義的空標籤,有違結構與表現的分離,在後期維護中將是噩夢

建議:不推薦使用,但此方法是以前主要使用的一種清除浮動方法

父級div定義overflow:hidden

原理:必須定義width或zoom:1,同時不能定義height,使用overflow:hidden時,瀏覽器會自動檢查浮動區域的高度

優點:簡單,**少,瀏覽器支援好

缺點:不能和position配合使用,因為超出的尺寸的會被隱藏

建議:只推薦沒有使用position或對overflow:hidden理解比較深的朋友使用

css sprites原理

css sprites其實就是把網頁中一些背景整合到一張檔案中,再利用css的「background-image」,「background- repeat」,「background-position」的組合進行背景定位,background-position可以用數字能精確的定位出背景的位置。

css sprites優點

利用css sprites能很好地減少了網頁的http請求,從而大大的提高了頁面的效能,這也是css sprites最大的優點,也是其被廣泛傳播和應用的主要原因;

css sprites能減少的位元組,曾經比較過多次3張合併成1張的位元組總是小於這3張的位元組總和。

css sprites缺點

css sprites在維護的時候比較麻煩,如果頁面背景有少許改動,一般就要改這張合併的,無需改的地方最好不要動,這樣避免改動更多的css,如果在原來的地方放不下,又只能(最好)往下加,這樣的位元組就增加了,還要改動css。

css sprites非常值得學習和應用,特別是頁面有一堆ico(圖示)。總之很多時候大家要權衡一下利弊,再決定是不是應用css sprites。

可參考以下鏈結

css sprites的原理和作用

選擇器表現形式

id#id,例如:id=「name」,id=「name_txt」

class

.class,例如:class=「name」,class=「name_txt」

標籤p,例如:body,div,p,ul,l

屬性[type=『text』]

偽類相鄰選擇器、子代選擇器

> +,例如:div>p,帶大於號》

萬用字元選擇器*

型別權重

important

!important 的作用是提公升優先順序,換句話說。加了這句的樣式的優先順序是最高的(比內聯樣式的優先順序還高)。

內聯樣式

如: style=" ",權值為1000。

id選擇器

如:#name,權值為0100。

class類選擇器,偽類和屬性選擇器

如.name,權值為0010。

標籤選擇器和偽元素選擇器

如div p,權值為0001。

樣式覆蓋規則就是根據權重的大小進行累加覆蓋 大的覆蓋小的

筆試題總結

postmessage只把訊息放入佇列,不管訊息是否處理就返回。而sendmessage被處理完了之後才返回。在很多情況下,基類本身聲場物件是很不合理的。例如 動物作為基類派生出老虎 獅子等子類,但動物本身生成物件明顯不合理。宣告了兩個類 clabase claderiver。父類中宣告虛析構函式。...

筆試題總結

1 引用和指標的區別 相同點 都是位址的概念 指標指向一塊記憶體,它的內容是所指記憶體的位址,引用是位址的別名 不同點 1 指標是乙個實體,而引用只是乙個別名 2 引用在初始化時被定義一次,之後不可變,指標可變 3 引用沒有const,而指標由const,const的指標不可變 4 引用不能為空,而...

筆試題總結

1.死鎖產生的四個必要條件 互斥,不可剝奪,部分分配,環路存在 2.什麼是 引用 申明和使用 引用 要注意哪些問題?答 引用就是某個目標變數的 別名 alias 對應用的操作與對變數直接操作效果完全相同。申明乙個引用的時候,切記要對其進行初始化。引用宣告完畢後,相當於目標變數名有兩個名稱,即該目標原...