1. 瀏覽器架構(gòu) 就目前chorme瀏覽器而言心褐，他是多進(jìn)程的趟脂。有一個(gè)瀏覽器主進(jìn)程攻人，一個(gè)GPU進(jìn)程，一個(gè)網(wǎng)絡(luò)進(jìn)程，多個(gè)渲染進(jìn)程，多個(gè)插件進(jìn)程。 注意： 線程是不能單獨(dú)存在的兴溜，它...
IP屬地：江西
-
瀏覽器工作原理與實(shí)踐一 -
前端網(wǎng)站置灰，實(shí)現(xiàn)哀悼模式背景：全國(guó)的哀悼日耻陕，會(huì)讓首屏或者整個(gè)網(wǎng)站置灰拙徽，但是一行行加樣式是不切實(shí)際的，css 一行代碼可以解決這個(gè)需求方便快捷淮蜈，兼容性也還可以斋攀。 1. 整個(gè)網(wǎng)站置灰 ， 給html直接...
-
react 實(shí)現(xiàn)水印功能背景：在后臺(tái)管理的項(xiàng)目中梧田，會(huì)要求加上水印淳蔼，防止截圖盜取信息等侧蘸， 1. 第一步：先創(chuàng)建水印的模塊組件 創(chuàng)建一個(gè)svg的標(biāo)簽，里面畫上自己需要的水印內(nèi)容鹉梨，然后生成通過(guò)URL.cr...
-
vscode 高亮 原理demo思路 需求：語(yǔ)法高亮本質(zhì)是把源文件中的關(guān)鍵字等具有語(yǔ)法意義的特殊字符序列渲染出來(lái)讳癌。 思路： 從源文件中把關(guān)鍵字識(shí)別出來(lái) 如何渲染識(shí)別出來(lái)的高亮部分 解決方案 去識(shí)別關(guān)...
-
react&redux&react-redux原理（react小書）
生命周期 組件的生命周期 定制shouldComponentUpdate SetState setState有隊(duì)列的概念旦袋，對(duì)狀態(tài)的更新是異步的骤菠，比如在一個(gè)事件函數(shù)中更新多次s...
-
【react面試題】不可錯(cuò)過(guò)的react 面試題 「務(wù)必收藏」
下面是一個(gè)常用的關(guān)于 React 的面試問(wèn)題列表： 無(wú)論作為一個(gè)面試者，或者招聘官疤孕，下面這些問(wèn)題都可以去參考 React 的工作原理 React 會(huì)創(chuàng)建一個(gè)虛擬 DOM(vi...
-
瀏覽器重繪(repaint)和重排(reflow)
1. 重排和重繪概念 瀏覽器下載完頁(yè)面中的所有組件（HTML,CSS,JavaScript,圖片）之后會(huì)解析生成兩個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)（DOM樹和渲染樹） DOM樹表示頁(yè)面結(jié)構(gòu)商乎，渲...
-
深入淺出Rxjs筆記 一
一.函數(shù)式編程 函數(shù)式編程要求： 聲明式 純函數(shù) 數(shù)據(jù)不可變js 不算純粹意義上的函數(shù)式編程語(yǔ)言，但是祭阀，在js中函數(shù)被稱為一等公民鹉戚，函數(shù)本身是一個(gè)對(duì)象，所以可以作為一個(gè)變量专控，...
