weixin_45766034的博客

瀑布图颜色说明：1. 深绿色 ：浏览器和服务器进行通信之前, 必须经过 DNS 查询, 将域名转换成 IP 地址2. 橙色 ：在浏览器发送请求之前, 必须建立 TCP 连接3. 紫色 ：如果页面是通过 SSL/TLS 这类安全协议加载资源, 这段时间就是浏览器建立安全连接的过程.4. 绿色 ：浏览器请求发送到服务器的时间 + 服务器处理请求时间 + 响应报文的第一字节到达浏览器的时间. 我们用这个指标来判断你的 web 服务器是否性能不够, 或者说你是否需要使用 CDN5. 蓝色 ：浏.

1.首先在需要找到相应的函数，在要测试的函数执行前和执行后添加两个断点。2.执行到 函数执行前 的断点上3.选中Heap snapshot 再点击小灰点4.按F8触发下一个断点 再回到memory再点击一次小灰点5.此时出现两个Snapshot6.选中对比两次内存情况shallow Size代表栈存储情况，retained Size代表堆存储情况...

优点（1）base64格式的图片是文本格式，占用内存小，转换后的大小比例大概为1/3，降低了资源服务器的消耗；（2）网页中使用base64格式的图片时，不用再请求服务器调用图片资源，减少了服务器访问次数。缺点（1）base64格式的文本内容较多，存储在数据库中增大了数据库服务器的压力；（2）网页加载图片虽然不用访问服务器了，但因为base64格式的内容太多，所以加载网页的速度会降低，可能会影响用户的体验。（3）base64无法缓存，要缓存只能缓存包含base64的文件，比如js或者css，这比直

在了解回流和重绘之前，我们先来了解一下浏览器是如何进行解析的我将它归纳为四个步骤：解析html(或者是js通过createElement)生成DOM树解析css，绘制上面是DOM树（注意！此时还未挂载到浏览器上）将DOM树挂载在浏览器上，计算各个DOM具体点的坐标，以及布局和大小（回流）在浏览器上绘制已经生成的DOM树（重绘）回流的成本比重绘的成本高很多很多！！！ 一个节点的重流，可能会导致子节点或者父节点以及同级节点的重流 如果电脑低的话 会造成卡顿和更耗电那说到现在，我们该

1.对于浏览器之间存在的默认样式差距<link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet">2.解决ie9以下浏览器对于新增标签不识别的问题<!--[if lt IE 9]> <script type="text/javascript" src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.m