一、浏览器渲染过程 浏览器的渲染过程分为以下几个步骤：1.将HTML解析成DOM树 2. 将CSS解析成 CSS Rule Tree 3. 根据DOM树和CSSOM来构造 Rendering Tree 4.再下一步就是绘制，即遍历render树，并使用UI后端层绘制每个节点 相关概念说明： DOM ...
分类：
其他好文 时间：
2018-07-06 16:00:23
阅读次数：
207
渲染引擎的作用包含解析html生成dom，生成render树，dom改变及样式改变下的重排（对布局位置重新计算），重绘（绘制在屏幕上） 渲染引擎与JS引擎为互斥关系，但根据timeline发现，JS执行时重排和解析html也可能会同时执行，但重绘一定是互斥的 这也许是浏览器做的优化策略，在JS引擎执 ...
分类：
Web程序 时间：
2018-06-24 14:02:33
阅读次数：
1391
[1]概述 [2]构建请求 [3]网络传输 [4]服务器处理及反向传输 [5]浏览器渲染 ...
分类：
Web程序 时间：
2018-06-17 20:14:35
阅读次数：
202
HTML Hyper Text Markup Language 我们所编写的代码，通过浏览器渲染，生成网页。 w3c，万维网联盟是目前web领域最具权威和影响力技术标准机构。 目前为止，w3c已发布了200多项影响深远的web技术标准及实施指南。 hyper text 超文本：不只包括文本，也可以包 ...
分类：
Web程序 时间：
2018-06-17 15:13:45
阅读次数：
163
1. 介绍 1.1 什么是 Box Model 在HTML中的每个element(元素)都可以看作一个矩形的盒子，矩形从内到外依次由元素的内容(content)、内边距(padding)、边框(border)、外边距(margin)组成。 在CSS的布局中，元素的矩形被称为"Box Model"，即 ...
分类：
Web程序 时间：
2018-06-16 13:35:11
阅读次数：
247
一、什么是XSS? XSS全称是Cross Site Scripting即跨站脚本，当目标网站目标用户浏览器渲染HTML文档的过程中，出现了不被预期的脚本指令并执行时，XSS就发生了。 这里我们主要注意四点：1、目标网站目标用户；2、浏览器；3、不被预期；4、脚本。 二、XSS有什么危害？ 当我们知 ...
分类：
其他好文 时间：
2018-06-10 21:36:00
阅读次数：
210
首先我们提到爬虫，我们不得不说网页，因为我们使用python编写的爬虫实际上是针对于网页进行设计的，解析网页以及抓取这些数据是爬虫需要做的事情，日常中我们看到这些网页，可以看到很多图片，很多的标题以及很多的文字信息，实际上他们都是在浏览器渲染后的结果，我们可以吧浏览器理解为一个翻译官，它把这些原始的 ...
分类：
Web程序 时间：
2018-06-07 21:53:22
阅读次数：
177
CSS框模型（译者注：也被称为“盒模型”）是网页布局的基础 ——每个元素被表示为一个矩形的方框，框的内容、内边距、边界和外边距像洋葱的膜那样，一层包着一层构建起来。浏览器渲染网页布局时，它会算出每个框的内容要用什么样式，周围的洋葱层有多大，以及框相对于其它框放在哪里。在理解如何创建 CSS 布局之前 ...
分类：
Web程序 时间：
2018-06-05 18:42:08
阅读次数：
269
一、HTML简介 1.浅谈WEB服务 WEB的本质其实就是一个socket服务端，其工作流程为： 1）浏览器发送请求（请求通过HTTP/HTTPS协议进行传输） 2）服务端接收请求并做出相应的响应，将相应的HTTP请求的数据发送给浏览器 3）浏览器渲染页面 2.什么是HTML 全称：超文本标记语言（ ...
分类：
Web程序 时间：
2018-06-04 21:27:41
阅读次数：
222
CSS框模型（译者注：也被称为“盒模型”）是网页布局的基础 ——每个元素被表示为一个矩形的方框，框的内容、内边距、边界和外边距像洋葱的膜那样，一层包着一层构建起来。 浏览器渲染网页布局时，它会算出每个框的内容要用什么样式，周围的洋葱层有多大，以及框相对于其它框放在哪里。 在理解如何创建 CSS 布局... ...
分类：
Web程序 时间：
2018-06-01 16:52:38
阅读次数：
198
