前端常見(jiàn)面試題(十一)

目錄:

1忆植,ES5/ES6 的繼承除了寫(xiě)法以外還有什么區(qū)別小渊?

2法褥,http狀態(tài)碼有哪些?分別是深?lèi)阂馑迹?/p>

3酬屉,瀏覽器是如何渲染頁(yè)面的半等?

4,typeof和instanceof相同點(diǎn)與不同點(diǎn)

5呐萨,如何解決回調(diào)地獄杀饵?請(qǐng)手寫(xiě)代碼

一:ES5/ES6 的繼承除了寫(xiě)法以外還有什么區(qū)別?

1谬擦,ES5寄生組合式繼承

2切距,ES6繼承

ES6中子類(lèi)繼承父類(lèi)的屬性使用了super關(guān)鍵字,ES6語(yǔ)法實(shí)現(xiàn)是ES5的語(yǔ)法糖惨远,表面上蔚舀,ES6的類(lèi)關(guān)鍵字和子類(lèi)繼承關(guān)鍵字 實(shí)現(xiàn)的結(jié)構(gòu)和ES5繼承一樣,但是根本還是有差別的锨络,ES5繼承prototype屬性是先實(shí)例化父類(lèi)赌躺,直接繼承;而 ES6是在實(shí)例化子類(lèi)對(duì)象時(shí)繼承父類(lèi)的prototype,即實(shí)例化父類(lèi)羡儿。

二:http狀態(tài)碼有哪些礼患?分別是什么意思?

1**(信息類(lèi)):表示接收到請(qǐng)求并且繼續(xù)處理

100? Continue? 繼續(xù),一般在發(fā)送post請(qǐng)求時(shí)缅叠,已發(fā)送了http header之后服務(wù)端將返回此信息悄泥,表示確認(rèn),之后發(fā)送具體參數(shù)信息

2**(響應(yīng)成功):表示動(dòng)作被成功接收肤粱、理解和接受

200? OK? ? ? ? 正常返回信息

201? Created? ? 請(qǐng)求成功并且服務(wù)器創(chuàng)建了新的資源

202? Accepted? 服務(wù)器已接受請(qǐng)求弹囚,但尚未處理

3**(重定向類(lèi)):為了完成指定的動(dòng)作,必須接受進(jìn)一步處理

301? Moved Permanently? 請(qǐng)求的網(wǎng)頁(yè)已永久移動(dòng)到新位置领曼。

302? Found? ? ? 臨時(shí)性重定向鸥鹉。

303? See Other? 臨時(shí)性重定向,且總是使用 GET 請(qǐng)求新的 URI庶骄。

304? Not Modified 自從上次請(qǐng)求后毁渗,請(qǐng)求的網(wǎng)頁(yè)未修改過(guò)。

4**(客戶端錯(cuò)誤類(lèi)):請(qǐng)求包含錯(cuò)誤語(yǔ)法或不能正確執(zhí)行

400? Bad Request? 服務(wù)器無(wú)法理解請(qǐng)求的格式单刁,客戶端不應(yīng)當(dāng)嘗試再次使用相同的內(nèi)容發(fā)起請(qǐng)求灸异。

401? Unauthorized 請(qǐng)求未授權(quán)。

403? Forbidden? 禁止訪問(wèn)羔飞。

404? Not Found? 找不到如何與 URI 相匹配的資源肺樟。

5**(服務(wù)端錯(cuò)誤類(lèi)):服務(wù)器不能正確執(zhí)行一個(gè)正確的請(qǐng)求

500? Internal Server Error? 最常見(jiàn)的服務(wù)器端錯(cuò)誤。

503? Service Unavailable 服務(wù)器端暫時(shí)無(wú)法處理請(qǐng)求(可能是過(guò)載或維護(hù))逻淌。

三:瀏覽器是如何渲染頁(yè)面的么伯?

1,簡(jiǎn)述瀏覽器渲染過(guò)程

1恍风,解析HTML以構(gòu)建DOM樹(shù):渲染引擎開(kāi)始解析HTML文檔,轉(zhuǎn)換樹(shù)中的html標(biāo)簽或js生成的標(biāo)簽到DOM節(jié)點(diǎn)誓篱,它被稱為 — 內(nèi)容樹(shù)朋贬。

2,構(gòu)建渲染樹(shù):解析CSS(包括外部CSS文件和樣式元素以及js生成的樣式)窜骄,根據(jù)CSS選擇器計(jì)算出節(jié)點(diǎn)的樣式锦募,創(chuàng)建另一個(gè)樹(shù) — 渲染樹(shù)。,

3邻遏,布局渲染樹(shù): 從根節(jié)點(diǎn)遞歸調(diào)用糠亩,計(jì)算每一個(gè)元素的大小、位置等准验,給每個(gè)節(jié)點(diǎn)所應(yīng)該出現(xiàn)在屏幕上的精確坐標(biāo)赎线。

4,繪制渲染樹(shù): 遍歷渲染樹(shù)糊饱,每個(gè)節(jié)點(diǎn)將使用,

2.CSS阻塞渲染

CSS 是阻塞渲染的資源垂寥。需要將它盡早、盡快地下載到客戶端,以便縮短首次渲染的時(shí)間滞项。

這就是為什么我們將外部樣式的引入放在head標(biāo)簽中的原因狭归,在body渲染前先把相對(duì)完整CSSOM Tree構(gòu)建好。

3.JavaScript阻塞渲染

JavaScript 會(huì)阻止 DOM 構(gòu)建和延緩網(wǎng)頁(yè)渲染文判。 為了實(shí)現(xiàn)最佳性能过椎,可以讓您的JavaScript 異步執(zhí)行,并去除關(guān)鍵渲染路徑中任何不必要的 JavaScript戏仓。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末疚宇,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子柜去,更是在濱河造成了極大的恐慌灰嫉,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嗓奢,死亡現(xiàn)場(chǎng)離奇詭異讼撒,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)股耽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)根盒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人物蝙,你說(shuō)我怎么就攤上這事炎滞。” “怎么了诬乞?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,671評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵册赛,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我震嫉,道長(zhǎng)森瘪,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,252評(píng)論 1 279
  • 正文 為了忘掉前任票堵,我火速辦了婚禮扼睬,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘悴势。我一直安慰自己窗宇,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布特纤。 她就那樣靜靜地躺著军俊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪捧存。 梳的紋絲不亂的頭發(fā)上蝇完,一...
    開(kāi)封第一講書(shū)人閱讀 49,031評(píng)論 1 285
  • 那天官硝,我揣著相機(jī)與錄音,去河邊找鬼短蜕。 笑死氢架,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的朋魔。 我是一名探鬼主播岖研,決...
    沈念sama閱讀 38,340評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼警检!你這毒婦竟也來(lái)了孙援?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,973評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤扇雕,失蹤者是張志新(化名)和其女友劉穎拓售,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體镶奉,經(jīng)...
    沈念sama閱讀 43,466評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡础淤,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了哨苛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸽凶。...
    茶點(diǎn)故事閱讀 38,039評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖建峭,靈堂內(nèi)的尸體忽然破棺而出玻侥,到底是詐尸還是另有隱情,我是刑警寧澤亿蒸,帶...
    沈念sama閱讀 33,701評(píng)論 4 323
  • 正文 年R本政府宣布凑兰,位于F島的核電站,受9級(jí)特大地震影響边锁,放射性物質(zhì)發(fā)生泄漏姑食。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評(píng)論 3 307
  • 文/蒙蒙 一砚蓬、第九天 我趴在偏房一處隱蔽的房頂上張望矢门。 院中可真熱鬧盆色,春花似錦灰蛙、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,259評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至宣旱,卻和暖如春仅父,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工笙纤, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留耗溜,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,497評(píng)論 2 354
  • 正文 我出身青樓省容,卻偏偏與公主長(zhǎng)得像抖拴,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子腥椒,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 【轉(zhuǎn)載】CSDN - 張林blog http://blog.csdn.net/XIAOZHUXMEN/articl...
    竿牘閱讀 3,481評(píng)論 1 14
  • 前端開(kāi)發(fā)面試題 面試題目: 根據(jù)你的等級(jí)和職位的變化阿宅,入門(mén)級(jí)到專家級(jí),廣度和深度都會(huì)有所增加笼蛛。 題目類(lèi)型: 理論知...
    怡寶丶閱讀 2,569評(píng)論 0 7
  • 什么是事件委托洒放?為什么要用事件委托? 什么是事件委托滨砍? 事件委托往湿,又稱事件代理,就是將元素的事件處理交由父元素或者...
    郝晨光閱讀 1,259評(píng)論 0 14
  • 那些爛糟虛靡的往事都磨成一個(gè)狗腦把酒言歡的喝下去
    李幻一閱讀 261評(píng)論 0 1
  • 這是一個(gè)曾經(jīng)令我崇拜的人(如圖)惨好, 包括大家熟悉的羅胖 夜聽(tīng)的劉筱 南方都市報(bào)的咪蒙煌茴, 只讀金庸的六神磊磊, 以及...
    靜工皮匠閱讀 235評(píng)論 1 1