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)哀悼模式背景：全國的哀悼日，會(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)容，然后生成通過URL.cr...
-
vscode 高亮 原理demo思路 需求：語法高亮本質(zhì)是把源文件中的關(guān)鍵字等具有語法意義的特殊字符序列渲染出來。 思路： 從源文件中把關(guān)鍵字識(shí)別出來 如何渲染識(shí)別出來的高亮部分 解決方案 去識(shí)別關(guān)...
-
react&redux&react-redux原理（react小書）
生命周期 組件的生命周期 定制shouldComponentUpdate SetState setState有隊(duì)列的概念，對(duì)狀態(tài)的更新是異步的，比如在一個(gè)事件函數(shù)中更新多次s...
-
【react面試題】不可錯(cuò)過的react 面試題 「務(wù)必收藏」
下面是一個(gè)常用的關(guān)于 React 的面試問題列表： 無論作為一個(gè)面試者，或者招聘官，下面這些問題都可以去參考 React 的工作原理 React 會(huì)創(chuàng)建一個(gè)虛擬 DOM(vi...
-
瀏覽器重繪(repaint)和重排(reflow)
1. 重排和重繪概念 瀏覽器下載完頁面中的所有組件（HTML,CSS,JavaScript,圖片）之后會(huì)解析生成兩個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)（DOM樹和渲染樹） DOM樹表示頁面結(jié)構(gòu)，渲...
-
深入淺出Rxjs筆記 一
一.函數(shù)式編程 函數(shù)式編程要求： 聲明式 純函數(shù) 數(shù)據(jù)不可變js 不算純粹意義上的函數(shù)式編程語言，但是，在js中函數(shù)被稱為一等公民，函數(shù)本身是一個(gè)對(duì)象，所以可以作為一個(gè)變量，...
