材料Web组件与材料Web组件

时间:2019-09-02 06:16:45

标签: javascript web-component material-components-web

材料Web组件link)和材料Web组件link)之间是否有区别?

除了

之外,材料Web组件没有太多解释。
  

建立在 Material Components Web 项目和LitElement的顶部,   Material Web Components使可靠的开发工作流能够   构建美观实用的Web项目。

材料组件网是

  

Web的材料组件(MDC Web)帮助开发人员执行   材料设计。由工程师和UX的核心团队开发   Google的设计师,这些组件可实现可靠的开发   工作流以构建美观实用的Web项目。

是否只是在LitElement中使用Web组件重新实现了所有MDC组件?

目前,Material Web Components上的文档非常稀疏,因此很难在测试应用程序中进行比较。

顺便说一句,这个命名很糟糕,希望他们在预发布期间更改名称。

2 个答案:

答案 0 :(得分:3)

快速浏览一下两者。

理论上,如果两个项目都遵循材料设计标准,则它们应该做的基本相同。

但是无论如何,实现似乎都不同。

material-components-web不使用custom elements,而material-components-web-components则使用。

material-components-web-components使用的是Web组件,而material-components-web不使用。

所以我将使用material-components-web-components。

答案 1 :(得分:3)

材料组件Web组件项目(link)建立在材料组件Web 项目(link)的顶部,以创建自定义元素link)。

使用材料组件网站时,您必须在网页中包含该项目提供的CSS和javascript。

材料组件Web组件使用“自定义元素”规范定义了新的HTML标签。此类标签的示例是<mwc-drawer><mwc-icon>

新标签是“自定义元素”,并且是完全独立的。 CSS和javascript是组件的一部分,与页面的其余部分隔离。