位置: 编程技术 - 正文
推荐整理分享JS的框架Polymer中的dom-if和is属性使用说明(常用的js框架有哪些),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:js框架有什么用,js orm框架,js框架都有哪些jquery,js基本框架,常用的js框架有哪些,js框架的作用,常用的js框架有哪些,js 框架,内容如对您有帮助,希望把文章链接给更多的朋友!
我们经常会有根据某个属性的取值来觉得模板渲染的需求,那就是最基本的分支语句。Angular 中有 ng-if 可以用,那么 Polymer 中当然也有 dom-if。其实 dom-if 是个很简单的东西,它只是作为本篇话题的接入点,我想介绍的实际上是 is 这个属性。 dom-if 和之前介绍过的 dom-repeat 一样,都是通过 is 属性在 tempalte 元素上使用的,比如下面这个例子就是两个模板根据一个绑定才控件上的布尔值来决定谁该被渲染运行
无论是 dom-if 还是之前的 dom-repeat,这些 is 属性来指定的到底是什么呢?其实和 Angular 是一样的,它们都是 Directive 的概念,只是 Polymer 不称它为 Directive 而已。我们完全可以自己造一个这样的东西出来,比如下面例子我们给 div 元素添加一个 is="demo-test" 的东西运行
在定义时通过 extends 指定一个标签名即可得到一个 is 指令。上面例子是一个最简单的用法,我们可以自己创建 Shadow DOM 做自己想做的事了。实际上 Polymer 内置的 dom-repeat 和 dom-if 以及其他 dom-* 也都是如此定义的。但是这东西细看起来是非常复杂的,而我的文章只是入门级的东西,如果想知道更具体的用法就应该去看源码(连官方文档我也没找到在哪儿定义)。
浅谈JavaScript的Polymer框架中的behaviors对象 localStorage应是家喻户晓的?但本地存储这个家族可远不止它。以前扯过sessionStorage,现在还有个神奇的CacheStorage。它用来存储Response对象的。也就是说用
JavaScript的Polymer框架中dom-repeat与VM的相关操作 各种框架都有把一个列表数据绑定到DOM上的功能,比如Angular会用ng-repeat来绑定。那么Polymer呢?其实这个级别的功能属于框架的扩展功能了,Angular的ng-re
详解JavaScript的Polymer框架中的通知交互 Polymer以访问器属性的形式来定义有监听需求的属性(没有监听需求的属性依然是普通的属性形式定义)。模板中还可以采用「::」语法来将属性双向同
标签: 常用的js框架有哪些
本文链接地址:https://www.jiuchutong.com/biancheng/377583.html 转载请保留说明!友情链接: 武汉网站建设