前端試題今日筆記

2021-07-13 19:59:59 字數 1768 閱讀 5596

1.下列說法正確的是()

a display: none;不為被隱藏的物件保留其物理空間;

b visibility:hidden;所佔據的空間位置仍然存在

,僅為視覺上的完全透明;

c visibility:hidden;產生

reflow

和repaint(

回流與重繪);

d visibility:hidden;與

display: none;

兩者沒有本質上的區別;

解答:display: none

和visibility:hidden

的區別就是

visibility:hidden

會保留元素的空間

repaint(重繪) ,

repaint

發生更改時,元素的外觀被改變,且在沒有改變布局的情況下發生,

如改變outline,visibility,background color

,不會影響到

dom結構渲染。

reflow(渲染),與

repaint

區別就是他會影響到

dom的結構渲染,同時他會觸發

repaint

, 他會改變他本身與所有父輩元素(祖先)

,這種開銷是非常昂貴的,導致效能下降是必然的,

頁面元素越多效果越明顯。

所以display:none

才會產生

reflow  

visibility:hidden

只會出發

repaint

2.請選出所有的置換元素()

a img

b input

c textarea

d select

解答:置換元素:瀏覽器根據元素的標籤和屬性,來決定元素的具體顯示內容。

例如:瀏覽器會根據

標籤的src

屬性的 值來讀取資訊並顯示出來,而如果檢視

(x)html

**,則看不到的實際內容;

標籤的type

屬性來決定是顯示輸入 框,還是單選按鈕等。

(x)html

中 的、、

、、都是置換元素。這些元素往往沒有實際的內容,即是乙個空元素。

置換元素在其顯示中生成了框,這也就是有的內聯元素能夠設定寬高的原因。

不可替換元素:(x)html

的大多數元素是不可替換元素,即其內容直接表現給使用者端(如瀏覽器)。

例如:label

中的內容

標籤是乙個非置換元素,文字

label

中的內容

」將全被顯示。

3.下列哪個操作是w3c標準定義的阻止事件向父容器傳遞:

a preventdefault()

b cancelbubble=true

c stoppropagation()

d stopimmediatepropagation()

解答:dom中的事件物件:(符合

w3c標準)

preventdefault()           取消事件預設行為

stopimmediatepropagation() 取消事件冒泡同時阻止當前節點上的事件處理程式被呼叫。

stoppropagation()          取消事件冒泡對當前節點無影響。

ie中的事件物件:

cancelbubble()            取消事件冒泡

returnvalue()             取消事件預設行為

今日css筆記

顏色 rgb red greed blue 0,10,256 0010ff css中顏色的表示方法 1 預定義顏色 blue,red,black 2 十六進製制顏色 0f0f0f 3 rgb顏色 128,0,0 全紅 4 rgba,在rgb的基礎上又新增了表示透明的alpha 5 his 用色調,飽...

sl今日筆記

關於sl上傳檔案 開始以為sl3不支援 tcp 後來公升級到sl5 跨域 需要 sl跨域策略檔案clientaccesspolicy.xml 也可以是flash跨域策略檔案crossdomain.xml sl5瀏覽器內允許提公升信任即可不要策略檔案 sl4及之後可以oob basic上傳成功 比較順...

今日學習筆記

1,例項化物件時候,括號主要是為了傳入引數。如果建構函式有引數就必須要括號,如果沒有引數,加不加括號效果都相同。arr arr 0 a arr 1 b jsonstr json encode arr echo jsonstr echo echo json encode arr,json force ...