Web组件与小工具:有区别吗

Web Components vs. Widgets: Is there a difference?

本文关键字：有区别工具组件 Web 更新时间：2023-09-26

我最近开始使用Ember.js，我已经了解了web组件。我以前使用过jQueryUI小部件，它们看起来是一样的。web组件和小部件之间有区别吗？或者它们或多或少是一样的？

Web组件是一组W3标准技术的总括术语，这些技术包括：Custom Elements、Shadow DOM、HTMLImports和HTMLTemplates。这四个规范以Web组件的形式协同工作，为您提供了像jQueryUI或Ember这样的老式UI库的所有功能，同时允许您在浏览器本机理解的标准包中这样做。

一个巨大的好处是，当你使用Web组件时，它使浏览器更容易让你的代码/应用程序保持在"快速路径"上。快速路径是浏览器的加速部分，它们能够尽可能快地运行，并通过底层机制进行优化，如JS引擎的JS到本机代码编译JIT，以及最小化资产导入、UI回流和布局重新调用等事情的低级DOM系统。

以下是两个使Web组件开发更加容易的库：http://x-tags.org/&http://www.polymer-project.org/