自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Frank的博客

我是标题

  • 博客(8)
  • 收藏
  • 关注

原创 TCP协议

TCP协议欢迎使用Markdown编辑器TCP三次握手功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markd

2021-09-24 09:53:28 172

原创 CSS3 animation详解

使用animation属性定义CSS3动画需要2步:(1)定义动画:使用动画之前,必须使用@keyframes规则定义动画 语法:0%表示动画的开始,100%表示动画的结束。0%和100%是必须的,不过在一个@keyframes规则中可以由多个百分比构成,每一个百分比都可以定义自身的CSS样式,从而形成一系列的动画效果。使用@keyframes规则时,如果仅仅只有0%和100%这两个百分比的话,...

2018-03-01 11:20:20 1217

原创 DOMContentLoaded与load的区别

        DOMContentLoaded顾名思义,就是dom内容加载完毕。那什么是dom内容加载完毕呢?我们从打开一个网页说起。当输入一个URL,页面的展示首先是空白的,然后过一会,页面会展示出内容,但是页面的有些资源比如说图片资源还无法看到,此时页面是可以正常的交互,过一段时间后,图片才完成显示在页面。从页面空白到展示出页面内容,会触发DOMContentLoaded事件。而这段时间就是...

2018-02-28 18:36:58 658

转载 移动前端开发之viewport的深入理解

移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是...

2018-02-28 15:21:54 241

转载 from disk/memory cache详解

webkit资源的分类webkit的资源分类主要分为两大类:主资源和派生资http状态码200 from memory cache不访问服务器,直接读缓存,从内存中读取缓存。此时的数据时缓存到内存中的,当kill进程后,也就是浏览器关闭以后,数据将不存在。但是这种方式只能缓存派生资源200 from disk cache不访问服务器,直接读缓存,从磁盘中读取缓存,当kill进程时,数据还是存在。这...

2018-02-28 14:24:28 4500

原创 304 Not Modified详解

第一次访问 200 鼠标点击二次访问 (Cache) 按F5刷新 304 按Ctrl+F5强制刷新 200        在客户端向服务端发送http请求时,若返回状态码为304 Not Modified 则表明此次请求为条件请求。在请求头中有两个请求参数:If-Modified-Since 和 If-None-Match。        当客户端缓存了目标资源但不确定该缓存资源是否是最新版本的时...

2018-02-28 14:16:13 276745 18

原创 HTTP状态码解析

HTTP状态码(HTTP Status Code)1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码   说明100   (继续)请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101   (切换协议)请求者已要求服务器切换协议,服务器已确认并准备切换。 2xx (成功)表示成功处理了请求的状态代码。代码   说明200   (成功)  服...

2018-02-28 13:51:26 275

原创 Chrome Timing名词解释

ConnectionSetup(建立连接)1.Queueing 浏览器有线程限制的,不能同时发送所有请求,当请求较多时,就得排队。指从添加到待处理队列到实际开始处理的时间间隔2.Stalled 指浏览器得到要发出这个请求的指令到请求可以发出的时间间隔。一般是代理协商、以及等待可复用的TCP连接释放的时间,不包括DNS查询、建立TCP连接等时间等3.DNSLookup 执行DNS查找所需的时间。每个...

2018-02-28 10:32:05 653

空空如也

空空如也

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

TA关注的人

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