2016年12月_茂树24

原创绝对定位实现左右上下自适应布局

绝对定位实现单栏左右自适应上下自适应布局。这里的左右上下自适应布局是依赖于绝对定位的绝对定位的可视化格式模型的。下面就要介绍绝对定位在水平方向和垂直方向上各个参数之间的关系。绝对定位元素的包含块？在介绍正式内容之前，先介绍绝对定位即position为absolute元素的包含块。绝对定位元素的包含块是离他最近的position不为static元素的padding框区域，这个元素可以是行内元素或者

2016-12-27 16:57:09 7699

原创框模型

框模型盒的content，padding和border区域的背景样式通过生成元素的’background’属性来指定。Margin背景总是透明的存在兼容性问题是： IE 盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 padding。 margin 说明值

2016-12-26 12:19:53 522

当收到一个资源请求的时候将根据URL创建一个对应于要获得资源的加载器，然后开始对缓存资源进行响应。如果客户端对cached进行了禁用的话，那么将先清空这个资源在缓存中对应的数据，然后进行资源请求（resourceRequest），否则的话就要去缓存池中查找是否存在这个资源。这个缓存池实际是一个html页面，可以在地址栏中输入chrome://view-http-cache/就能得到，从这个页面中可以

2016-12-23 20:16:25 2039

原创 webkit网页渲染过程

资源加载单元：当用户从地址栏输入URL地址的时候，发起了一个资源请求，这个请求就会通知各种资源加载器，在资源加载过程中用到了浏览器提供的网络功能（比如：建立连接等）和存储功能（cached等）。最终从网络中或者从本地缓存中得到要获得的资源。其实这一部分牵扯到http知识网络知识等，《http权威指南》《计算机网络》可能会对这一部分理解有帮助。（好吧这个寒假哏了他们）解析HTML单元：在资源加

2016-12-23 18:59:18 807

原创你真的了解行盒模型吗？

这一篇博客主要讨论的是行盒模型原理性的东西，如果想学习技巧的话可能这篇博客不适合。组成这个行盒模型的成分有不可替换的行内元素、可替换的行内元素、匿名行框、等。所以为了能够讨论明白行盒模型之前先明白行内元素在盒子模型中的表现。进而讨论行盒模型，并且详细的说明了控制行盒模型的几个属性Line-height和vertical-align。详细介绍之前先引入一个问题，请看这个代码。

2016-12-15 10:57:13 3026

原创 BFC

一、BFC是什么？BFC是定义了在正常流中块元素的布局方式。怎么理解，看下面叙述。当一个元素的position声明为static或者是默认状态下，这个元素就会被布局在正常流中。我们知道在根元素也就是html或者body元素中嵌套一个块元素的话，这个块元素就会尽可能的向左和向上的位置进行布局。那么为什么会这样？这是因为这个根元素为这个块元素生成了一个BFC的环境，这个环境决定了这个块元素的布

2016-12-13 17:44:26 539

原创 css属性值得确定（继承，层叠）

当html加载完之后开始进行解析最终生成DOM树，然后与此同时相关的CSS解析器开始对文档中的样式表进行解析以便于生成CSSOM树。然后最终将DOM树和CSSOM树合并成render树在经过布局和绘制等过程最终绘制到浏览器窗口或者其他设备的显示屏上。那么在CSS解析器在解析样式表的过程中属性最终值是怎么确定的？确定某个属性的值大致要经过这么几个过程：首先通过从多条匹配规则中根据规则指

2016-12-10 16:38:12 570

原创 TCP任何保证可靠的数据传输？

什么是可靠，所谓的可靠就是说发送方发送的数据到达接收方的时候不会发生错误，不会丢失，不会乱序。在网络层表现看来是这样的，当从运输层传下报文段之后，封装成ip数据报，然后经过复杂的网络传输到目的主机，在传输过程中可能在这个复杂的大网络中发生数据报的分片，丢失的情况。当到达目的主机后，在目的主机的网络层进行对收到的数据报进行拼装，发现这个报文段缺少了一些部分不完整，所以在目的主机的网络层就是吧这个

2016-12-06 21:13:20 3830

原创 TCP建立连接（三次握手）和释放（四次挥手）的详细解释

TCP建立连接（三次握手）和释放（四次挥手）的状态图，接下去所有的文字将描述这个图：在客户端和服务器端还没有建立连接，分别处于closed状态，当要开始建立连接的时候：①到⑥是两个主机建立连接三次握手的过程。⑦到 ⑩是释放连接的过程。① 服务器端会创建一个应用程序，一般情况下运行着welcome socket 程序。该应用进程对应的套接字的标示符为*.443

2016-12-06 16:17:22 1072

.