文档章节

使用polymer扩展HTML标签

孟飞阳
 孟飞阳
发布于 2017/07/02 10:22
字数 122
阅读 9
收藏 0

使用polymer的extend属性可以为HTML标签扩展方法,如为:input标签扩展方法如下:

    MyInput = Polymer({

      is: 'my-input',

      extends: 'input',

      created: function() {
        this.style.border = '1px solid red';
      }

    });

    var el1 = new MyInput();
    console.log(el1 instanceof HTMLInputElement); // true

    var el2 = document.createElement('input', 'my-input');
    console.log(el2 instanceof HTMLInputElement); // true

使用方法:

<input is="my-input">

注意事项:

Note: When using native shadow DOM, extension of native elements can have unexpected behavior and is sometimes not permitted. Test your element with native shadow DOM enabled to catch any problems during development. For information on enabling native shadow DOM, see Global Polymer settings

© 著作权归作者所有

孟飞阳
粉丝 217
博文 1050
码字总数 564830
作品 5
朝阳
个人站长
私信 提问
Polymer 1.0 升级指南

在最近结束的 Google IO 2015,Google 发布了期待已久的 Polymer 1.0,并宣布可用于生产环境,使用 Polymer 库的人们还在使用开发预览版,本文将做为一个指南,指导将现在应用迁移到 Polyme...

oschina
2015/07/16
3.7K
9
使用Yeoman和Polymer创建Web应用

  Allo’Allo’。大多数人都很清楚高效的Web应用开发有多重要。在你进行某些乏味的项目开发时,你会因为各种令你头痛的事情而感到焦虑、烦躁,比如寻找项目模板、配置项目基础架构、开发环...

彬Goooo
2014/04/03
2.8K
2
移动端框架收集

frozenui (http://frozenui.github.io/) App.js (http://code.kik.com/app/2/index.html) junior (http://justspamjustin.github.io/junior/#home) 移动web开发框架 纯粹的总结一下移动......

DannyTam
2016/07/11
121
0
Angular js 常用插件

图片视频类 angular-maxonry 图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery、imageloaded和Masonry angular-deckgrid 另一个照片瀑布流解决方案 ngImgCrop 图片剪裁工具...

sami
2016/10/17
47
0
Garzon Ou/polySlides

polySlides V1.0 Beta polySlides - A tool helps you to make HTML slides - just need to write a JSON file polySlides - 一个只需要写一个json文件就能帮你制作HTML5演示文档的工具框架 ......

Garzon Ou
2014/12/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

只需一步,在Spring Boot中统一Restful API返回值格式与统一处理异常

统一返回值 在前后端分离大行其道的今天,有一个统一的返回值格式不仅能使我们的接口看起来更漂亮,而且还可以使前端可以统一处理很多东西,避免很多问题的产生。 比较通用的返回值格式如下:...

晓月寒丶
今天
58
0
区块链应用到供应链上的好处和实际案例

区块链可以解决供应链中的很多问题,例如记录以及追踪产品。那么使用区块链应用到各产品供应链上到底有什么好处?猎头悬赏平台解优人才网小编给大家做个简单的分享: 使用区块链的最突出的优...

猎头悬赏平台
今天
27
0
全世界到底有多少软件开发人员?

埃文斯数据公司(Evans Data Corporation) 2019 最新的统计数据(原文)显示,2018 年全球共有 2300 万软件开发人员,预计到 2019 年底这个数字将达到 2640万,到 2023 年达到 2770万。 而来自...

红薯
今天
61
0
Go 语言基础—— 通道(channel)

通过通信来共享内存(Java是通过共享内存来通信的) 定义 func service() string {time.Sleep(time.Millisecond * 50)return "Done"}func AsyncService() chan string {retCh := mak......

刘一草
今天
57
0
Apache Flink 零基础入门(一):基础概念解析

Apache Flink 的定义、架构及原理 Apache Flink 是一个分布式大数据处理引擎,可对有限数据流和无限数据流进行有状态或无状态的计算,能够部署在各种集群环境,对各种规模大小的数据进行快速...

Vincent-Duan
今天
58
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部