HTML介绍 Web服务本质 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么？ 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的 ...
分类：
Web程序 时间：
2018-05-31 15:32:03
阅读次数：
208
恢复内容开始 最近看一些前端的面试题，发现很多公司都会问到浏览器加载，解析，渲染相关的问题。 这篇随笔整理一下这些知识，便于理解浏览器是怎么工作的。 首先，前端在大多数开发过程中并没有用到这些知识，那我们为什么还要去理解浏览器的运行过程？ 事实上，对浏览器的理解能帮助前端开发者更好的实现最佳页面。 ...
分类：
其他好文 时间：
2018-05-22 18:21:08
阅读次数：
144
前言： 最近刚刚完成项目，空闲一段时间，想起之前有被问起怎么对前端进行性能优化，自己也是脑中零零散散的总不成体系，现特来总结，欢迎补充指教。 1、整体资源 （1）js、css源码压缩 （2）css文件放到文档顶部，js 文件放到文档底部 因为浏览器渲染网页是自上而下的，用户第一眼见到的是页面，先加载 ...
分类：
Web程序 时间：
2018-05-17 16:00:18
阅读次数：
189
参考：https://segmentfault.com/a/1190000012925872#articleHeader4 浏览器器内核拿到内容后，渲染大概可以划分成以下几个步骤： 所有详细步骤都已经略去，渲染完毕后就是load事件，对应JS逻辑处理 load事件与DOMContentLoaded事 ...
分类：
其他好文 时间：
2018-05-15 19:34:28
阅读次数：
107
来自：https://blog.csdn.net/qq243541844/article/details/51922947 【浏览器渲染原理】 渲染树和页面渲染 我们主要讨论以下列出的几个问题： 什么是渲染树？和DOM树及CSSOM树有什么关系？ 渲染树是如何形成的？ 浏览器渲染顺序问题 1.什么是 ...
分类：
其他好文 时间：
2018-05-12 17:31:19
阅读次数：
135
虽然标题里写的是伪元素,不过这篇文章主要是说::before和::after，其余几个伪元素（::first-letter、::first-line、::selection等)由于没有content属性，所以本文一笔带过，其实方法是一样的。伪元素的重点在于一个伪，虽然它们可以被浏览器渲染引擎识别并正 ...
分类：
编程语言 时间：
2018-05-12 15:13:53
阅读次数：
291
问题描述 在开发中，我们常使用 line-height 属性来实现文本的垂直居中，但是在安卓浏览器渲染中有一个常见的问题，就是对于小于12px的字体使用 line-height 属性进行垂直居中的时候，渲染出来的效果并不是文字垂直居中，而是会偏上一些。举两个代码示例如下： 1. 大于12px htm ...
分类：
移动开发 时间：
2018-05-09 17:57:35
阅读次数：
217
摘要： 最近在整理项目时发现有些同事写的页面代码嵌套的太多，而且有些嵌套不对，比如<a><div>内容</div></a>。虽然功能实现了，但是对于浏览器渲染引擎的性能还是有些影响。所以就大体上的整理了下HTML标签的嵌套规则，也希望读者提出不对之处。 众所周知，HTML标签有两类： 块级元素div ...
分类：
Web程序 时间：
2018-04-27 13:47:44
阅读次数：
229
Nginx 场景实践篇 一、Nginx作为静态资源Web服务 1、动态资源和静态资源 客户端请求的页面如果是静态网页，那么服务器会直接把静态网页的内容响应给客户端。如果客户端请求的是动态网页，服务器需要先把动态网页换成静态网页，然后再把转换后的静态网页响应给客户端 静态资源的几种类型 浏览器渲染：H ...
分类：
其他好文 时间：
2018-04-22 22:40:43
阅读次数：
201
对于提升页面性能这个老生常谈的话题，其实仔细研究起来，或多或少还是能充实自己的知识储备。 这里主要说的是浏览器渲染这块，其他的http请求传输这块又是另外一个提升性能方向了。 从浏览器得到页面开始： 不同的浏览器内核，对渲染执行可能不同 1.解析html，生成dom tree 2.解析css,生成s ...
分类：
其他好文 时间：
2018-04-19 21:55:40
阅读次数：
205
