在构建现代 Web 应用时，我们越来越倾向于组件化，而 Web Components 正是原生支持这一理念的标准。你也许已经听说过它的三大核心能力：自定义元素（Custom Elements）、HTM

该系列由 5 篇文章构成，我们在前 4 篇文章中对构成 Web Components 标准的技术进行了全面的介绍。首先，我们研究了如何创建 HTML 模板，为接下来的工作做了铺垫。其次，我们深入了解了自定义元素的创建。接着，我们将元素的样式和选择器封装到 shadow DOM …

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

前端开发正在以惊人的速度发展。曾经的前端开发，技术栈都是很简单的，如今却越来越复杂。这一点从无数的文章、教程和Twitter上就可以看出来。在本文中，我将讨论为什么Web Component是一个很好的工具，可以在不使用复杂框架或构建步骤的情况下提供高质量的用户体验，而且不存在…