[本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。] 1. 查看元素伪类 css 样式 例如我想查看元素触发 hover 时的 css 样式。先选中该元素，然后按下图操作： 2. 临时增删元素 class 3. document.body.conte…

计算机的核心是CPU和GPU，为了了解浏览器正在运行的环境，我们还需要了解一些计算机部件及其功能。 CPU可以被视为计算机的大脑。一个CPU内核，可以处理许多不同的任务。它可以处理从美术到数学的所有工作，同时又知道如何回复客户的电话。过去，大多数CPU都是单芯片。内核就像生活在…

1. 进程(process)/线程(thread) 2. JS是单线程的线程 ... 3. 同步与异步 最小反应时间：在滚动相同的距离下，事件被触发多少次，取决于滚动所用的时间（速度）来决定的，浏览器有最小的反应时间，假设是5MS，整体运动时间100MS，这段时间内，浏览器能够…

不过这个问题对缓存会有一个更详尽的解释。我相信你看完这篇文章后对缓存会有一个全新的认识，如果没有那就再看一遍。 在这篇文章，我会详尽的描述从输入 URL 到展现涉及到的缓存环节，不过由于本人知识有限，很可能有某些隐藏的缓存机制在下遗漏了，还请大佬不吝赐教。 输入 url 后遇到…

你可以完全使用console.warn来代替console.log方法，但前提是该条打印信息是属于警告级别而不是普通信息级别，因此浏览器遇到一条警告级别的信息会区别对待，最明显的是它的左侧会有一个警告图标，并且背景色和文字颜色也会不一样。 相比于普通信息，警告信息会出现在上图左…

1. 什么是“划词高亮”？ 上图的示例网站可以点击这里访问。用户选择一段文本（即划词），即会自动将这段选取的文本添加高亮背景，用户可以很方便地为网页添加在线笔记。 笔者前段时间为线上业务实现了一个与内容结构非耦合的文本高亮在线笔记功能。非耦合是指不需要为高亮功能建立特殊的页面 …

在各大浏览器厂商的发展过程中，他们其实对web的标准都有不同的实现，因为实现的标准的不同，所以会有兼容性的产生,早期IE是在浏览器的世界中，占据主导地位。所以它自身实现了很多不同于标准浏览器的东西，有css的，也有js的。 从IE8开始，IE浏览器渐渐遵循标准，到IE9后由于大…

状态码的职责是当客户端向服务器端发送请求时，描述返回的请求结果。借助状态码，我们可以了解这次请求是否在服务器端得到了正常的处理。 下面介绍一下常用的一些状态码。 表示从客户端发送的请求被服务器正常处理了。 该状态码表示客户端发送的请求已经在服务器端正常处理了，但是没有返回的内容…

在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能同源使用的限制。 同源策略是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+…