Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску
Полимер
Логотип проекта Полимер
Разработчики)Google [1] и участники [2]
изначальный выпуск29 мая 2015 г . ; 5 лет назад [3] ( 2015-05-29 )
Стабильный выпуск
1.x 1.12.0 / 21 мая 2019 г . ; 21 месяц назад [4] ( 2019-05-21 )
2.x2.8.0 / 24 июня 2019 г . ; 20 месяцев назад [4] ( 2019-06-24 )
3.x3.4.1 [5] Отредактируйте это в Викиданных / 30 апреля 2020 г . ; 10 месяцев назад ( 30 апреля 2020 г. )
РепозиторийПолимерный репозиторий
Написано вJavaScript , HTML
ТипБиблиотека JavaScript
Лицензия3-пункт BSD [6]
Интернет сайтwww .polymer-project .org

Polymer - это библиотека JavaScript с открытым исходным кодом для создания веб-приложений с использованием веб-компонентов . Библиотека разрабатывается разработчиками Google и участниками на GitHub . Современные принципы проектирования реализуется в виде отдельного проекта с использованием Google «S Материал Design принципы проектирования.

Полимер используется ряд услуг Google и веб - сайтов, в том числе переработан YouTube , YouTube Игры , то переработан [7] Google Earth , Google I / O сайты, Google Play Музыка , перепроектировать из Google Sites и Алло для веб - сайтов . [8]

Другие известные пользователи включают Netflix , Electronics Arts , Comcast , Nuxeo , ING , Coca-Cola , McDonald's , BBVA , IBM и General Electric .

История [ править ]

Публичная разработка Polymer началась в ноябре 2013 года с выпуска Promises Polyfill . Это постоянно расширялось до библиотеки веб-дизайна, охватывающей рекомендации по визуальному стилю (через Material Design), привязку данных и большое количество «основных» и «бумажных» веб-компонентов. Первоначально предполагалось, что основные компоненты охватят общую функциональность, которая будет необходима для большинства веб-сайтов, в то время как компоненты Paper были предназначены для предоставления более специализированных компонентов с концепциями материального дизайна, составляющими ключевую часть их дизайна. Важная веха была достигнута с выпуском версии 0.5, которая считалась первой версией проекта, готовой к использованию ранними последователями. [9]

Google продолжал пересматривать дизайн Polymer после выпуска версии 0.5, уделяя особое внимание проблемам с производительностью, обнаруженным рядом разработчиков. Это привело к выпуску Polymer 1.0 в 2015 году, который стал первой «готовой к производству» версией библиотеки. [10] Версия 1.0 значительно улучшила производительность Polymer, сократив время загрузки до 7 раз. [11] В версии 1.0 Google разделила элементы из проекта Polymer, чтобы четко отличать каталог элементов от библиотеки Polymer polyfill и webcomponents-sugaring.

14–15 сентября 2015 г. Google организовал Саммит по полимерам в Амстердаме .

17–18 октября 2016 г. компания Google организовала Саммит по полимерам в Лондоне .

22–23 августа 2017 г. компания Google организовала Саммит по полимерам в Копенгагене .

2 мая 2018 года группа разработчиков Polymer объявила, что в любой будущей разработке Polymer будет отходить от его двусторонней привязки и его системы шаблонов и сосредоточится на LitElement [12] (все еще являющемся частью Polymer [13] ) и одностороннем. привязки. [14]

Особенности [ править ]

Polymer предоставляет ряд функций по сравнению с обычными веб-компонентами:

  • Упрощенный способ создания нестандартных элементов
  • Как односторонняя, так и двусторонняя привязка данных
  • Расчетные свойства
  • Условные и повторяющиеся шаблоны
  • События жестов

Использование [ править ]

Полимер начал получать все большее признание на рынке, с пиком использования в 2015 и 2016 годах, о чем свидетельствует веб-сайт BuiltWith. [15] Особое внимание было уделено структурированному процессу проектирования, позволяющему создать интероперабельную структуру «блоков лего». [16]

Пользовательские элементы [ править ]

Пользовательские элементы могут быть созданы с использованием модулей ES (ECMAScript, чаще всего JavaScript ) с классами. Определение настраиваемого элемента включает стиль CSS , HTML-шаблон локальной модели DOM элемента, свойства элемента, обратные вызовы жизненного цикла и методы JavaScript:

импортировать  { PolymerElement ,  html }  из  '@ полимер / полимер / полимер-элемент.js'class  HelloElement  расширяет  PolymerElement  {  static  get  template ()  {  return  html `  <style>  / * Локальный стиль CSS DOM * /  </style>  <! - Локальный DOM ->  Здравствуйте, {{name}}!  ` ;  }  статический  get  is ()  {  return  'hello-element' ;  }  static  get  properties ()  {  return  {  name :  {  type :  String  }  / * Свойства элемента * /  }  }  / * Окно пользовательских методов * / } . customElements . define ( HelloElement . is , HelloElement );

Определенный выше элемент можно использовать в HTML-коде:

 < hello-element  name = "World" > </ hello-element >

См. Также [ править ]

  • Vue.js
  • AngularJS
  • Реагировать
  • RiotJS
  • SlimJS
  • StencilJS
  • SmartJS

Ссылки [ править ]

  1. ^ "AUTHORS.txt" . Проверено 18 августа 2017 года .
  2. ^ "СОСТАВЛЯЮЩИЕ.txt" . Проверено 18 августа 2017 года .
  3. ^ "1.0" . Полимерный проект . Проверено 18 августа 2017 года .
  4. ^ a b «Выбросы · Полимер / полимер» . GitHub . Проверено 4 сентября 2019 года .
  5. ^ "Выпуск 3.4.1" . 30 апреля 2020 . Дата обращения 1 мая 2020 .
  6. ^ "Полимер / LICENSE.txt у мастера" . GitHub . Проверено 24 апреля 2017 года .
  7. ^ Бидельман, Эрик (2017-04-18). «Миссия выполнена: разбита на компоненты. Новый @googleearth построен с #WebComponents с использованием @polymer.pic.twitter.com / h76ztfynYy» . @ebidel . Проверено 8 июля 2017 .
  8. ^ "Кто использует Полимер?" . GitHub . Дата обращения 4 июня 2016 .
  9. ^ "Полимер дает нам более пристальный взгляд на пользовательский интерфейс Google Material Design" . Android Authority .
  10. ↑ Стивен Макс Паттерсон (29 мая 2015 г.). «Google Polymer 1.0 обеспечивает повторное использование и лучший брендинг для веб-разработки» . ИТ-директор .
  11. ^ «Добро пожаловать - Полимер 1.0» . Архивировано из оригинала на 2015-08-14.
  12. ^ «Обновление дорожной карты, часть 1: 3.0 и далее» .
  13. ^ «Джастин Фагнани в Твиттере» . Twitter . Проверено 14 мая 2018 .
  14. ^ «Обновление дорожной карты, часть 2: FAQ - Полимерный проект» . www.polymer-project.org . Проверено 14 мая 2018 .
  15. ^ «Статистика использования полимеров» . BuiltWith . Март 2019 . Проверено 30 мая 2019 .
  16. ↑ Элли Койн (13 августа 2015 г.). «Внутри новой архитектуры блочного приложения ING Direct» . iTnews .

Внешние ссылки [ править ]

  • Официальный веб-сайт
  • Репозиторий GitHub
  • WebComponents.org