更新了元素的幾何屬性（重排） 從上圖可以看出，如果你通過 JavaScript 或者 CSS 修改元素的幾何位置屬性文搂，例如改變?cè)氐膶挾让辶薄⒏叨鹊人ゴ猓敲礊g覽器會(huì)觸發(fā)重新布局议谷，解...
發(fā)簡(jiǎn)信
IP屬地：上海
-
重排儡羔、重繪、合成 -
渲染流程：HTML、CSS和JavaScript憋活，是如何變成頁面的岂津？
構(gòu)建 DOM 樹 構(gòu)建 DOM 樹的輸入內(nèi)容是一個(gè)非常簡(jiǎn)單的 HTML 文件，然后經(jīng)由HTML 解析器解析悦即，最終輸出樹狀結(jié)構(gòu)的 DOM吮成。DOM 和 HTML 內(nèi)容幾乎是一樣的...
-
從輸入U(xiǎn)RL到頁面展示，這中間發(fā)生了什么辜梳？
用戶輸入 當(dāng)用戶在地址欄中輸入一個(gè)查詢關(guān)鍵字時(shí)赁豆，地址欄會(huì)判斷輸入的關(guān)鍵字是搜索內(nèi)容，還是請(qǐng)求的 URL冗美。如果是搜索內(nèi)容，地址欄會(huì)使用瀏覽器默認(rèn)的搜索引擎析二，來合成新的帶搜索關(guān)鍵...
-
最新的Chrome進(jìn)程架構(gòu)
瀏覽器（Browser）主進(jìn)程 主要負(fù)責(zé)界面顯示粉洼、用戶交互、子進(jìn)程管理叶摄，同時(shí)提供存儲(chǔ)等功能属韧。 GPU 進(jìn)程 Chrome 剛開始發(fā)布的時(shí)候是沒有 GPU 進(jìn)程的。而 GPU ...
-
Node.js學(xué)習(xí)筆記
虛擬機(jī) vmware liniux蛤吓？ Node.js——服務(wù)器端語言 http://nodejs.cn/https://nodejs.org/ 用途 中間層安全性——客戶端直...
-
ES6學(xué)習(xí)筆記
變量 var 聲明變量沒有塊級(jí)作用域可以重復(fù)聲明不能限制 let 聲明變量支持塊級(jí)作用域禁止重復(fù)聲明 const 聲明常量支持塊級(jí)作用域禁止重復(fù)聲明控制修改 作用域 傳...
-
前端開發(fā)環(huán)境
前端模塊化 加載一個(gè)資源的過程 瀏覽器根據(jù)DNS服務(wù)器得到域名的IP地址 向這個(gè)IP的機(jī)器發(fā)送http請(qǐng)求 服務(wù)器收到宵喂、處理并返回http請(qǐng)求 瀏覽器得到返回內(nèi)容 瀏覽器渲染...
-
瀏覽器渲染進(jìn)程
瀏覽器的渲染進(jìn)程是多線程的參考：https://segmentfault.com/a/1190000012925872 阻塞渲染 DOM樹的生成過程中可能會(huì)被CSS和JS的加...
-
JS基礎(chǔ)總結(jié)1 變量 2 === 與 == obj.a == null是obj.a === nul || obj.a === undefined簡(jiǎn)寫 3 內(nèi)置函數(shù) 都可以使用new關(guān)鍵字...
-
css動(dòng)畫
動(dòng)畫類型 1transition補(bǔ)間動(dòng)畫 位置-平移（left/right/margin/transform） 方位-旋轉(zhuǎn)（transform) 大小-縮放（transfor...
-
CSS樣式（選擇器）的優(yōu)先級(jí)
css樣式（選擇器）的優(yōu)先級(jí) 計(jì)算權(quán)重分類 important 內(nèi)聯(lián)樣式 后寫的優(yōu)先級(jí)高
-
line-height（css行高）
行高 行高決定上下多余的寬度淌山，會(huì)把上面裸燎、外面的盒子撐起來。 一個(gè)內(nèi)聯(lián)元素inline-box加到一起組成一行的元素line-box泼疑，line-box的高度由inline-bo...
-
-
HTML基礎(chǔ)知識(shí)
為什么a標(biāo)簽包含div是合法的？ 取決于外面是什么元素，a是transparent content model移稳，計(jì)算的時(shí)候要拿掉a標(biāo)簽蕴纳。 如果a上一層是div或body，則a...
-
盒子模型和box-sizing屬性盒子模型分類 IE盒子模型 標(biāo)準(zhǔn)盒子模型（W3C盒子模型） 這兩個(gè)模型的唯一區(qū)別是計(jì)算width和height時(shí)，IE盒子模型包含padding和border, W3C盒子模...
-
sticky footer布局
實(shí)例 套路 一個(gè)展示內(nèi)容content的容器wrapper 一個(gè)展示footer的容器 wrapper設(shè)置最小高度几蜻，保證可以展示全部?jī)?nèi)容 設(shè)置content下內(nèi)邊距喇潘，給foo...
