前端常見面試題一

2021-09-28 07:51:18 字數 1089 閱讀 4393

js事件委託就是利用冒泡的原理,把本應該新增到某個元素上的事件委託給他的父級,從而減少dom互動達到網頁優化

var ulobj= document.getelementbyid("list");    

ulobj.onclick = function(e)

}

/*nodename 屬性可依據節點的型別返回其名稱。

如果節點是乙個元素節點 , nodename 屬性將返回標籤名。

如果節點是乙個屬性節點, nodename 屬性將返回屬性名。

其他節點型別, nodename 屬性將返根據不同的節點型別返回不同的節點名稱。

*/

冒泡:冒泡事件就是document到觸發事件的那個節點一層層向下捕獲直至事件源然後一層層向上冒泡,利用這個冒泡機制減少dom操作,有一點要注意就是onclick不支援捕獲事件,另有其他寫法如下:

obox.addeventlistener("click",function(),false);
這種寫法又叫做為dom2級事件處理。

新增事件***:addeventlistener(事件名,處理函式,布林值)

移除事件***:removeeventlistener(事件名,處理函式)

注意:事件名不帶on。

第乙個值是事件名,第二個是處理函式,第三個布林值,預設為false事件控制代碼在冒泡階段執行,改為true的時候事件控制代碼在捕獲階段執行。這兩個事件相同,但是在ie中不支援這兩個屬性,

ie下的事件***:attachevent(事件名,處理函式),detachevent(事件名,處理函式)

注意:事件名帶on。

有事件冒泡就有組織冒泡,阻止冒泡即不讓事件一層層向上觸發。以下方法可以阻止事件冒泡。

1、return false ;

2、preventdefault();

3、window.event.cancelbubble = true;

href標識超文字引用,用在link和a等元素上,href是引用和頁面關聯,是在當前元素和引用資源之間建立聯絡

高階前端常見面試題

1 請介紹一下回流 reflow 與重繪 repaint 回流 當我們對 dom 的修改引發了 dom 幾何尺寸的變化 比如修改元素的寬 高或隱藏元素 等 時,瀏覽器需要重新計算元素的幾何屬性 其他元素的幾何屬性和位置也會因此受到影 響 然後再將計算的結果繪製出來。這個過程就是回流 也叫重排 重繪 ...

前端開發常見面試題

1.盒子模型 所謂盒子模型 box model 就是把html頁面中的元素看作是乙個矩形的盒子,也就是乙個盛裝內容的容器。每個矩形都由元素的內容 content 內邊距 padding 邊框 border 和外邊距 margin 組成。2.html5新特性 3.div垂直水平居中 child 1 f...

前端js常見面試題

not a number 不是乙個數字,但是數值型別 nan 與其他數值進行比較的結果總是不相等的,包括它自身在內 var宣告的變數會掛載在window上,而let和const宣告的變數不會 var宣告變數存在變數提公升,let和const不存在變數提公升 let和const宣告形成塊作用域 同一作...