大南瓜鴨

一厨剪、虛擬DOM 1哄酝、JSX 是一種看起來(lái)非常像 HTML 的 JavaScript 語(yǔ)法的擴(kuò)展，React 使用它來(lái)描述用戶界面長(zhǎng)成什么樣子祷膳。在 React 代碼執(zhí)行之前陶衅，B...

大南瓜鴨

前端性能優(yōu)化 一、請(qǐng)求響應(yīng)優(yōu)化 減少DNS查找:每次主機(jī)名的解析都需要一次網(wǎng)絡(luò)往返直晨，從而增加了請(qǐng)求的延遲時(shí)間同時(shí)還會(huì)阻塞后續(xù)的請(qǐng)求搀军。 重用TCP連接:盡可能的使用持久連接，以...

大南瓜鴨

從輸入url到頁(yè)面加載完成發(fā)生了什么 一勇皇、瀏覽器接收到URL，到網(wǎng)絡(luò)請(qǐng)求線程的開啟。 1窟感、URL解析 URL結(jié)構(gòu):Protocol://Host:Port/Path?Quer...

大南瓜鴨

現(xiàn)代模塊化機(jī)制要解決的問(wèn)題如下 命名污染习贫，全局污染，變量沖突等基礎(chǔ)問(wèn)題 內(nèi)聚且私有兄淫，變量不能被外界污染到 怎么引入（依賴）其它模塊屯远，怎樣暴露出接口給其它模塊 依賴順序問(wèn)題，比...

大南瓜鴨

一氓润、Promise源碼實(shí)現(xiàn) 定義初始類型 設(shè)置初始狀態(tài) 監(jiān)聽狀態(tài)變化 resolve 和 reject 方法，這兩個(gè)方法是要更改status的, 入?yún)⒎謩e是value 和 r...

大南瓜鴨

一薯鳍、瀏覽器內(nèi)置對(duì)象 什么是瀏覽器對(duì)象模型 BOM ：Browser Object Model（瀏覽器對(duì)象模型）,瀏覽器模型提供了獨(dú)立于內(nèi)容的咖气、可以與瀏覽器窗口進(jìn)行滑動(dòng)的對(duì)象結(jié)...

大南瓜鴨

一挨措、關(guān)于this指向的幾種場(chǎng)景 1、默認(rèn)綁定（函數(shù)直接調(diào)用） 非嚴(yán)格模式下崩溪，默認(rèn)綁定指向全局（node 中是 global） 把最外層 var a = 1 -> let a ...

大南瓜鴨

一浅役、let 和 const 1、塊級(jí)作用域 先來(lái)舉個(gè)栗子 會(huì)輸出4個(gè)4伶唯，因?yàn)椋?var定義的變量是全局的, 所以全局只有一個(gè)變量i. setTimeout是異步, 在下一輪事...

大南瓜鴨

一乳幸、繼承的多種方法 1瞪讼、原型鏈繼承 Parent的實(shí)例同時(shí)包含實(shí)例屬性方法和原型屬性方法，所以把new Parent()賦值給Child.prototype粹断。 2.當(dāng)Chil...

大南瓜鴨

html 加載時(shí)發(fā)生了什么 在頁(yè)面加載時(shí)养筒，瀏覽器把獲取到的HTML代碼解析成1個(gè)DOM樹曾撤，DOM樹里包含了所有HTML標(biāo)簽，包括display:none隱藏晕粪，還有用JS動(dòng)態(tài)添...