js

閉包和作用域

原型和原型鏈

所有原型鏈的終點(diǎn)都是 Object 函數(shù)的 prototype 屬性
每一個構(gòu)造函數(shù)都擁有一個 prototype 屬性低矮,此屬性指向一個對象典格,也就是原型對象
原型對象默認(rèn)擁有一個 constructor 屬性焕议,指向指向它的那個構(gòu)造函數(shù)
每個對象都擁有一個隱藏的屬性 __ proto __糙捺,指向它的原型對象

事件循環(huán)機(jī)制

js垃圾回收

不同垃圾是按存活時間分為新生代和老生代。不同的代回收機(jī)制也不同
新生代由from和to區(qū)域組成(默認(rèn)64位 from和to各占16M)滥酥,老生代則只有一塊區(qū)域


image.png

新生代中的垃圾回收機(jī)制----引用計數(shù)
新生代的空間小石景,存活對象少
1劈猿、開始垃圾回收的時候,會檢查FROM區(qū)域中的存活對象潮孽,如果還活著(引用計數(shù))揪荣,拷貝到TO空間,完成后釋
放空間
2恩商、完成后FROM 和TO 互換

當(dāng)一個對象經(jīng)歷過多次的垃圾回收依然存活的時候变逃,生存周期比較長的對象會被移動到老生代,這個移動過程被成為晉升或者升級
1.經(jīng)過5次以上的回收還存在
2.TO的空間使用占比超過25%怠堪,或者超大對象

新生代中的垃圾回收機(jī)制----標(biāo)記清除揽乱、標(biāo)記整理
老生代空間大,大部分都是活著的對象,GC耗時比較長

mark-sweep(標(biāo)記清除) mark-compact(標(biāo)記整理)

image.png

mark-sweep(標(biāo)記清除)

標(biāo)記活著的對象粟矿,隨后清除在標(biāo)記階段沒有標(biāo)記的對象凰棉,只清理死亡對象
問題在于清除后會出現(xiàn)內(nèi)存不連續(xù)的情況,這種內(nèi)存碎片會對后續(xù)的內(nèi)存分配產(chǎn)生影響
如果要分配一個大對象陌粹,碎片空間無法分配

mark-compact(標(biāo)記整理)

標(biāo)記死亡后會對對象進(jìn)行整理撒犀,活著的對象向左移動,移動完成后直接清理掉邊界外的內(nèi)存

image.png

節(jié)流與防抖

async和defer

async : 加載腳本和渲染后續(xù)文檔元素并行進(jìn)行掏秩,腳本加載完成后或舞,暫停html解析,立即解析js腳本
defer : 加載腳本和渲染后續(xù)文檔元素并行進(jìn)行蒙幻,但腳本的執(zhí)行會等到 html 解析完成后執(zhí)行


image.png

如果你的腳本代碼依賴于頁面中的DOM元素(文檔是否解析完畢)映凳,或者被其他腳本文件依賴∮势疲可以用defer诈豌。如果不依賴就可以用async

target和currentTarget的區(qū)別

target:指的是事件流的目標(biāo)階段仆救,獲取的是被點(diǎn)擊的元素。
currentTarget:在事件流的捕獲和冒泡階段時矫渔,是指向當(dāng)前事件活動對象彤蔽,只有在目標(biāo)階段的時候,兩者才會相等

getxxxByxxx 和 queryxxx區(qū)別

1庙洼、getxxxByxxx獲取的是動態(tài)的元素顿痪,query獲取的是靜態(tài)的
2、get是dom規(guī)范送膳,query是selector規(guī)范

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末员魏,一起剝皮案震驚了整個濱河市丑蛤,隨后出現(xiàn)的幾起案子叠聋,更是在濱河造成了極大的恐慌,老刑警劉巖受裹,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件碌补,死亡現(xiàn)場離奇詭異,居然都是意外死亡棉饶,警方通過查閱死者的電腦和手機(jī)厦章,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來照藻,“玉大人袜啃,你說我怎么就攤上這事⌒衣疲” “怎么了群发?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長发乔。 經(jīng)常有香客問我熟妓,道長,這世上最難降的妖魔是什么栏尚? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任起愈,我火速辦了婚禮,結(jié)果婚禮上译仗,老公的妹妹穿的比我還像新娘抬虽。我一直安慰自己,他們只是感情好纵菌,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布阐污。 她就那樣靜靜地躺著,像睡著了一般产艾。 火紅的嫁衣襯著肌膚如雪疤剑。 梳的紋絲不亂的頭發(fā)上滑绒,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天,我揣著相機(jī)與錄音隘膘,去河邊找鬼疑故。 笑死,一個胖子當(dāng)著我的面吹牛弯菊,可吹牛的內(nèi)容都是我干的纵势。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼管钳,長吁一口氣:“原來是場噩夢啊……” “哼钦铁!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起才漆,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤牛曹,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后醇滥,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體黎比,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年鸳玩,在試婚紗的時候發(fā)現(xiàn)自己被綠了阅虫。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡不跟,死狀恐怖颓帝,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情窝革,我是刑警寧澤购城,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站聊闯,受9級特大地震影響工猜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜菱蔬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一篷帅、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拴泌,春花似錦魏身、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至回季,卻和暖如春家制,著一層夾襖步出監(jiān)牢的瞬間正林,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工颤殴, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留觅廓,地道東北人。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓涵但,卻偏偏與公主長得像杈绸,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子矮瘟,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評論 2 354