Polymer (knihovna) - Polymer (library)

Polymer
Logo Polymer Project
VývojářiGoogle[1] a přispěvatelé[2]
První vydání29. května 2015; před 5 lety (2015-05-29)[3]
Stabilní uvolnění
1.x1.12.0 / 21. května 2019; Před 18 měsíci (2019-05-21)[4]
2.x2.8.0 / 24. června 2019; Před 16 měsíci (2019-06-24)[4]
3.x3.3.0 / 24. června 2019; Před 16 měsíci (2019-06-24)[4]
ÚložištěÚložiště polymerů
NapsánoJavaScript, HTML
TypKnihovna JavaScript
Licence3-klauzule BSD[5]
webová stránkawww.polymerový projekt.org

Polymer je open-source Knihovna JavaScript pro stavbu webové aplikace použitím Webové komponenty. Knihovnu vyvíjí Google vývojáři a přispěvatelé na GitHub. Principy moderního designu jsou implementovány jako samostatný projekt pomocí Google je Materiálové provedení konstrukční principy.

Polymer je používán řadou služeb a webů Google, včetně přepracován Youtube, Hry na YouTube, přepracován[6] Google Earth, Google I / O webové stránky, Hudba Google Play, redesign z Weby Google a Allo pro web.[7]

Mezi další významné uživatele patří Netflix, Umění elektroniky, Comcast, Nuxeo, ING, Coca-Cola, McDonald's, BBVA, IBM a General Electric.

Dějiny

Veřejný vývoj polymeru začal v listopadu 2013 vydáním příslibů Polyfill. To se postupně rozšířilo do knihovny webového designu pokrývající pokyny pro vizuální styling (přes Material Design), datová vazba a velké množství webových komponent „Core“ a „Paper“. Jádro komponenty byly původně představeny tak, aby zahrnovaly obecné funkce, které by byly nezbytné pro většinu webových stránek Papír Komponenty byly určeny k poskytování specializovanějších komponentů Materiálové provedení koncepty tvořící klíčovou součást jejich designu. Významného milníku bylo dosaženo vydáním verze 0.5, která byla považována za první verzi projektu připravenou k použití prvními uživateli.[8]

Google pokračoval v revizi designu Polymeru po vydání 0.5, se zvláštním zřetelem na problémy s výkonem, které našla řada vývojářů. To vyvrcholilo vydáním Polymeru 1.0 v roce 2015, což byla první verze knihovny „připravená na produkci“.[9] Verze 1.0 výrazně zlepšila výkon polymeru a zkrátila dobu načítání až 7krát.[10] S verzí 1.0 Google rozdělil prvky z projektu Polymer, aby jasně odlišil katalog prvků od knihovny Polymer polyfill & webcomponents-sugaring.

Ve dnech 14. – 15. Září 2015 společnost Google uspořádala a Summit polymerů v Amsterdam.

Ve dnech 17. – 18. Října 2016 společnost Google uspořádala a Summit polymerů v Londýn.

Ve dnech 22. – 23. Srpna 2017 Google uspořádal a Summit polymerů v Kodaň.

Dne 2. května 2018 tým Polymer oznámil, že jakýkoli budoucí vývoj v Polymeru se odkloní od oboustranné vazby a systému šablon a zaměří se na LitElement [11] (stále součástí polymeru[12]) a jednosměrné vazby.[13]

Funkce

Polymer poskytuje celou řadu funkcí vanilka Webové komponenty:

  • Zjednodušený způsob vytváření vlastních prvků
  • Jednosměrná i obousměrná datová vazba
  • Vypočítané vlastnosti
  • Podmíněné a opakované šablony
  • Události gesta

Používání

Polymer si začal na trhu získávat stále větší uznání, přičemž v letech 2015 a 2016 byly zaznamenány špičkové hodnoty, jak dokumentuje web BuiltWith.[14] Zvláštní pozornost byla věnována procesu strukturovaného návrhu, který umožňuje: interoperabilní struktura „lego block“.[15]

Vlastní prvky

Vlastní prvky lze vytvořit pomocí ES moduly s třídami. Vlastní definice prvku zahrnuje Styl CSS, HTML šablona lokálního prvku DOM, vlastnosti prvků, zpětná volání životního cyklu a metody JavaScriptu:

import {PolymerElement, html} z „@ polymer / polymer / polymer-element.js“třída HelloElement rozšiřuje PolymerElement {      statický dostat šablona() {         vrátit se html`        <style>        / * Místní styl DOM CSS * /        </style>        <!-- Local DOM -->        Dobrý den, {{name}}!        `;     }      statický dostat je() { vrátit se 'ahoj-element'; }    statický dostat vlastnosti() {        vrátit se {            název: {                typ: Tětiva            }            / * Vlastnosti prvku * /        }    }    / * Vlastní metody * /}okno.customElements.definovat(HelloElement.je, HelloElement);

Výše definovaný prvek lze použít v kódu HTML:

    <ahoj prvek název="Svět"></ahoj prvek>

Viz také

Reference

  1. ^ „AUTHORS.txt“. Citováno 18. srpna 2017.
  2. ^ „CONTRIBUTORS.txt“. Citováno 18. srpna 2017.
  3. ^ "1.0". Polymerní projekt. Citováno 18. srpna 2017.
  4. ^ A b C "Zprávy · Polymer / polymer". GitHub. Citováno 4. září 2019.
  5. ^ „polymer / LICENSE.txt ve službě master“. GitHub. Citováno 24. dubna 2017.
  6. ^ Bidelman, Eric (2017-04-18). „Mise splněna: byla komponentizována. Nová @googleearth je postavena s / #WebComponents pomocí @ polymer.pic.twitter.com / h76ztfynYy“. @ebidel. Citováno 2017-07-08.
  7. ^ „Kdo používá polymer?“. GitHub. Citováno 4. června 2016.
  8. ^ „Polymer nám poskytuje bližší pohled na uživatelské rozhraní Material Design společnosti Google“. Autorita Androidu.
  9. ^ Steven Max Patterson (29. května 2015). „Google Polymer 1.0 přináší opětovné použití a lepší branding pro vývoj webových aplikací“. CIO.
  10. ^ „Vítejte - Polymer 1.0“. Archivovány od originál dne 2015-08-14.
  11. ^ „Aktualizace plánu, část 1: 3.0 a další“.
  12. ^ „Justin Fagnani na Twitteru“. Cvrlikání. Citováno 2018-05-14.
  13. ^ „Aktualizace plánu, část 2: Časté dotazy - Polymerní projekt“. www.polymer-project.org. Citováno 2018-05-14.
  14. ^ „Statistiky využití polymerů“. BuiltWith. Březen 2019. Citováno 30. května 2019.
  15. ^ Allie Coyne (13. srpna 2015). „Uvnitř nové architektury lego bloků aplikace ING Direct“. iTnews.

externí odkazy