javascript - Web 组件与小部件 : Is there a difference?

标签 javascript html ember.js widget web-component

我最近开始使用 Ember.js,并且接触到了 Web 组件。我以前使用过 jQuery UI 小部件,它们看起来是一样的。 Web 组件和小部件之间是否有区别,或者它们或多或少是一回事?

最佳答案

Web Components 是一组 W3 标准技术的总称,包括:Custom Elements , Shadow DOM , HTMLImports , 和 HTMLTemplates .这四个规范协同工作形成了 Web 组件,并为您提供了 jQuery UI 或 Ember 等老式 UI 库的所有功能,同时允许您在标准包中执行此操作浏览器将 native 理解。

一个巨大的好处是,当您使用 Web 组件时,浏览器可以更轻松地将您的代码/应用程序保持在“快速路径”上。快速路径是浏览器的加速部分,它们能够尽可能快地运行并通过 JS 引擎的 JS-to-native 代码编译 JIT 等底层机制进行优化,以及最小化诸如 Assets 导入、UI 重排和布局重新计算。

这里有两个库可以使 Web 组件的开发更加容易:http://x-tags.org/ & http://www.polymer-project.org/

关于javascript - Web 组件与小部件 : Is there a difference?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20082468/

相关文章:

javascript - 如何将数组变成对象的对象

javascript - 语法错误: Function statements must have a name

javascript - 当我通过 php 包含 datepicker js 和 css 文件时,包含不起作用,但如果我将所有代码放在单个 php 页面中,则可以工作

html - 更改链接样式,仅针对某个类

ember.js - Handlebars 条件 - 仅 bool 属性?

javascript - 如何使用 JavaScript 包含 Django 静态 URL?

javascript - img src 在 Firefox 和 IE 的 jQuery 脚本中没有改变

html - 网站在大视口(viewport)上看起来不错,但在小屏幕上质量会受到影响

javascript - 'into' 警告从多个 this.render() 抛入 Ember.js

model-view-controller - Ember 多个 Controller 实例