摘要:對于早期版本,方法用于直接附加一個事件處理程序到元素上。處理程序附加到對象中當前選中的元素,所以,在綁定事件的時候,這些元素必須已經(jīng)存在。重繪不會帶來重新布局,并不一定伴隨重排。重排是更明顯的一種改變,可以理解為渲染樹需要重新計算。
本期問題
1.jquery中bind、on和delegate有什么區(qū)別?
答:先來看看css88上API的定義:
on在選定的元素上綁定一個或多個事件處理函數(shù)。在1.7版本中,on方法提供綁定事件處理的所有功能。
bind對于早期版本,.bind()方法用于直接附加一個事件處理程序到元素上。處理程序附加到j(luò)Query對象中當前選中的元素,所以,在.bind()綁定事件的時候,這些元素必須已經(jīng)存在。
delegate 為所有匹配選擇器(selector參數(shù))的元素綁定一個或多個事件處理函數(shù),基于一個指定的根元素的子集,匹配的元素包括那些目前已經(jīng)匹配到的元素,也包括那些今后可能匹配到的元素。
所以說,on相當于bind和delegate的合集。
2.標簽中defer和async屬性的作用是什么?他們有什么區(qū)別?
答:首先看一張圖:
從上圖可以看出:
帶有defer和async屬性的script標簽與后續(xù)的文檔加載是并行執(zhí)行的,也就是異步。而帶有defer屬性的js文件要在所有元素解析完、DOMCotentLoad之前完成。
async是加載完立即執(zhí)行。
3.下面這段代碼在XHTML中能順利運行嗎?如果不能?如何解決?
答:不能。應(yīng)將小于號變?yōu)?b><
4.請說出下方腳本的執(zhí)行結(jié)果:
var a= 1, b=2; function c(){ alert("c1") } function test(){ alert(a); alert(b); c(); function b(){ return 0 } var a= 5, b=6; function c(){ alert("c2") } } test();
答:undefined、function b(){return 0}、c2.不知道該怎么解釋,有不明白的請留言。
5.下述腳本能正確alert出2么?如果不行請寫出解決方案:
for(var i= 0,l=10,obj=[];i<=l;i++){ obj[i] = function(){ alert(i); }; } obj[2]()
答:不能。會alert11。用閉包。
6.請說出下方腳本執(zhí)行結(jié)果:
var array = [1, 2]; deal(array, array); function deal(arrA, arrB){ arrA = [3, 4]; console.log(array[1]); //打印出什么內(nèi)容? arrB[1] = 9; console.log(array[1]); //打印出什么內(nèi)容? }
答:2,9??蓞⒖贾跎系倪@個答案:數(shù)組賦值的問題
7.如何將參數(shù)從一個函數(shù)傳遞到另一個函數(shù)?請寫出實現(xiàn)代碼。
答:閉包。
8.原生ajax的創(chuàng)建過程?
var xmlHttp=new XMLHttpRequest(); xmlHttp.open("GET",url); xmlHttp.send(); xmlHttp.onreadystatechange=function(){ if(xmlHttp.readystate==4&&xmlHttp.status=200){ //success } }
9.解釋一下重繪和重排?
答:
重繪是一個元素外觀的改變所觸發(fā)的瀏覽器行為,例如改變visibility、outline、背景色等屬性。瀏覽器會根據(jù)元素的新屬性重新繪制,使元素呈現(xiàn)新的外觀。重繪不會帶來重新布局,并不一定伴隨重排。
重排是更明顯的一種改變,可以理解為渲染樹需要重新計算。下面是常見的觸發(fā)重排的操作:1. DOM元素的幾何屬性變化、 2. DOM樹的結(jié)構(gòu)變化、3. 獲取某些屬性
10.querySelector存在什么問題?
答:
兼容性。IE8+
對瀏覽器支持的選擇器,它只是選擇性支持。
getElementBy系列的執(zhí)行速度基本都是querySelectorAll的100+倍
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/49752.html
摘要:對于早期版本,方法用于直接附加一個事件處理程序到元素上。處理程序附加到對象中當前選中的元素,所以,在綁定事件的時候,這些元素必須已經(jīng)存在。重繪不會帶來重新布局,并不一定伴隨重排。重排是更明顯的一種改變,可以理解為渲染樹需要重新計算。 本期問題 1.jquery中bind、on和delegate有什么區(qū)別? 答:先來看看css88上API的定義: on在選定的元素上綁定一個或多個事件處...
摘要:對于早期版本,方法用于直接附加一個事件處理程序到元素上。處理程序附加到對象中當前選中的元素,所以,在綁定事件的時候,這些元素必須已經(jīng)存在。重繪不會帶來重新布局,并不一定伴隨重排。重排是更明顯的一種改變,可以理解為渲染樹需要重新計算。 本期問題 1.jquery中bind、on和delegate有什么區(qū)別? 答:先來看看css88上API的定義: on在選定的元素上綁定一個或多個事件處...
摘要:堅持就是勝利養(yǎng)成好習(xí)慣從每日一練開始做起通過一個月的努力,終于迎來了我們每日一練的榜單讓我們一起看看都有哪些博主你在不在其中榜單揭曉請看獲獎博主昵稱阿年嗯啊猿碼叔叔雪離話丶小輝獎品展示度暖暖恒溫 堅持就是勝利!養(yǎng)成好習(xí)慣從每日一練開始做起~ 通過一個月的努力,終于迎來了我們每日一練的TOP1...
摘要:問題在每日一練中介紹了如何一個可迭代對象,使用運算符即可但往往我們遇到的問題是可迭代對象中的數(shù)量是不確定的這個時候該如何拿到我們想要的元素,比如我們只需要可迭代對象的第一個或者最后一個元素而已解決方案使用中的運算符例如我們需要拿到一個元組的 問題 在每日一練0001中介紹了如何unpack一個可迭代對象,使用,運算符即可 但往往我們遇到的問題是可迭代對象中的數(shù)量是不確定的 這個時候該如...
摘要:問題為什么返回的是討論這是我在上發(fā)現(xiàn)的一個有趣的問題,這個問題可以簡單的用一張圖解釋因為最后一個字母最后或者第一個字母之前也包含了一個空的字符串,所以算出來是個但更有趣的是,返回的是這就延伸出來兩個哲學(xué)問題來源關(guān)注歡迎關(guān)注我的微信公眾號每日 問題 為什么test.count()返回的是5? >>> test.count() 5 討論 這是我在StackOverflow上發(fā)現(xiàn)的一個有趣的...
閱讀 2298·2021-11-10 11:35
閱讀 918·2021-09-26 09:55
閱讀 2411·2021-09-22 15:22
閱讀 2329·2021-09-22 15:17
閱讀 3706·2021-09-09 09:33
閱讀 1837·2019-08-30 11:22
閱讀 978·2019-08-30 10:57
閱讀 652·2019-08-29 16:10