Polymer

<!-- Загрузка базовой функции Polymer --> <link rel="import" href="bower_components/polymer/polymer.html">  <!-- Создание элемента my-element --> <dom-module id="my-element">   <template>     <style>         /* Локальный DOM CSS стиль */     </style>     <!-- Локальный DOM -->     Hello {{name}}!   </template>   <script>     // Регистрация элемента ( Спецификация Custom Elements v0 )     Polymer({         is: 'my-element',         properties: {             name: {            // Название параметра                 type: String,  // Тип параметра                 value: 'World' // Значение параметра             }         },         ready: function () {             // Конструктор         },         attached: function () {             // Компонент вызван ( Добавлен в DOM )         },         detached: function () {             // Компонент удален из DOM         }     });   </script> </dom-module> 

<!-- Загрузка базового класса Polymer.Element --> <link rel="import" href="bower_components/polymer/polymer-element.html">  <!-- Создание элемента my-element --> <dom-module id="my-element">     <template>         <style>             /* Локальный DOM CSS стиль */         </style>         <!-- Локальный DOM -->         Hello {{name}}!     </template>     <script>         // Класс элемента MyElement наследуется от Polymer.Element         class MyElement extends Polymer.Element {              /*              * Возвращает имя компонента              * @return String Имя компонента              */             static get is () { return 'my-element'; }              /*               * Возвращает конфигурационные данные компонента              * @return Object Конфигурация              */             static get config () {                 return {                     properties: {                        name: {            // Название параметра                            type: String,  // Тип параметра                            value: 'World' // Значение параметра                        }                     }                 };             }              /*              * Конструктор               */             constructor () {                 // Вызов конструктора в родительском классе                 super();             }              /*              * Компонент вызван ( Добавлен в DOM )              */             connectedCallback () {                 super.connectedCallback();             }              /*              * Компонент удален из DOM              */             disconnectedCallback ()                  super.disconnectedCallback();             }          }         // Регистрация элемента ( Спецификация Custom Elements v1 )         customElements.define(MyElement.is, MyElement);     </script> </dom-module>