缓存能够减少浏览器请求资源的次数，当第一个请求资源完成后，根据相应的缓存机制，将一些静态资源存储在本地磁盘当中，这样下次请求资源的时候，浏览器直接从本地缓存中读取文件，不需要再次发送请求。这样可以减少了网络延迟，加快了页面响应速度，增强了用户体验；减少了网络带宽消耗；减轻了服务…

1. 控制台中直接访问页面元素 在元素面板选择一个元素,然后在控制台输入$0,就会在控制台中得到刚才选中的元素。如果页面中已经包含了 jQuery,你也可以使用$($0)来进行选择。 你也可以反过来,在控制台输出的 DOM 元素上右键选择 Reveal in Elements …

小华今年上大一，这是她第一次离开父母，独自一人到北京上学。今天妈妈的生日，想了想要给妈妈一个祝福，便给妈妈发了条消息： 妈妈收到这条消息非常开心，女儿这么忙还能记得自己的生日，两个人便开始聊了起来。妈妈知道女儿一直省吃俭用，决定给女儿打点钱过去。 小黑是个黑客，专搞一些“偷鸡摸…

作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，我之前也强调过知识体系的重要性，这部分原理性的内容就是知识体系中的重要部分，必须牢牢掌握才能面对瞬息万变的实际场景，针对性地给出实际方案，而不是背诵各种开发军规和性能优化的条例，这样很难发现真正的问题所在,…

关于浏览器的渲染过程，网上的文章很多，比较出名的是《Life Of A Pixel》这个视频讲解，这里记录下我学习极客时间《浏览器工作原理》专栏中关于这块的笔记。 上面的示意图给出基本的输入和输出解释，输入是HTML、CSS、JavaScript，输出是web页面，中间的ren…

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 这篇梳理的话，更多的是对浏览器工作原理篇的查缺补漏，对于一些没有涉及到的知识点，准备梳理梳理，也正好回顾之前梳理的内容。 …

当我们在浏览器中输入一个域名的时候，例如www.mi.com，这个域名只是与IP地址的一个映射，这时DNS解析就要充当一个翻译的角色，把域名解析成真实的IP地址。所以DNS解析的过程实际上就是将域名还原成真实IP地址的过程。 在通过第一步的DNS域名解析后，获取到了服务器的IP…

缓存机制无处不在，有客户端缓存，服务端缓存，代理服务器缓存等。在HTTP中具有缓存功能的是浏览器缓存。 HTTP缓存作为web性能优化的重要手段，对于从事web开发的朋友有重要的意义。本文将围绕以下几个方面来整理HTTP缓存： 我们知道HTTP的缓存属于客户端缓存，后面会提到为…