原创 框模型
框模型 盒的content，padding和border區域的背景樣式通過生成元素的’background’屬性來指定。Margin背景總是透明的 存在兼容性問題是： IE 盒子模型的範圍也包括 margin、border、p
2020-06-28 08:41:00
原创 深入理解函數內部原理（1）——函數定義、調用、解析、執行
在閱讀本博客之前先閱讀： 執行環境： http://blog.csdn.net/wmaoshu/article/details/60466990 引用規範類型：http://yanhaijing.com/es5/#80 本系
2020-06-28 08:40:58
原创 TCP任何保證可靠的數據傳輸？
什麼是可靠，所謂的可靠就是說發送方發送的數據到達接收方的時候不會發生錯誤，不會丟失，不會亂序。 在網絡層表現看來是這樣的，當從運輸層傳下報文段之後，封裝成ip數據報，然後經過複雜的網絡傳輸到目的主機，在傳輸過程中可能在這個複雜的大網絡中發
2020-06-28 08:40:57
原创 TCP建立連接（三次握手）和釋放（四次揮手）的詳細解釋
TCP建立連接（三次握手）和釋放（四次揮手）的狀態圖，接下去所有的文字將描述這個圖： 在客戶端和服務器端還沒有建立連接，分別處於closed狀態，當要開始建立連接的時候： ①到⑥是兩個主機建立連接三次握手的過程。⑦到 ⑩是釋放連接的過
2020-06-28 08:40:57
1
原创 IP數據報首部格式&爲什麼要有IP地址&IP地址演化過程
一、IP數據報首部格式 抓包後得到的IP數據報 這裏就不對每部分一一贅述了。 二、IP地址表示演化過程（從主機到CIDR） （1）什麼是IP地址？ IP地址就是給互聯網上每一個接口定義的一個32位標識符來唯一的標識每一
2020-02-24 04:00:44
原创 BFC
一、BFC是什麼？ BFC是定義了在正常流中塊元素的佈局方式。怎麼理解，看下面敘述。 當一個元素的position聲明爲static或者是默認狀態下，這個元素就會被佈局在正常流中。我們知道在根元素也就是html或者body元素中嵌套一個塊
2020-02-24 04:00:44
原创 絕對定位實現左右上下自適應佈局
絕對定位實現單欄左右自適應上下自適應佈局。這裏的左右上下自適應佈局是依賴於絕對定位的絕對定位的可視化格式模型的。下面就要介紹絕對定位在水平方向和垂直方向上各個參數之間的關係。 絕對定位元素的包含塊？ 在介紹正式內容之前，先介紹絕
2020-02-24 04:00:44
1
原创 深入理解函數內部原理（3）——動態的this
在閱讀本博客之前先閱讀： 深入理解函數之函數定義、調用、解析、執行 解剖http://blog.csdn.net/wmaoshu/article/details/60469571 深入理解函數之對一個函數實例進行深入的分析
2020-02-24 04:00:44
原创 你真的瞭解行盒模型嗎？
前言 這一篇博客主要討論的是行盒模型原理性的東西，如果想學習技巧的話可能這篇博客不適合。組成這個行盒模型的成分有不可替換的行內元素、可替換的行內元素、匿名行框、等。所以爲了能夠討論明白行盒模型之前先明白行內元素在盒子模型中的表現。進而討
2020-02-24 04:00:44
原创 css屬性值得確定（繼承，層疊）
當html加載完之後開始進行解析最終生成DOM樹，然後與此同時相關的CSS解析器開始對文檔中的樣式表進行解析以便於生成CSSOM樹。然後最終將DOM樹和CSSOM樹合併成render樹在經過佈局和繪製等過程最終繪製到瀏覽器窗口或者其他設備
2020-02-24 04:00:44
原创 javascript代碼爲什麼運行這麼慢？
Js之所以比起c++慢，是因爲js是一個解析型無類型的語言，而c++等是編譯型的靜態類型的語言。編譯型的語言是在編譯的時候就確定了每一個變量的位置、類型、偏移量。但是js語言是一邊執行一邊確定變量的位置和類型的，大家也都知道，程序
2020-02-24 04:00:44
原创 flexbox（三）伸縮行&伸縮行對齊&所有伸縮項目對齊&單個伸縮項目對齊
伸縮行 Flex items in a flex container are laid out and aligned within flex lines, hypothetical containers used for group
2020-02-24 04:00:44
原创 webkit網頁渲染過程
資源加載單元： 當用戶從地址欄輸入URL地址的時候，發起了一個資源請求，這個請求就會通知各種資源加載器，在資源加載過程中用到了瀏覽器提供的網絡功能（比如：建立連接等）和存儲功能（cached等）。最終從網絡中或者從本地緩存中得到
2020-02-24 04:00:44
原创 flexbox（四）伸縮佈局中的margin&伸縮性&主軸對齊方式
伸縮佈局中的margin： 當使用flex屬性計算伸縮項目的寬度的時候，爲auto的margin會值爲0 在主軸（main axis）方向 如剩餘空間爲正數，則剩餘空間會被平均分配在擁有主軸方向auto margin(s)的flex
2020-02-24 04:00:44