Полимер (библиотека)
 | в этой статье Использование внешних ссылок может не соответствовать политике и рекомендациям Википедии . ( Апрель 2019 г. ) |
 | |
| Разработчики) | Google [1] и участники [2] |
|---|---|
| Начальная версия | 29 мая 2015 г [3] |
| Стабильная версия | |
| Репозиторий | полимер |
| Написано в | JavaScript , HTML |
| Тип | библиотека JavaScript |
| Лицензия | 3-пункт BSD [5] |
| Веб-сайт | www |
Polymer — это с открытым исходным кодом библиотека JavaScript для создания веб-приложений с использованием веб-компонентов . Библиотека разрабатывается разработчиками Google и участниками на GitHub . Принципы современного дизайна реализованы в виде отдельного проекта с использованием принципов дизайна Google Material Design .
Polymer используется рядом сервисов и веб-сайтов Google, включая YouTube , YouTube Gaming, обновленный Google Earth (с 2017 года), [6] Веб-сайты Google I/O 2015 и 2016, Google Play Music , редизайн Google Sites [7] и веб-версия Allo (до закрытия в 2019 году). [8]
Другие известные пользователи включают Netflix , Electronics Arts , Comcast , Nuxeo , Coca-Cola , McDonald's , BBVA , IBM и General Electric .
История [ править ]
Публичная разработка Polymer началась в ноябре 2013 года с выпуска Promises Polyfill . Она постепенно расширялась и превратилась в библиотеку веб-дизайна, охватывающую рекомендации по визуальному стилю (с помощью Material Design), привязку данных и большое количество «основных» и «бумажных» веб-компонентов. основные Первоначально предполагалось, что компоненты будут включать в себя общие функции, которые будут необходимы для большинства веб-сайтов, в то время как компоненты Paper предназначались для предоставления более специализированных компонентов с концепциями Material Design , составляющими ключевую часть их дизайна. Важная веха была достигнута с выпуском версии 0.5, которая считалась первой версией проекта, готовой к использованию ранними пользователями. [9]
Google продолжил пересматривать дизайн Polymer после выпуска 0.5, уделяя особое внимание проблемам с производительностью, обнаруженным рядом разработчиков. Кульминацией этого стал выпуск Polymer 1.0 в 2015 году, который стал первой «готовой к производству» версией библиотеки. [10] Версия 1.0 значительно улучшила производительность Polymer, сократив время загрузки почти в 7 раз. [11] В версии 1.0 Google разделил элементы из проекта Polymer, чтобы четко отличать каталог элементов от библиотеки Polymer Polyfill и веб-компонентов.
14–15 сентября 2015 года компания Google организовала Polymer Summit в Амстердаме .
17–18 октября 2016 года компания Google организовала Polymer Summit в Лондоне .
22–23 августа 2017 года компания Google организовала Polymer Summit в Копенгагене .
2 мая 2018 года команда Polymer объявила, что любая будущая разработка Polymer отойдет от двусторонней привязки и системы шаблонов и сосредоточится на LitElement. [12] (все еще часть Polymer [13] ) и односторонние привязки. [14]
Особенности [ править ]
Polymer предоставляет ряд функций по сравнению с обычными веб-компонентами:
- Упрощенный способ создания пользовательских элементов
- Как односторонняя, так и двусторонняя привязка данных
- Вычисляемые свойства
- Условные и повторяющиеся шаблоны
- События жестов
Использование [ править ]
Полимер начал завоевывать все большее признание на рынке, его использование резко возросло в 2015 и 2016 годах, как документально подтверждено веб-сайтом BuildingWith. [15] Особое внимание было уделено структурированному процессу проектирования, позволяющему создать совместимую структуру «Lego Block». [16] LitElement был разработан командой Google Chrome в рамках проекта Polymer в 2018 году. LitElement был разработан как легкая и простая в использовании платформа для создания веб-компонентов, которые можно использовать с любой интерфейсной платформой или библиотекой.
Пользовательские элементы [ править ]
Пользовательские элементы могут быть созданы с использованием модулей ES (ECMAScript, чаще всего JavaScript ) с классами. Определение пользовательского элемента включает стиль CSS элемента , HTML-шаблон локального DOM , свойства элемента, обратные вызовы жизненного цикла и методы JavaScript:
import { PolymerElement , html } from '@polymer/polymer'
class HelloElement расширяет PolymerElement {
// Определите шаблон элемента
static get template () {
return html `
<style>
/* Локальный стиль CSS DOM */
</style>
<! -- Локальный DOM -->
Привет, {{name}}!
` ;
}
static get is () { return 'hello-element' ; }
// Определить свойства общедоступного API
static get Properties () {
return {
name : {
type : String
}
};
}
}
окно . пользовательскиеЭлементы . определить ( HelloElement . is , HelloElement );
Определенный выше элемент можно использовать в HTML-коде:
< hello-element name = "Мир" >/ hello-element >
См. также [ править ]
Ссылки [ править ]
- ^ "АВТОРЫ.txt" . Проверено 18 августа 2017 г.
- ^ "CONTRIBUTORS.txt" . Проверено 18 августа 2017 г.
- ^ «1,0» . Полимерный проект . Проверено 18 августа 2017 г.
- ^ Перейти обратно: а б «Выпуски · Полимер/полимер» . Гитхаб . Проверено 4 сентября 2019 г.
- ^ «polymer/LICENSE.txt в мастере» . Гитхаб . Проверено 24 апреля 2017 г.
- ^ Бидельман, Эрик (18 апреля 2017 г.). «Миссия выполнена: компонентизован. Новый @googleearth построен с помощью #WebComponents с использованием @polymer.pic.twitter.com/h76ztfynYy» . @эбидель . Проверено 08 июля 2017 г.
- ^ «Знакомьтесь, Google Диск – одно место для всех ваших файлов» . account.google.com . Проверено 21 июня 2021 г.
- ^ «Кто использует Полимер?» . Гитхаб . Проверено 4 июня 2016 г.
- ^ «Polymer дает нам возможность поближе взглянуть на пользовательский интерфейс Material Design от Google» . Администрация Андроида .
- ^ Стивен Макс Паттерсон (29 мая 2015 г.). «Google Polymer 1.0 обеспечивает повторное использование и лучший брендинг в веб-разработке» . ИТ-директор .
- ^ «Добро пожаловать — Полимер 1.0» . Архивировано из оригинала 14 августа 2015 г.
- ^ «Обновление дорожной карты, часть 1: 3.0 и последующие версии» .
- ^ «Джастин Фаньяни в Твиттере» . Твиттер . Проверено 14 мая 2018 г.
- ^ «Обновление дорожной карты, часть 2: Часто задаваемые вопросы — Полимерный проект» . www.polymer-project.org . Проверено 14 мая 2018 г.
- ^ «Статистика использования полимеров» . Построен с . Март 2019 года . Проверено 30 мая 2019 г.
- ^ Элли Койн (13 августа 2015 г.). «Внутри новой архитектуры приложения LEGO Block от ING Direct» . АйТньюс .