我们的前端里面有一个屏幕流的概念,就是我们看到的前端的HTML页面,它一整个页面就是屏幕流,之所以叫做流,是因为它是可流动的,我们的HTML标签,在交给浏览器渲染的时候,会有一些css属性,比如浮动,float,比如fix,position,他们是可以让我们的HTML标签浮动起来的,就是脱离我们的屏 ...
分类:
Web程序 时间:
2018-03-29 23:15:00
阅读次数:
376
一、浏览器渲染开篇,我们还是不厌其烦的回顾一下浏览器的渲染过程,先上图:正如上图所展示的,我们浏览器渲染过程分为了两条主线:其一,HTML Parser 生成的 DOM 树;其二,CSS Parser 生成的 Style Rules ;在这之后,DOM 树与 Style Rules 会生成一个新的对... ...
分类:
Web程序 时间:
2018-03-23 14:12:31
阅读次数:
225
本文主要介绍一下什么是reflow,repaint, 怎样避免它们造成的不良影响, 怎么通过工具查看分析它们. 一.首先对浏览器渲染引擎下网页呈现过程简要说一下: 以上5步中,主要耗时的是后2步,后两步合称为渲染(render)。 二: 什么是reflow 和 repaint: 网页在生成的过程中, ...
分类:
其他好文 时间:
2018-03-20 00:41:15
阅读次数:
159
HTML介绍 Web服务本质 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的 ...
分类:
编程语言 时间:
2018-03-15 22:18:58
阅读次数:
304
1、web服务的本质浏览器发请求-->HTTP协议-->服务端接收请求-->服务端返回响应-->服务端把HTML文件内容发给浏览器-->浏览器渲染页面之前学过用python方式实现C/S建立socket通信,浏览器与服务端实现通信是B/S架构服务端代码:importsocketserver=socket.socket()server.bind(("127.0.0.1"
分类:
Web程序 时间:
2018-03-12 12:05:16
阅读次数:
185
html介绍 web服务本质 浏览器发送请求-->http协议-->服务端接收请求-->服务端返回响应-->服务端把html问件内容发送给浏览器-->浏览器渲染页面 http协议:简单来说就是浏览器和服务器之间约定好的消息格式。 html:通俗来讲就是是一个标准规定了怎么写网页。 html是一种标记 ...
分类:
Web程序 时间:
2018-03-10 22:12:13
阅读次数:
420
1. 什么是DOCTYPE及其作用 1. 浏览器渲染过程 1. 重排Reflow 1. 重绘Repaint 1. 布局Layout 一、什么是DOCTYPE及其作用 DTD(document type defiition,文档类型定义)是一系列的语法规则,用来定义XML或者Html的文件类型。浏览器 ...
分类:
其他好文 时间:
2018-03-07 23:50:23
阅读次数:
205
一、HTML介绍 1、Web服务本质 当我们在浏览器中输入一个url后打开一个页面这个过程实质是一个网络编程中的sockt服务端接受指令并发送指令的一个过程。本质顺序是: 浏览器发请求——>HTTP协议——>服务端接受请求——>服务端返回响应——>服务端把HTML文件内容发给浏览器——>浏览器渲染页 ...
分类:
Web程序 时间:
2018-03-06 20:23:37
阅读次数:
356
1,web服务的本质 浏览器搜索的过程: 浏览器发送请求-->HTTP协议-->服务端接收请求-->服务端返回响应-->服务端把HTML文件内容发给浏览器-->浏览器渲染页面 2,HTML HTML是超文本标记语言是一种用于创建网页的标记语言。本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根 ...
分类:
Web程序 时间:
2018-03-05 17:05:17
阅读次数:
217
HTML介绍 web服务本质 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML概念 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记 ...
分类:
Web程序 时间:
2018-03-05 15:30:01
阅读次数:
164