聚合物组件不封装JavaScript

偶极矩

我知道javascript的封装不是Web组件W3C规范的一部分,但是有哪些策略可以避免Polymer污染全局名称空间?

例如,如果我将其包含<script src="./jquery.js"></script>在Polymer组件中,则会$泄漏到宿主页面的window对象中。这对我来说是个很大的问题,因为我在镀铬扩展中使用了Polymer。

斯科特·迈尔斯

一种方法可能是使jquery-api.html像这样:

<script src="[path.to]jquery.js"></script>
<script>
(function() {
  // make local $
  var $ = window.$;
  // kill globals
  $.noConflict(true);
  // make $ available via custom-element registry
  Polymer({
    is: 'jquery-api',
    get $() {
     return $;
    }
  });
})();
</script>

然后,您可以在需要的任何地方使用它:

<link rel="import" href="jquery-api.html">
<script>
(function() {
  var $ = document.createElement('jquery-api').$;
  Polymer({
    is: 'jquery-user'
    /* can use $ in here */
  });
})();
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

聚合物-组件布局

来自分类Dev

样式聚合物Web组件

来自分类Dev

聚合物 2:组件不呈现

来自分类Dev

聚合物及其阴影DOM中的CSS封装限制

来自分类Dev

聚合物修复搞砸了Javascript

来自分类Dev

聚合物设置属性Javascript错误

来自分类Dev

从Javascript访问聚合物函数

来自分类Dev

聚合物指针

来自分类Dev

聚合物路线

来自分类Dev

聚合物表达

来自分类Dev

Laravel +聚合物

来自分类Dev

聚合物安装

来自分类Dev

聚合物会构建更多的现成组件吗?

来自分类Dev

如何从飞镖聚合物组件中引用图像

来自分类Dev

聚合物Web组件属性值未传递

来自分类Dev

shadowRoot何时可用于聚合物组件?

来自分类Dev

反射聚合物/纤维网组件界面

来自分类Dev

聚合物组件POST功能的错误请求错误

来自分类Dev

是否可以为聚合物组件实施Webpack HMR?

来自分类Dev

如何从飞镖聚合物组件中引用图像

来自分类Dev

反射聚合物/纤维网组件界面

来自分类Dev

聚合物组件POST功能的错误请求错误

来自分类Dev

嵌套组件之间的聚合物1.0事件触发

来自分类Dev

没有阴影球造型封装的聚合物元件

来自分类Dev

没有阴影球造型封装的聚合物元件

来自分类Dev

聚合物+流星,在大火的#each循环中,无法将对象传递到聚合物Web组件

来自分类Dev

聚合物:我到底将Javascript放在哪里?

来自分类Dev

使用javascript / jquery访问shadow DOM属性(聚合物)?

来自分类Dev

作为Javascript内联聚合物元素运行