20 11 面試真題1

2021-10-25 10:13:23 字數 4072 閱讀 5832

a:hover當滑鼠bai選定在a標籤上時a標籤的樣式du變化

li:nth-child(3)表示 li 標籤的父元素 ul 中的第三個孩子標籤。

字型系列屬性font,font-family,font-weight,font-size,font-style,font-variant,font-stretch,font-size-adjust

文字系列屬性 text-indent,text-align,line-height,word-spacing,letter-spacing,text-transform,direction,color

元素可見性 visibility

**布局屬性 caption-side,border-collapse,border-spacing,empty-cells,table-layout

列表布局屬性 list-style-type,list-style-image,list-style-position,list-style

生成內容屬性 quotes

游標屬性 cursor

頁面樣式屬性 page,page-break-inside,windows,orphans

聲音樣式屬性 speak,speak-punctuation,speak-numeral,speak-header,speech-rate,volume,voice-family,pitch,pitch-range,stress,richness,azimuth,elevation

優先順序就近原則,同權重情況下樣式定義最近者為準;

載入樣式以最後載入的定位為準;

!important > id > class > tag;

important 比 內聯優先順序高,但內聯比id要高;

:first-of-type

p:first-of-type 選擇屬於其父元素的首個 元素的每個 元素。

:last-of-type

p:last-of-type 選擇屬於其父元素的最後 元素的每個 元素。

:only-of-type

p:only-of-type 選擇屬於其父元素唯一的 元素的每個 元素。

:only-child

p:only-child 選擇屬於其父元素的唯一子元素的每個 元素。

:nth-child(n)

p:nth-child(2) 選擇屬於其父元素的第二個子元素的每個 元素。

:nth-last-child(n)

p:nth-last-child(2) 同上,從最後乙個子元素開始計數。

:nth-of-type(n)

p:nth-of-type(2) 選擇屬於其父元素第二個 元素的每個 元素。

:nth-last-of-type(n)

p:nth-last-of-type(2) 同上,但是從最後乙個子元素開始計數。

:last-child

p:last-child 選擇屬於其父元素最後乙個子元素每個 元素。

:root

:root 選擇文件的根元素。

:empty

p:empty 選擇沒有子元素的每個 元素(包括文字節點)。

:target

#news:target 選擇當前活動的 #news 元素。

:enabled

input:enabled 選擇每個啟用的 元素。

:disabled

input:disabled 選擇每個禁用的 元素

:checked

input:checked 選擇每個被選中的 元素。

:not(selector)

:not(p) 選擇非 元素的每個元素。

::selection

::selection 選擇被使用者選取的元素部分。

link是html標籤,@import是css提供的

link引入的樣式頁面載入時同時載入,@import引入的樣式需等頁面載入完後再載入

link沒有相容性問題,@import不相容ie5以下

link可以通過js操作dom動態引入樣式表改變樣式,而@import不可以

分兩類盒子模型

box-sizing:content-box

當我們設定box-sizing:content-box;時,瀏覽器對盒模型的解釋遵從我們之前認識到的w3c標準,當它定義width和height時,它的寬度不包括border和padding。

box-sizing:border-box

當我們設定box-sizing:border-box;時,瀏覽器對盒模型的解釋與ie6之前的版本相同,當它定義width和height時,border和padding則是被包含在寬高之內的。

五種簡單資料型別:字串(string)、數字(number)、布林(boolean)、空(null)、未定義(undefined)。

一種複雜資料型別:obeject

三大引用型別:object型別、array型別、function型別

for

(var n =

0; n <

10; n++),

5000)}

//結果五秒後列印十個10

這道題涉及了非同步、作用域、閉包。

settimeout是非同步執行,每一次for迴圈中settimeout都執行一次,但裡面的函式沒有執行,而是放到了任務佇列中,等五秒後執行。for迴圈瞬間執行完畢,當主線程執行完成後,才進入任務佇列裡面執行,i變成了10,列印十個10。

當解決變數作用域。

for迴圈頭部的let不僅將i繫結到for迴圈快中,事實上它將其重新繫結到迴圈體的每一次迭代中,確保上一次迭代結束的值重新被賦值。

for

(let n =

0; n <

10; n++),

5000)}

//結果五秒後列印0——9

settimeout裡面的function()屬於乙個新的域,通過 var 定義的變數是無法傳入到這個函式執行域中的。通過使用 let 來宣告塊變數,這時候變數就能作用於這個塊所以 function就能使用 i 這個變數了。

for

(i=0

,j=0

; i<

10,j<

6; i++

,j++

)alert

(k);

//彈出10

for

(i=0

,j=0

; i<

6,j<

10; i++

,j++

)alert

(k);

//彈出18

迴圈繼續的判斷依據以分號前的最後一項為準,即判斷j<6(j<10)符不符合條件

var fee =

"hello";(

function()

)();

alert

(fee+bar)

;//報錯

此函式是乙個匿名自執行函式,會先呼叫並執行一次,即alert (foo+bar)的字串拼接;

var bar=」world」是函式內部宣告的區域性變數,外部無法呼叫,所以外部的alert(foo+bar)會報錯。

function

fn(n)

}const f =fn(

10)f(

10)//21f(

15)//27fn(

15)(10

)//26fn(

15)(15

)//31f(

30);//43

console.

log(

0.1+

0.2==

0.3)

;//false

console.

log(

0.2+

0.3==

0.5)

;//ture

二進位制浮點數表示小數有限制,轉成十進位制就會有問題。

Java面試真題

1.簡述抽象類和抽象方法的作用 分析 抽象類主要用來提供多個派生類可共享的基類的公共定義,他與非抽象類的主要區別如下 1 抽象類只能作為其他類的基類,不能直接例項化,對抽象類不能使用new操作符 2 抽象類中可以包含抽象成員,但非抽相類不可以 3 如果乙個非抽象類從抽象類中派生,則其必須通過覆蓋來實...

面試真題 一

開始彙總面試碰到的 題,為保密起見,不透露公司名字,但會把所有的程式設計題都記錄下來,每一篇代表一家公司,我會盡量整理得快一點。60分鐘,10道單選 5道不定項選擇 若干道填空 2道改錯 1道程式設計。1 給定乙個鍊錶,返回鍊錶逆置後的結果。思路 簡單的鍊錶逆置題,我一開始以為是逆序輸出鍊錶的值,想...

面試真題 二

90分鐘,20道不定項 2道程式設計。1 給定乙個陣列,將所有的奇數放在陣列前半部分,偶數放在後半部分,奇數和奇數 偶數和偶數之間的相對位置不變。思路 從後往前遍歷,每次找到奇數時就插入到陣列最前面,並刪除掉該數。劍指offer有原題,直接拿過來用了 class solution else coun...