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