一、背景介绍浏览器是前端工程师或页面重构师工作中必不可少的，WEB页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验，特别是浏览器渲染页面的原理，页面渲染就是浏览器将HTML代码根据CSS定义的规则显示在浏览器窗口中的这个过程，理解了原理就更会容易理解前端优化的一些准则。 ...
分类：
其他好文 时间：
2018-12-13 23:31:53
阅读次数：
271
HTML介绍 Web服务本质 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML: 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语 ...
分类：
Web程序 时间：
2018-12-13 19:26:08
阅读次数：
166
HTML介绍 Web服务本质 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么？ 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的 ...
分类：
Web程序 时间：
2018-12-13 10:24:47
阅读次数：
236
浏览器渲染展示网页的过程，老生常谈，面试必问，大致分为： 简单解释一下，通过请求得到的 HTML 经过解析（HTML parser）生成 DOM Tree。而在 CSS 解析完毕后，需要将解析的结果与 DOM Tree 的内容一起进行分析建立一棵 Render Tree，最终用来进行绘图（Paint ...
分类：
其他好文 时间：
2018-12-05 16:16:30
阅读次数：
148
1. 大致过程 当你这样子回答的时候： 用户输入 url 地址，浏览器查询 DNS 查找对应的请求 IP 地址 建立 TCP 连接 浏览器向服务器发送 http 请求，如果服务器段返回以 301 之类的重定向，浏览器根据相应头中的 location 再次发送请求 服务器端接受请求，处理请求生成 ht ...
分类：
Web程序 时间：
2018-11-23 10:12:54
阅读次数：
204
反向代理 原理 客户机在发起请求时，不会直接发送给目的主机，而是先发送给代理服务器，代理服务器接收客户机请求后，再向业务主机发出，并接收业务主机返回的数据，存放在代理服务器的硬盘中，再发送给客户机。 正向代理 正向代理 是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原 ...
分类：
其他好文 时间：
2018-11-22 02:39:26
阅读次数：
266
一、重排 & 重绘 有经验的大佬对这个概念一定不会陌生，“浏览器输入URL发生了什么”。估计大家已经烂熟于心了，从计算机网络到JS引擎，一路飞奔到浏览器渲染引擎。 经验越多就能理解的越深。 感兴趣的同学可以看一下这篇文章，深度和广度俱佳： 《从输入 URL 到页面加载的过程？如何由一道题完善自己的前 ...
分类：
其他好文 时间：
2018-11-15 20:16:09
阅读次数：
129
浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么？ 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 本质上是浏览器可识 ...
分类：
Web程序 时间：
2018-11-05 23:38:16
阅读次数：
199
一、准备工作 1、首先，进入阿里的矢量图标库，在这个图标库里面可以找到很多图片资源，当然了需要登录才能下载或者使用，用GitHub账号或者新浪微博账号登录都可以 2、登录以后，可以搜索自己需要的资源，然后直接下载使用，或者建立图标库然后再使用，例如这里以删除的图标为例 a) 搜索删除图标 b) 选择 ...
分类：
其他好文 时间：
2018-11-05 12:21:05
阅读次数：
368
vue 一、认识Vue 定义：一个构建数据驱动的 web 界面的渐进式框架 优点： 1、可以完全通过客户端浏览器渲染页面，服务器端只提供数据 2、方便构建单页面应用程序（SPA） 二、引入Vue <div id="app"> <p title="p&q ...
分类：
其他好文 时间：
2018-10-26 22:08:41
阅读次数：
277
