聚合物应用程序组织 - 元素与纯JS

时间:2015-09-03 12:35:42

标签: polymer polymer-1.0

所以我现在正试图围绕Polymer,尽管周围有很多基本样本,但他们并不倾向于深入了解如何构建更大的应用程序。

从I / O观察Polymer 1.0会话,非常强烈地暗示元素是所有事情的方式,显示了一堆纯粹的声明性演示,其中'theres是一个元素'。'/ p >

看看他们发布的IO Web App / IOWA来源,他们似乎有这个全球IOWA JS对象做了很多繁重的工作;例如,而不是像core-ajax / iron-ajax这样的东西,他们有IOWA.Request做常规的XHR。

我意识到IOWA是用0.5编写的,我并没有真正看得太认真,但我不禁对如何构建1.0版本的应用程序感到有点迷茫。

我想我并不是真的因为使用各种元素而卖掉了;爱荷华州只是为了加强这一点。但这实际上是我应该看的方式(基于元素)?

1 个答案:

答案 0 :(得分:2)

作为一般规则,每个UI项目都是一个组件,可能是搜索栏,地图,选择标签的组件。此外,还有指定URL等的ajax元素,例如,在on-click方法中调用JS方法。而且,如果你查看firebase元素,你可以使用它连接到firebase以将这些数据绑定到你的应用程序。

查看元素目录以获取更多示例:https://elements.polymer-project.org/

它基本上利用了元素,这些元素在您创建自己的应用程序时存在于应用程序中的文件和目录中,并使用javascript连接这些元素:使用ajax元素来获取其数据的标记组件,例如。

例如,您可以使用纯js进行ajax或firebase调用,但是声明性地指定元素,使用URL和其他此类细节,然后使用js在封装元素中引用和操作这些元素,可以说是更好的方法:你分离出什么是声明性的(URL,方法类型等)和什么是程序性的(调用ajax方法等)。

也就是说,使用Web组件和聚合物,如果您可以使用连接的自定义元素使Web开发的声明部分声明性,那么接受大量的Web开发就更好了。实现这一目标的最佳方法是使用HTML元素,并将javascript存放在每个元素中。它不是JS vs Elements,而是更多JS +封装,可重用的元素。