浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…

1.背景 简单来说，JS 的事件循环（Event Loop）机制，决定了什么时候该执行哪一行代码。虽然 JS 是单线程的，但浏览器是多线程的，所以 JS 借助浏览器提供的能力，实现了 JS 的异步编程

本文通过分析Swiper@5.3.6代码的核心代码，介绍如何一步步去分析一个开源项目的代码，并尝试开发和扩展一个组件的过程。

我会为您提供所有去重中最值得了解的五种数组数组去重方法。数组去重方法很多，但知道这五种，不论是面试还是工作，我想都是够用的。

三个相同：协议相同、域名相同、端口相同。 注意： 一般的服务都占用的是默认的80端口，所以我们一般情况下是看不到端口号的。 举例： 设想这样一种情况：A网站是一家银行，用户登录以后，又去浏览其他网站。如果其他网站可以读取A网站的 Cookie，会发生什么？

合理利用缓存，可以提高页面的打开速度，这句话是前端开发者耳熟能详的准则 但具体缓存对页面性能有多大的影响呢？为了彻底弄懂浏览器缓存，从动手验证下这条准则开始吧

如果是对象，则调用对象的ValueOf()方法，然后依照前面的规则转换返回的值；如果转换的结果是NaN，则调用的对象的toString()方法，然后再次依照前面的规则转换返回的字符串值。 parseInt('1.1') -> 1 这也是它和 parseFloat() 的差别。 …

element.offsetParent为包含element的祖先元素中，层级最近的定位元素。 position-inner是同时满足层级最近和定位两个条件的。 可以看到，滚动条包含在padding中，因此，offsetWidth与在无滚动条情况下，大小不变。 element左…

offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。 offsetTop 只读，而 style.top 可读写。 若是没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。 offsetLeft …