javascript - Polymer 和使用外部 JavaScript 库

标签 javascript polymer web-component shadow-dom

借助 Shadow DOM,我可以轻松地很好地使用外部 CSS 框架,例如 bootstrap,而且它只适用于我的范围,这很好(示例 here)。

但是,据我所知,这不适用于 JavaScript 库。例如,如果我需要在我的 Web 组件上使用 jQuery,我基本上会在整个页面上使用它。使用 Polymer 使用外部 JavaScript 库的推荐方法是什么?我应该如何处理我的 Web 组件(通过 Bower 分发)需要一个版本的 foo.js 而消费者需要另一个版本的情况?

最佳答案

我所知道的没有JavaScript封装方案。

  1. 检查是否存在js封装方案,例如检查 zonejs 和替代品。
  2. 您可以自己做,但这需要您投入一些时间。例如。我用 with 语句封装了 Babel,如图所示 here (未经测试)。

关于javascript - Polymer 和使用外部 JavaScript 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30557516/

相关文章:

javascript - 将谷歌地图添加到网站

javascript - 源自 JS RegExp

javascript - 如何使用 Bootstrap 在悬停时显示 Action 列表?

jquery - polymer 1.x : Accessing all Properties of Polymer object

javascript - 如何在ReactJS中实现带有受控组件的动态表单?

javascript - 单击事件处理程序无意中冒泡,即使在调用 jQuery 的 stopPropagation() 之后也是如此

polymer - 如何使用 Polymer 进行网络演示和幻灯片

grails - 有 Grails Polymer 插件吗

javascript - Firefox 中的 shadow dom <slot> 标签

javascript - 从 Shadow DOM 中访问元素