一圖匯總前端所有知識

本文理前端所有關(guān)鍵的知識點(diǎn),偶爾看一眼,避免遺忘~

個(gè)人理解,對于前端有以下幾個(gè)關(guān)鍵點(diǎn)需要掌握唆垃,下邊的四條與其他語言差異較大:


1. js執(zhí)行上下文

js的執(zhí)行上下文與java、oc痘儡、c++等其他較為標(biāo)準(zhǔn)的面向?qū)ο蟛⒉灰粯釉颍话銓τ诤瘮?shù)調(diào)用都是用普通的棧來表示就可以了。但是由于js的歷史原因沉删,單純一個(gè)棧已經(jīng)解決不了了渐尿。只能是兩個(gè)棧:執(zhí)行上下文棧和詞法變量棧

2. this(可能是最好理解的版本了)

標(biāo)準(zhǔn)的面向?qū)ο笳Z言中,都有一個(gè)self矾瑰,用來指向類對象砖茸。而js中使用的是this,與self類似殴穴,最大的區(qū)別在于:

如果是函數(shù)嵌套凉夯,也就是說函數(shù)的外層并不是一個(gè)對象,那么子函數(shù)的this指向的是global

還有一點(diǎn)是需要注意:純函數(shù)的this也是指向global的采幌。很多人說這是js的設(shè)計(jì)缺陷劲够,我覺得這并不是設(shè)計(jì)缺陷。理由如下:其實(shí)js在解析的時(shí)候休傍,就有一個(gè)window對象來維護(hù)整個(gè)js代碼征绎,所以純函數(shù)的this指向global跟我們面向?qū)ο蟮乃季S方式是一致的

3. 宏任務(wù)&微任務(wù)

宏任務(wù)有一個(gè)致命缺點(diǎn):在宏任務(wù)A正在執(zhí)行,任務(wù)隊(duì)列中有BCD在排隊(duì)磨取,但是宏任務(wù)E比較著急怎么辦呢人柿?宏任務(wù)無法解決,應(yīng)該是宏任務(wù)當(dāng)時(shí)的設(shè)計(jì)缺陷忙厌,可能沒想到j(luò)s會這么火凫岖,從簡單好用的角度來設(shè)計(jì)的,哭

? ? 微任務(wù)就是給宏任務(wù)開了一個(gè)口子逢净,將高優(yōu)先級的宏任務(wù)E提升為微任務(wù)哥放,添加到宏任務(wù)A的微任務(wù)列表中扎阶,宏任務(wù)A執(zhí)行完之后,立刻執(zhí)行微任務(wù)列表中的任務(wù)

4.js是單線程的婶芭,即js主線程,也叫渲染線程着饥,在渲染進(jìn)程中

?其實(shí)渲染線程權(quán)限是很少的犀农,運(yùn)行在沙盒中,不能進(jìn)行IO訪問宰掉、不能訪問操作系統(tǒng)內(nèi)核呵哨。渲染線程的權(quán)限都是瀏覽器進(jìn)程控制的。

? ? 還有一個(gè)網(wǎng)絡(luò)進(jìn)程轨奄,用于下載網(wǎng)頁中的內(nèi)容

? ? 進(jìn)程之間通過管道通信孟害,渲染進(jìn)程中的主線程與其他線程之間的通信是通過MQ來實(shí)現(xiàn)的。? ??


前端知識梳理挪拟,一圖流挨务,如下。圖片中內(nèi)容不夠詳盡玉组,詳情及精華請參閱https://mubu.com/doc/4OCulfWgD

轉(zhuǎn)載請標(biāo)明出處哦~


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末谎柄,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子惯雳,更是在濱河造成了極大的恐慌朝巫,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,423評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件石景,死亡現(xiàn)場離奇詭異劈猿,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)潮孽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,147評論 2 385
  • 文/潘曉璐 我一進(jìn)店門揪荣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人往史,你說我怎么就攤上這事变逃。” “怎么了怠堪?”我有些...
    開封第一講書人閱讀 157,019評論 0 348
  • 文/不壞的土叔 我叫張陵揽乱,是天一觀的道長。 經(jīng)常有香客問我粟矿,道長凰棉,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,443評論 1 283
  • 正文 為了忘掉前任陌粹,我火速辦了婚禮撒犀,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己或舞,他們只是感情好荆姆,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,535評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著映凳,像睡著了一般胆筒。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上诈豌,一...
    開封第一講書人閱讀 49,798評論 1 290
  • 那天仆救,我揣著相機(jī)與錄音,去河邊找鬼矫渔。 笑死彤蔽,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的庙洼。 我是一名探鬼主播顿痪,決...
    沈念sama閱讀 38,941評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼油够!你這毒婦竟也來了员魏?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,704評論 0 266
  • 序言:老撾萬榮一對情侶失蹤叠聋,失蹤者是張志新(化名)和其女友劉穎撕阎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體碌补,經(jīng)...
    沈念sama閱讀 44,152評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡虏束,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,494評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了厦章。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片镇匀。...
    茶點(diǎn)故事閱讀 38,629評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖袜啃,靈堂內(nèi)的尸體忽然破棺而出汗侵,到底是詐尸還是另有隱情,我是刑警寧澤群发,帶...
    沈念sama閱讀 34,295評論 4 329
  • 正文 年R本政府宣布晰韵,位于F島的核電站,受9級特大地震影響熟妓,放射性物質(zhì)發(fā)生泄漏雪猪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,901評論 3 313
  • 文/蒙蒙 一起愈、第九天 我趴在偏房一處隱蔽的房頂上張望只恨。 院中可真熱鬧译仗,春花似錦、人聲如沸官觅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽休涤。三九已至咱圆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間滑绒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,978評論 1 266
  • 我被黑心中介騙來泰國打工隘膘, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留疑故,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,333評論 2 360
  • 正文 我出身青樓弯菊,卻偏偏與公主長得像纵势,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子管钳,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,499評論 2 348