在从事前端开发过程中，浏览器作为最重要的开发环境，浏览器基础是是前端开发人员必须掌握的基础知识点，它贯穿着前端的整个网络体系。对浏览器原理的了解，决定着编写前端代码性能的上限。浏览器作为JS的运行环境，学习总结下现代浏览器的相关知识 经常听说浏览器内核，浏览器内核究竟是什么，以…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 有兴趣的同学可以关注 [实践系列] 。 求star求follow~ 全称 Domain Name System ,即域名系统。 简单的说,通过域名,最终得到该域名对应的IP地址的过程叫做域名解析（或主机名解析）。 有d…

为什么要了解浏览器的渲染原理？了解浏览器的渲染原理有什么好处？我们做前端开发为什么非要了解浏览器的原理？直接把网页做出来，什么需求，直接一把梭，撸完收工不好吗。 重排也叫回流（Reflow），重绘（Repaint），会影响到浏览器的性能，给用户的感觉就是网页访问慢，或者网页会卡…

前面翻到了http缓存相关内容，关于强制缓存和协商缓存，他们之间的差别可能大家比较清楚。 相关文章多且全，这里不再赘述。 本文就会去探究下不同行为下的浏览器缓存表现。也就是f5到底刷新了哪些内容 Cache-Control、Expires、ETag、If-Match、If-No…

分类：现在主要有五大主流浏览器: Chrome, Internet Explorer, Firefox, Safari and Opera.移动端上是Android Browser, iPhone, Opera Mini and Opera Mobile, UC Browser…

1. 为什么浏览器需要缓存 2. 缓存规则： 新鲜度和校验值两个维度来规定浏览器是否可以直接使用缓存中的副本，还是需要去源服务器获取更新的版本。 新鲜度（过期机制）：也就是缓存副本有效期。一个缓存副本必须满足以下条件，满足一个条件即可，浏览器会认为它是有效的，足够新的： 它可以…

前段时间，和头条的小伙伴聊天问头条面试前端会问哪些问题，他称如果是他面试的话，event-loop肯定是要问的。那天聊了蛮多，event-loop算是给我留下了很深的印象。原因很简单，因为之前我从未深入了解过，如果是面试的时候，我遇到了这个问题，估计回答得肯定不如人意。 因此，…

同步任务（宏任务，微任务），异步任务首先看下列代码的执行结果同步任务、微任务、宏任务的执行优先级如下：宏任务包括#浏览器NodeI/O✅✅setTimeout✅✅setInterval✅✅setImm

作为前端开发，我们平常跟浏览器打交道的时间也是最多的。在前端面试中，一个较为经典的问题：在浏览器地址中输入url地址，敲回车，发生了什么？浏览器究竟做了什么？相信很多人脑海里都会出现个大概的轮廓，可是一到细化具体的过程就答不上来。那么，作为前端开发者，应该从哪些方面延伸来回答这…