WebDriverException: Message: unknown error: Chrome failed to start: crashed 1. 背景在使用selenium + chrome浏览器渲染模式爬取数据时，如果并发任务过多，或者爬虫的运行时间很长，那么很容易出现浏览器崩溃的现象 ...
分类：
编程语言 时间：
2019-07-11 22:06:09
阅读次数：
185
一、真实DOM和其解析流程？ 浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。 第二步，用CSS分析器，分析CSS ...
分类：
其他好文 时间：
2019-06-15 20:16:51
阅读次数：
262
1. 从输入url到得到html的详细过程 1.1 加载资源的形式 输入 URL 或跳转页面 加载 html 1.2 加载一个资源的过程 浏览器根据DNS服务器得到域名的IP地址 向这个IP的机器发送http请求 服务器收到后 处理并返回 http请求 浏览器得到返回内容 1.3 浏览器渲染页面的过 ...
分类：
编程语言 时间：
2019-05-18 14:11:04
阅读次数：
704
关键渲染路径是指浏览器从最初接收请求来的HTML、CSS、javascript等资源，然后解析、构建树、渲染布局、绘制，最后呈现给客户能看到的界面这整个过程。 所以浏览器的渲染过程主要包括以下几步： 1.解析HTML生成DOM树。 2.解析CSS生成CSSOM规则树。 3.将DOM树与CSSOM规则 ...
分类：
其他好文 时间：
2019-05-15 09:52:56
阅读次数：
136
浏览器的渲染过程 本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，可以跳到后面。（这个渲染过程来自MDN） 从上面这个图上，我们可以看到，浏览器渲染过程如下： 渲染过程看起来很简单，让我们来具体了解下每一步具体做了什么。 生成渲染树 为了构建渲染树，浏览器主 ...
分类：
其他好文 时间：
2019-05-01 22:22:57
阅读次数：
160
第一种： dom.style.width/height 这种方法只能获取使用内联样式的元素的宽和高。 第二种： dom.currentStyle.width/height 这种方法获取的是浏览器渲染以后的元素的宽和高，无论是用何种方式引入的css样式都可以，但只有IE浏览器支持这种写法。 第三种： ...
分类：
Web程序 时间：
2019-04-23 12:44:28
阅读次数：
239
1、单行文本溢出隐藏，显示省略号 2、多行文本溢出隐藏，显示省略号 1、只针对用webkit内核浏览器渲染页面才会有效果 2、（多行文本溢出隐藏，显示省略号）通用方法 ...
分类：
Web程序 时间：
2019-04-22 09:19:10
阅读次数：
120
Hello 小伙伴们，如果觉得本文还不错，记得给个 star ， 你们的 star 是我学习的动力！GitHub 地址 本文涉及知识点： 防抖与节流 重绘与回流 浏览器解析 URL DNS 域名解析 TCP 三次握手与四次挥手 浏览器渲染页面 在本文中，jsliang 会讲解通过自我探索后关于上述知 ...
分类：
Web程序 时间：
2019-04-16 09:25:11
阅读次数：
304
浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScr ...
分类：
Web程序 时间：
2019-04-13 10:37:48
阅读次数：
165
H5前端性能测试快速入门 说到H5测试，对于做WEB测试的同学来说再熟悉不过了，它包括页H5功能测试，前端性能测试，浏览器兼容性能测试，以及服务端性能测试。那本文谈到的则是H5前端性能测试，并希望通过阅读本文后，能够知道：H5前端性能测试什么？如何发现问题以及相应的优化规则。 一、浏览器渲染引擎 浏 ...
分类：
其他好文 时间：
2019-03-25 14:50:48
阅读次数：
170
