制作 Web 组件的所有方法

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适用于您旅程各个阶段的云产品。立即开始使用 200 美元的免费信用额度!

这是一个简洁的页面,比较了大量使用 web 组件的不同库。在发布了 “关于 Web 组件库的一些见解” 之后,我了解到的一件事是,web 平台 API 是专门为围绕它们构建库而设计的。很有趣,对吧?

此页面创建了一个计数器组件。通过原生扩展 HTMLElement,他们用 1,293 字节完成了它,然后每个库都在此基础上添加了功能。像 Vue 和 React 这样的大型库显然要大得多(但也带来了许多其他功能)。其中最大的是 CanJS(230,634 字节),它并不追求小巧,而是根据其“关于”页面:“它面向经验丰富的开发人员,他们构建具有漫长未来且复杂的应用程序。” 如果目标是小型,Svelte 忠实于其几乎将自身编译掉的使命,最终仅为 3,592 字节,只有超级小巧的 lit-html 的三分之一大小,是 uhtml 的一半大小——它们都是微小的抽象,提供了更友好的模板和重新渲染。

直接链接 →