首页 > TAG信息列表 > Polymer

摆脱JS框架，5年web组件开发经验总结

大约 5 年前开始我就不再用 js 框架了，最近 Jon Udell 问我近况如何： 译文：4 年前 bitworking 提议：”别再用 js 框架了，转向可复用、可正交组合的 html+css+JS 单元吧。“我很好奇这些年你在这方面积累了哪些经验，有了哪些想法和实践呢？ 这几年我零零碎碎写过一些进展，现在既然 Jon

锂离子聚合物电池 Li-ion Polymer

没写完待补充！ 概念 我们在生活中说的：锂电池、锂离子电池、锂离子聚合物电池是同一个东西，虽然严格来说不一样： 锂电池（Lithium battery）指锂原电池，内含纯态的锂金属，为一次性使用、不可充电 而锂离子电池为锂聚电池的前身，主要差异为电解质使用液态有机溶液而非胶状或固态的聚合

javascript-无法绑定到放置在模板中的自定义元素的属性

我最近一直在尝试Polymer,并编写了以下示例.问题是,如果我尝试将自定义元素放入模板中,则绑定将无法正常工作. 我想在调色板内移动滑块并更改名称的颜色,但是更改对颜色没有任何影响.如果我将滑块直接放在模板内,则它会按预期工作. 我是否缺少某些东西？Polymer还不支持这种绑定吗？我

javascript-使用Polymer通过HTML导入包含jQuery在Safari和Firefox中不起作用

我试图通过HTML导入将jQuery包含在主页中,但它仅在Chrome中有效. Safari和Firefox都在主页上的JavaScript代码的第一行上引发了“ ReferenceError：$not defined”消息.看起来页面上的JavaScript代码是在jQuery对象加载到Safari或Firefox中之前执行的.我使用的是最新版本的Polymer(0.

javascript-如何在Flask模板中解析Polymer Web组件？

如何解决Flask模板中的Polymer Web组件？我最初的想法是将组件HTML复制到模板目录,但是后来我意识到应该将它们更像是静态文件,对吗？解决方法:是的,您应该将它们解压缩到静态文件夹中,然后像平常一样指向它们.打开包装后,它应该如下所示(对于您要加载的每个组件)： <link rel="import"

javascript-Flags.log.split不是函数-Polymer

我在使用Polymer的Web项目中遇到此错误.确切的行如下. var parts = flags.log.split(","); -> Is not a function 我在一些论坛上已经读到,问题是由导入脚本的顺序引起的,并且webcomponents.js必须是第一个导入的脚本,但是我仍然遇到相同的错误.解决方法:不仅脚本顺序而且还确保

javascript-纸张对话是否存在“ onOpen”事件？

是否有纸本对话的“ onOpen”事件？我想知道对话框何时完全“打开”和“关闭”,主要用于在对话框完成其打开动画时更改内容. 以前是in Polymer 0.5 one can listen to the core-overlay-close-completed event.但是,即使我将core-overlay更改为iron-overlay,它似乎也无法在1.0中工作.

javascript-聚合物霓虹灯动画多个完成监听器

我正在编写一个实现Neon Animation元素库的Polymer元素.我正在为我的元素实现NeonAnimationRunnerBehavior行为.特别是,此元素具有多个动画(运行良好),每个动画结束时需要调用唯一的结束函数. 该文档建议使用这样的侦听器： listeners: { // this event is fired when the anima

JavaScript-聚合物纸波纹

我试图在按下按钮时更改元素的颜色. 我希望在按下按钮并更改颜色时在该元素中触发纸张波纹效果. 我应该怎么做？ 目标元素： <paper-toolbar class="abc"> <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button> <div flex class="indent title">

javascript-使用Polymer中的内联JSON通过URI加载JSON

我正在使用Polymer制作d3.js地图组件.拓扑数据需要从json文件加载,并且由于我不希望组件依赖于URL / URI,因此我使用内联JSON而不是使用AJAX加载： <polymer-element name="map-us"> <template> <script id="topodata" type="application/json" src="data/us.j

python-Google App Engine和聚合物|组态

我正在使用Python在Google App Engine上开发Web应用程序,我了解基本如何使用app.yaml和管理不同的文件；现在,我想升级我的应用程序并使用Polymer.根文件夹具有以下配置： > / MyApp > /资产 > / css > / img> / js > / bower_components> /模板> app.yaml> bower.json> index.yaml> ma

javascript-带有Polymer Elements的SystemJS

在SystemJS JSPM托管项目中,如何使用Polymer的元素？ 我使用jspm install github：Polymer / polymer来安装Polymer,还使用jspm install github：PolymerElements / iron-elements来安装铁元素. 似乎有多个问题： 首先,例如在iron-elements.html文件中,导入将进入错误的路径：< link rel =“

javascript-复选框的选中属性绑定-聚合物

我试图将Polymer属性绑定到CheckBox的checked属性.但是,该属性的观察者永远不会被解雇,此外,标签也永远不会显示任何文本. 但是,每次单击CheckBox时,我都可以执行一个功能. 这是我的代码： <link rel="import" href="../../components/polymer/polymer.html"> <dom-module id="chec

Javascript-聚合物dom-if如果在if之后会怎样？

我的元素有一个demoMode布尔属性,我想在属性为true时显示一些虚拟数据,而在false时显示实时数据. 我试过了： <template dom-if if="{{_isDemo()}}">hello from demo</template> <template dom-if if="{{_isLive()}}">hello from live</template> 其中的函数只是{return this.

linux-PolymerServ拒绝外部连接

我可以在端口8081上连接到服务器,没问题：如果我在服务器上执行nc -l 8081,在本地计算机上执行nc my.host.name 8081,则可以完美地发送和接收所有内容.但是,如果我在服务器上使用Polymer进行服务,则立即在本地出口上执行nc my.host.name 8081,而nc localhost 8081可以正常工作,如果我

javascript – Polymer.prototype.splice的行为不符合预期

我正在使用Polymer的阵列变异方法进行数组突变. this.allRules = [{name: "abc", enabled: true}]; var item = this.allRules[index]; item.name = "abcdxfdsa"; item.enabled = enabled; // console log out [Object] console.log(this.allRules);

javascript – Leaflet Polymer 2地图加载扭曲的瓷砖,但适用于非聚合物代码

更新： 我现在已经在Plunker复制了这个问题.我确实检查了建议的重复问题.答案是错误的或缺少CSS文件.我已经为leaflet quick start中提到的CSS和JS导入了v1.3.4.Plunker显示CSS包含在元素的Shadow DOM中.对我来说情况并非如此.此外,相同版本的JS和CSS适用于非聚合物代码,但是,聚合物

javascript – 具有动态id值的聚合物自动节点查找

如何通过id使用Polymer节点查找来访问具有动态id值的节点？ 例如 <template> <div id="{{ id }}"></div> </template> 并在js Polymer("my-element", { ready: function() { if (!this.id) { this.id = 'id' + (n

javascript – Polymer元素和AngularJS指令有什么区别？

在Polymer Getting Started页面上,我们看到了聚合物的实例： <html> <head> <!-- 1. Shim missing platform features --> <script src="polymer-all/platform/platform.js"></script> <!-- 2. Load a component --> <li

javascript – 聚合物3相对路径

我想将聚合物元素从聚合物2迁移到聚合物3. 聚合物元素使用具有.svg文件的文件夹的相对路径. const url = this.resolveUrl('./icons/' + this.icon + '.svg'); 问题是旧组件文件是.html文件,因此如果包含它,脚本部分中的相对路径始终是相同的. 现在组件文件是一个javascript文件,

javascript – 处理内部不同高度的聚合物元素

我有一个< core-drawer-panel>在里面是一个< core-pages>元素内部< core-header-panel main>. &LT核 – 页面&GT包含我定义的一组自定义元素,并且在任何时间点只显示其中一个元素.但问题是,有些元素只占用屏幕的一部分但仍然垂直滚动.滚动量等于< core-pages>中的最高元素. 预期的

JQuery Load函数返回405 Method not Allowed

我正在处理基于Google App Engine(Python)的网络应用程序. 我试图从Polymer(HTML)元素更新div.我需要更新的Div实际上是元素的容器.为此,从元素的javascript片段我试图通过Jquery获取div对象并调用其加载方法,如 $('#myContainerId').load('/myQueryUrl?id=123123123'); 问题是

javascript – Polymer给我“Uncaught SyntaxError：Unexpected token”

在下面的Polymer自定义组件中,当调用函数’deleteState’时(所以当我点击“删除”文章项目时)我总是得到“Uncaught SyntaxError：Unexpected token(”来自Chrome. 在Firefox上,我在控制台中收到“SyntaxError：function statement require a name”错误. <polymer-element name="tw-s

javascript – Polymer是一个框架而不是一个库.如何模块化地使用Web组件？

无论您使用什么框架,Web组件的概念都是模块化Web. Polymer项目承诺创建Web组件的可能性,而不是框架,因此应该可以将它与任何框架一起使用.更重要的是,我应该能够从element catalog下载元素,并在没有聚合物库的情况下使用它,只需使用webcomponents.js. 我认识到这是一个正在进行的项

javascript – 在聚合物中使用第三方依赖项(pikadate)

我正在使用pikaday创建一个聚合物数据选择器.可悲的是,我似乎遇到了问题. 我想以正确的方式导入pikaday.js和pikaday.css. 起初我在关闭dom-module-tag下面有一个简单的脚本标签,就像 </dom-module> <script src="../../pikaday/pikaday.js"></script> <script> Polymer({ /