自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 从服务器接收到响应报文到解析页面

输入URL到页面加载——从服务器接收到响应报文到解析页面HTML解析,构建DOMHTML到构建出DOM的过程简述如下Bytes(字节流) → characters(字符流) → tokens(次元) → nodes(节点对象) → DOM(文档对象模型)整个过程大致为:1.Conversion转换: 浏览器将获得的HTML内容(Bytes)基于定义的编码格式进行转换为单个字符(cha...

2019-01-29 00:00:44 2593

原创 从服务器接收到请求到对应后台接收到请求

输入URL到页面加载——从服务器接收到请求到对应后台接收到请求负载均衡对于大型的项目,由于并发访问量非常大,所以往往一台服务器是吃不消的,一般会有若干台服务器组成一个集群,然后通过配合反向代理实现负载均衡。这里实现负载均衡的方式有很多种,我们以比较熟悉的方向代理负载均衡为例,先来看看它的调度算法:1.weight(轮询)​ 接收到的请求按照顺序逐一分配到不同的后端服务器,即使在使用过程中...

2019-01-27 22:40:37 4780

原创 开启网络请求线程到发出一个完整的http请求

输入URL到页面加载——开启网络请求线程到发出一个完整的http请求解析URLURL一般包括几大部分:protocol:协议头,比如https、htpp、ftp等host:主机域名或IP地址port:端口号path:目录路径query:查询参数,比如 a=1&&b=2fragment:即#后的hash值,一般用来定位到某个位置网络请求都是单独的线程每次网络请...

2019-01-27 22:39:05 1497

原创 浏览器接收URL开启网络请求线程

从输入URL到页面加载——浏览器接收URL开启网络请求线程浏览器是多进程的浏览器是多进程的浏览器之所以能够运行,是因为系统给它的进程分配了资源(cpu、内存)每打开一个页面,就相当于创建了一个独立的进程根据浏览器的优化策略,有时多个页面的进程会被合并浏览器包含哪些进程Browser进程:浏览器的主进程(负责调度),只有一个。负责浏览器的界面显示,与用户交互。如前进,后退等...

2019-01-27 22:36:45 797

原创 防抖与节流

函数防抖与函数节流为什么会有函数防抖我们现在有一个input框,需要实现一个类似搜索引擎的功能,当输入文字时进行模糊查询业务。<input type="text" id="debounce"><script type="

2019-01-18 00:06:49 1394 1

转载 BFC是什么

BFC是什么BFC(Block formatting context)直译为"块级格式上下文"。它表示一个独立的渲染区域,只有块级元素(Block-level)参与其中,它有一套渲染规则,这套规则决定了内部的块级元素如何布局,并且这个区域与外部完全隔绝。BFC布局规则内部的Box会在垂直方向,一个接一个的放置Box的垂直方向的距离由margin决定,并且属于同一个BFC中的两个相邻的Bo...

2019-01-17 00:32:11 306

原创 CSS实现图片自适应布局

CSS实现图片自适应布局最轻松的写法<div class="container"> // 这里图片尺寸为440X440像素, <img src="./images/medium.jpg" alt="test"></div><sty

2019-01-14 21:36:12 16087

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除