前端面試題集錦(三)

2022-09-12 08:24:14 字數 788 閱讀 5836

target和currenttarget區別於聯絡:

target是指乙個觸發物件的引用,currenttarget是用來標識事件的當前目標

例如:

e.target可以用來實現事件委託,原理是通過事件冒泡(或事件捕獲)給父元素新增事件監聽,e.target指向觸發元素的事件,例如在上述的例子中,e.target指向使用者點選的li,由於事件冒泡,li的點選事件冒泡到了ul上,用過給ul新增監聽事件而達到了給每乙個li新增監聽事件的效果,而e.currenttarget指向的是給繫結事件監聽的那個物件,即ul,不難發現e.currenttarget === this 返回true,而e.target === this 返回的是false

當li標籤中含有子元素的時候(假如是span),e.target指的是觸發事件的元素,可能是span,也可能是li,e.currenttarget指向li

在事件冒泡階段,e,target和e.currenttarget是不相等的,但在事件目標階段,兩者是相等的。

在本例中,事件的目標階段即li,由於e.currenttarget 始終指向新增監聽事件的那個物件,即ali[i],也就是html中的li,而e.target指向觸發事件監聽的那個物件。也是li,所以兩者此時相等。

數字向上取整:math.ceil(5/2)

數字向下取整:math.floor(5/2)

四捨五入:math.round(5/2)

丟棄小數部分,保留整數部分:parseint(5/2)

前端面試題集錦三

瀏覽器怎麼匹配某個選擇器?https的原理,加密方式?由於http是明文傳送資料,不具備加密的功能。通訊協議中通過ssl 安全套接層 或tsl的組合使用 來加密http的通訊內容。http 加密 認證 完整性保護 https。加密方式 對稱加密方式和非對稱加密。對稱加密即為加密和解密共用同乙個方式。...

前端面試題(三)

怎麼設定靜態資源快取時間 1.設定expires屬性 2.設定cache control max age 毫秒瀏覽器今天請求了靜態檔案,如果檔案設定乙個月快取,明天再訪問,會不會發起網路請求 1.主流瀏覽器會根據最近一次訪問時間,減去last modify,再除以十,來決定對這個檔案儲存多久。也即 ...

前端面試題(三)

px畫素,相對長度單位 em相對長度單位,會繼承父元素的字型大小 rem相對長度單位,會根據節點html定義,不會受父元素的影響。盒子模型包含內容的大小,padding,border,margin css盒子模型分為ie盒子模型和標準盒子模型 ie盒子模型內容的寬高包含了padding和border...