async/await 是在 ES7 版本中引入的，它对于 JavaScript 中的异步编程而言是一个巨大的提升。它可以让我们以同步的方式处理异步的流程，同时不会阻塞主线程。但是，想要用好这一特性，可能需要动点脑筋。本文中，我们将从不同的角度探讨 async/await，同时…

注:本文为我的课程《高级 JavaScript》中的一部分，如果你喜欢本文，欢迎你来看看我的课程。 BerkshireHathaway.com 是我最喜欢的网站之一，因为它简单、高效，而且自从 1997 年创建以来一直运行良好。更🐂🍺的是在过去的二十年里这个网站很有可能从未…

最近突然回想到之前看过的一个动画，是一个正方体向球体表示爱意，被拒绝，改变自己的小动画。 1. 导演上场 这个动画中存在镜头转换，所以我们需要一个导演把控全局，写个简单效果进行测试。 测试完成。 2. 猪脚 cube 登场 龙套们退场，猪脚登场。 这样猪脚看起来还是眉清目秀的。…

对于强迫症患者，那么多形状各异的接口，对应着不同数据线。如果可以有一个转接口实现集合兼容，岂不美哉。没错，这样一个适配器，你值得拥有。（各大厂商加把劲。。。） 适配器模式非常适用于跨浏览器兼容，例如强大的 jQuery 封装了事件处理的适配器，解决跨浏览器兼容性问题，极大简化我…

2. 循环实现数组 map 方法 3. 使用 reduce 实现数组 map 方法 4. 循环实现数组 filter 方法 5. 使用 reduce 实现数组 filter 方法 6. 循环实现数组的

text-indent指对文本首行的缩进控制，设计初衷就是为了实现段落文本的首行缩进2em的效果。但是这种缩进对内容的要求比较高，如果段落掺杂英文单词，长数字或图片等内容，就会导致段落层次不齐的感觉，因此text-index的首行缩进已经逐渐坐实冷板凳了。虽然text-inde…

做为前端，打交道最多的就是浏览器了，也是我们必须熟悉的。所以接下来我们讲一下浏览器的渲染原理。 如果对浏览器的工作原理了解清楚，可以为web性能优化提供方向以及理论依据。 浏览器的主要功能就是向服务器发出请求，在浏览器窗口中展示您选择的网络资源。这里所说的资源一般是指 HTML…

在我们的上一篇文章中, 我们讨论了 web 组件规范（自定义元素、shadow DOM 和 HTML 模板）的高级特性。在本文以及接下来的三篇文章中，我们将这些技术应用到测试并更详细地去验证它们，看下我们在如今的产品如何应用它们。为了做到这些，我们将会从零开始构建一个自定义模式…

CORS 与 cookie 在前端是个非常重要的问题，不过在大多数情况下，因为前后端的 domain 一般是相同的，所以很少去关心这些问题。或者只是要求后端设置 Access-Control-Allow-Origin: * 就行了，很少去了解背后运作的机制。 针对这个问题，MD…