问题标签 [polymer-2.x]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
170 浏览

polymer - WebFlow 设计和 Polymer 2.0

我们的设计团队正在使用 WebFlow 来设计我们的新 Web 应用程序,但是我们的开发团队正在使用 Polymer 2.0(使用 Polymer CLI 中的空白应用程序模板启动应用程序)。当设计团队从 WebFlow 编辑器导出他们的设计时,它会输出 3 个 css 文件(site.webflow.css、normalize.css、webflow.css)、html 文件和 2 个 js 文件(modernize.js、webflow.js)。我们可以弄清楚如何将 css 文件合并到 Polymer 2.0 应用程序中,但我们仍试图了解如何导入 js 文件。webflow.js 文件包括所有交互等。如果有帮助,我可以将 WebFlow 设计输出发送给任何人。非常感谢任何见解。

0 投票
1 回答
421 浏览

polymer - scala.js 中的真实 JS 类来开发 web 组件

我想用 scala.js 在 Polymer 2.0 项目中开发一些 web 组件。虽然github 上有一个精彩的演示项目,展示了它如何与 Polymer 1.0 一起使用。我无法获得与 Polymer 2.0 和本机元素注册技术类似的东西。

一个简单的外观可能如下所示

实际元素:

无论我是采用旧样式元素注册Polymer(MyElement)还是平台原生变体window.customElement.define(MyElement.is, MyElement) ,它显然都会抛出异常,MyElement因为new MyElement. 它抛出异常:

学习Scala.js 外观编写指南,我已经尝试了很多外观变体声明PolymerElementPolymerBase 抽象

我想到的一个可能的解决方案是,编写一个本机 JavaScript 类,它确实是可实例化的,并@js.native在它们上使用外观。但我正在寻找一种使用Scala.js 0.6.16提供的东西来实现它的方法。

0 投票
0 回答
498 浏览

javascript - 这是隔离 UI 微服务集成的好方法

我们目前面临着将多个 API 微服务及其相应的 UI 集成到 Web 应用程序中的挑战。

我们已经有了一些想要重用的 UI 解决方案,并且正在寻找一种构建客户端部分的好方法。

UI - 微服务方法应该划分 javascript 上下文,以便它们不共享相同的窗口对象。

我知道 Polymerjs 并且认为在聚合物组件的脚本标记中,窗口对象对于该组件是唯一的,但它似乎在所有其他聚合物组件之间共享。如果我们都以基于模块的方式进行开发,这不是一个大问题,但我知道一个视图库没有作为 amd 模块实现。我相信微服务 UI 解决方案应该与其他组件及其依赖项具有良好的隔离。

我不太喜欢的另一种方法是 iframe 划分的 Webapp,它为每个视图/微服务都有一个专用的文档模型。

就个人而言,我更喜欢使用 Vue.js 的解决方案,但我找不到任何将 Web 应用程序的 UI 部分真正划分为单个视图的示例。我不知道如何按需加载组件。

所以我的问题是:有人知道 webcomponents 不共享同一个窗口对象的解决方案吗?这可能吗?

有人知道用 vuejs 创建微服务 Ui 组件的好方法吗?

您创建隔离 UI 微服务 WebApp 的方法是什么?

欢迎任何有关 UI 微服务方法的建议!

0 投票
1 回答
432 浏览

javascript - Polymer 2.0 - dom-repeat - 简单动画

我已经在 Polymer 2.0 中构建了一些组件,在这个组件中我已经dom-repeat阻止了dom-if. 有没有什么简单快捷的方法可以在打开和关闭这个 repat 块时添加一些动画?

这是我的代码:

当 _isDropDownOpen 改变状态 -> 从 0 到 1 - 进入动画,从 1 到 0 关闭动画时,我想要一些简单的动画。添加这个很简单吗?我应该使用霓虹灯动画吗?

0 投票
1 回答
218 浏览

github - Polymer 2.0 上传到 GitHub-Pages

我在将 Polymer 组件上传到 gh 页面时遇到问题。

我正在从教程中尝试这个:

但它不起作用。在终端我有这个错误:在此处输入图像描述

我有什么东西,失踪了?

0 投票
0 回答
38 浏览

javascript - 检查启动时间、重新加载时间和编译时间

所以我有一个 Polymer 2.0 应用程序,我想将它与 Android 应用程序进行比较,但我如何检查启动时间?我猜想在开发过程中的重新加载时间是即时的,因为当您运行本地服务器时,它会在您保存后自动更新?编译时间不会发生对吗?据我所知,Javascript 没有被编译?

0 投票
1 回答
652 浏览

e-commerce - 聚合物 2 教程

我是一个致力于学习 Polymer 2.0 的菜鸟。我已经正确设置了所有内容,现在一切都与构建应用程序有关。我正在寻找使用 Polymer 构建电子商务应用程序。

有人可以向我指出有关构建此类应用程序的任何教程吗?这将不胜感激。

0 投票
1 回答
669 浏览

polymer - 'dom-if' 元素不应该被隐藏吗?

今天我正在努力将我的一些工作转移到 Polymer 2.0。我注意到,当使用新<dom-if>元素时,它并没有隐藏在 DOM 中,并且实际上接收了继承的样式。这导致了一些布局问题。你可以在这里看到一个问题的例子:http: //jsbin.com/roqirezuvi/edit ?html,output

作为一种解决方法,我添加了一种样式来隐藏所有dom-if元素,如下所示:

除非我遗漏了什么,否则这似乎应该是元素的默认样式。

为了清晰,我在这里使用文档: https ://www.polymer-project.org/2.0/docs/devguide/templates#dom-if

我尝试了提到的两种方法,结果是一样的。

0 投票
2 回答
479 浏览

polymer - 如何让 polymer-cli (1.0.0) 使用最新版本的聚合物 (2.0.0)

我刚刚将我的 linux pc 上的聚合物 cli 更新到了新发布的 1.0.0 版本(由聚合物 --version 命令确认)。然而,当我使用 cli 建立一个新的 polymer-2-application 项目时,bower.json 文件仍然指向 2.0.0-rc.3 版本的 polymer 和其他 2.0 之前的候选版本依赖项。

如何让 polymer-cli 使用新发布的 stable 2.0.0 版本?

0 投票
1 回答
92 浏览

javascript - 在 Polymer 2.0 中替换 app-scrollpos-control

Polymer 2.0 从 app-layout 组件中撤消了 app-scrollpos-control。可以用什么来代替这个功能?是否存在通过片段记住滚动位置的滚动行为?