240 發(fā)簡(jiǎn)信
IP屬地:上海
  • Web Components

    最簡(jiǎn) Radio 最簡(jiǎn)的自定義Radio窑睁,只是封裝了label:封裝前: 封裝后: Radio 實(shí)現(xiàn): 定義自定義元素:通過(guò)繼承HTMLElement創(chuàng)建自定義元素,通過(guò)cu...

  • websocket

    瀏覽器發(fā)起http請(qǐng)求初始化連接葵孤; 服務(wù)器響應(yīng)担钮,從http協(xié)議切換到websocket協(xié)議; websocket使用自定義協(xié)議而非http協(xié)議尤仍; 優(yōu)點(diǎn):客戶端和服務(wù)器可以發(fā)送...

  • 編碼

    字符集與編碼 字符集對(duì)應(yīng)多種編碼方案箫津。 1. ASCII 全稱:美國(guó)信息交換標(biāo)準(zhǔn)碼 編碼范圍:使用7位來(lái)表示每個(gè)字符,總共可以編碼128個(gè)字符宰啦。 適用范圍:主要適用于英文字符...

  • 靜態(tài)服務(wù)

    要使用 Node.js 創(chuàng)建一個(gè)簡(jiǎn)單的靜態(tài)文件服務(wù)器苏遥,你可以使用 Node.js 的內(nèi)置 http 模塊,配合 fs(文件系統(tǒng))模塊來(lái)讀取并返回靜態(tài)文件內(nèi)容赡模。這里有一個(gè)簡(jiǎn)單的...

  • 發(fā)布/訂閱模式的EventEmitter的實(shí)現(xiàn)

    EventEmitter 是 Node.js 中實(shí)現(xiàn)事件發(fā)布/訂閱模式的核心類田炭,用于處理異步事件。在瀏覽器環(huán)境中漓柑,我們也可以簡(jiǎn)單實(shí)現(xiàn)一個(gè)類似的 EventEmitter教硫,來(lái)理...

  • 戰(zhàn)勝惰性叨吮,培養(yǎng)自律,迎接重大挑戰(zhàn)

    在人生的道路上瞬矩,我們時(shí)常會(huì)面臨一些既可行又有挑戰(zhàn)性的任務(wù)挤安。雖然我們可能具備完成這些任務(wù)的能力,但有時(shí)需要克服一點(diǎn)點(diǎn)的自身惰性丧鸯。如果過(guò)于縱容自己的懶惰蛤铜,一旦遇到重大挑戰(zhàn),常常會(huì)...

  • Ant Design

    Layout 頁(yè)面級(jí)整體布局丛肢。 主題 Ant design 將影響主題的最小元素稱之為Design Token围肥,如colorText, fontSize等。 組件中使用當(dāng)前主...

  • CSS 關(guān)鍵幀動(dòng)畫

    關(guān)鍵幀動(dòng)畫是在時(shí)間軸上定義關(guān)鍵幀并指定其屬性值的動(dòng)畫技術(shù)蜂怎。百分比用于表示動(dòng)畫的時(shí)間進(jìn)度穆刻,從而確定在特定時(shí)間節(jié)點(diǎn)上動(dòng)畫元素應(yīng)該具有的屬性值。 關(guān)鍵幀動(dòng)畫應(yīng)用 以下是一個(gè)簡(jiǎn)單的C...

  • css 屬性

    white-space:用于控制元素內(nèi)部inline | inline-block | 文本空白字符(例如空格杠步、制表符和換行符)的處理方式氢伟。自動(dòng)換行:text-wrap: n...

  • nginx 實(shí)戰(zhàn)

    nginx 指令 location location指令用于配置請(qǐng)求的匹配規(guī)則,并指定對(duì)應(yīng)的處理方式幽歼。nginx 按照以下順序匹配location塊: 精準(zhǔn)匹配朵锣,如果請(qǐng)求的u...

  • 微前端之 qiankun 實(shí)戰(zhàn)

    微前端概述 微前端就是將應(yīng)用拆分成多個(gè)子應(yīng)用,主應(yīng)用再加載這些子應(yīng)用甸私。核心就是先拆后合诚些。 微前端解決的問(wèn)題 技術(shù)棧不同 獨(dú)立開(kāi)發(fā),獨(dú)立部署 微前端方案 iframe:通過(guò)if...

  • History

    pushState向?yàn)g覽器會(huì)話歷史堆棧中添加一個(gè)狀態(tài)皇型,并更新地址欄诬烹。 onpopstate當(dāng)調(diào)用history.back(), history.go(), 點(diǎn)擊瀏覽器回退前進(jìn)...

  • 31. React源碼之更新優(yōu)先級(jí)--高優(yōu)更新打斷低優(yōu)更新

    在構(gòu)建Fiber樹(shù)過(guò)程中如果出現(xiàn)高優(yōu)更新,則高優(yōu)更新會(huì)先執(zhí)行弃鸦。 代碼詳情 useEffect中的更新優(yōu)先級(jí)低于onClick中的更新優(yōu)先級(jí)绞吁,當(dāng)useEffect中的更新在渲染...

  • 120
    30. React源碼之更新優(yōu)先級(jí)--并發(fā)渲染

    React render階段是并發(fā)的,首先創(chuàng)建一個(gè)宏任務(wù)用于構(gòu)建Fiber樹(shù)唬格,待瀏覽器執(zhí)行渲染等高優(yōu)操作后家破,取出宏任務(wù)執(zhí)行,如果5ms 未執(zhí)行完任務(wù)西轩,再次創(chuàng)建一個(gè)宏任務(wù)员舵,等待...

  • 120
    29. React源碼之更新優(yōu)先級(jí)--lane

    更新可以設(shè)置優(yōu)先級(jí)脑沿,在處理更新的時(shí)候可以指定渲染優(yōu)先級(jí)藕畔,高于指定渲染優(yōu)先級(jí)的更新才能渲染。React中使用lane(車道)表示任務(wù)優(yōu)先級(jí)庄拇,共有31個(gè)lane注服,數(shù)字越小優(yōu)先級(jí)越...

  • 28. React源碼之scheduler--調(diào)度

    瀏覽器事件循環(huán)機(jī)制: 瀏覽器執(zhí)行調(diào)用棧上的代碼韭邓; 清空微任務(wù)以及新加入的微任務(wù); 檢查是否需要渲染溶弟,如果需要渲染執(zhí)行渲染操作(resize回調(diào)女淑,scroll回調(diào),reques...

  • 27. React源碼之scheduler--最小堆

    最小堆特點(diǎn)是一棵完全二叉樹(shù)辜御,父節(jié)點(diǎn)小于子節(jié)點(diǎn)鸭你;采用數(shù)組存儲(chǔ)。 代碼詳情 知識(shí)點(diǎn) 插入節(jié)點(diǎn):將待插入節(jié)點(diǎn)放到數(shù)組末尾向上調(diào)整擒权; 刪除節(jié)點(diǎn):數(shù)組第一個(gè)元素是最小節(jié)點(diǎn)袱巨,將最后一個(gè)元...

  • 120
    26. React源碼之useLayoutEffect

    useLayoutEffect會(huì)在所有DOM變更之后同步調(diào)用effect。 執(zhí)行DOM變更時(shí)調(diào)用effect destroy()方法碳抄,DOM變更后同步調(diào)用effect cre...

  • 120
    25. React源碼之useEffect

    賦值給 useEffect 的函數(shù)會(huì)在組件渲染到屏幕之后執(zhí)行愉老。 掛載階段:beginWork創(chuàng)建hooks及對(duì)應(yīng)的effects,effect.tag = HasEffect...

亚洲A日韩AV无卡,小受高潮白浆痉挛av免费观看,成人AV无码久久久久不卡网站,国产AV日韩精品