Полимер (кітапхана) - Polymer (library)

Полимер
Polymer Project логотипі
ӘзірлеушілерGoogle[1] және салымшылар[2]
Бастапқы шығарылым2015 жылғы 29 мамыр; 5 жыл бұрын (2015-05-29)[3]
Тұрақты шығарылым
1.х1.12.0 / 21 мамыр 2019; 18 ай бұрын (2019-05-21)[4]
2.х2.8.0 / 24 маусым 2019 ж; 16 ай бұрын (2019-06-24)[4]
3.x3.3.0 / 24 маусым 2019 ж; 16 ай бұрын (2019-06-24)[4]
РепозиторийПолимерлік репозиторий
ЖазылғанJavaScript, HTML
ТүріJavaScript кітапханасы
ЛицензияBSD 3-тармағы[5]
Веб-сайтwww.полимер-жоба.org

Полимер болып табылады ашық көзі JavaScript кітапханасы құрылыс үшін веб-қосымшалар қолдану Веб-компоненттер. Кітапхананы дамытуда Google әзірлеушілер мен салымшылар GitHub. Заманауи дизайн принциптері жеке жоба ретінде жүзеге асырылады Google Келіңіздер Материалдық дизайн жобалау принциптері.

Полимерді бірқатар Google қызметтері мен веб-сайттары, соның ішінде қайта жасалды YouTube, YouTube ойын, қайта жасалды[6] Google Earth, Google енгізу / шығару веб-сайттар, Google Play Music, қайта құру туралы Google сайттары және Алло вебке арналған.[7]

Басқа көрнекті пайдаланушылар кіреді Netflix, Электроника өнері, Comcast, Nuxeo, ING, Кока кола, McDonald's, BBVA, IBM және General Electric.

Тарих

Полимердің қоғамдық дамуы 2013 жылдың қараша айында уәделер шығарудан басталды Полифилл. Бұл визуалды сәндеу нұсқауларын қамтитын веб-дизайн кітапханасына тұрақты түрде кеңейіп отырды (Material Design арқылы), деректерді байланыстыру, және көптеген «Core» және «Paper» веб-компоненттері. Негізгі компоненттер бастапқыда веб-сайттардың көпшілігіне қажет болатын жалпы функционалдылықты қамтуы көзделді Қағаз компоненттері мамандандырылған компоненттермен қамтамасыз етуге арналған Материалдық дизайн оларды жобалаудың негізгі бөлігін құрайтын тұжырымдамалар. 0.5 нұсқасын шығарумен үлкен межеге қол жеткізілді, ол жобаның алғашқы нұсқасы болып саналды, оны ерте асырап алушылар пайдалануға дайын.[8]

Google компаниясы Полимердің дизайнын 0,5 шыққаннан кейін қайта қарауды жалғастырды, мұнда өнімділік мәселелеріне ерекше назар аударылды, бірқатар әзірлеушілер тапты. Бұл 2015 жылы Polymer 1.0 шығарумен аяқталды, бұл кітапхананың алғашқы «өндіріске дайын» ​​нұсқасы болды.[9] 1.0 нұсқасы Полимердің өнімділігін едәуір жақсартып, жүктеме уақытын 7 есеге дейін қысқартты.[10] 1.0 нұсқасымен Google Polymer polyfill & webcomponents-sugaring кітапханасынан элементтер каталогын нақты ажырату үшін Polymer жобасынан элементтерді бөлді.

2015 жылдың 14–15 қыркүйегінде Google а Полимер саммиті жылы Амстердам.

2016 жылдың 17–18 қазанында Google а Полимер саммиті жылы Лондон.

2017 жылдың 22–23 тамызында Google а Полимер саммиті жылы Копенгаген.

2018 жылдың 2 мамырында Полимер командасы Полимердегі болашақтағы кез-келген даму екі жақты байланыстырудан және оның шаблон жүйесінен ауысатындығын мәлімдеді және LitElement [11] (әлі күнге дейін Полимердің бөлігі)[12]) және бір жақты байланыстыру.[13]

Ерекшеліктер

Полимер бірқатар функцияларды ұсынады ваниль Веб-компоненттер:

  • Таңдамалы элементтерді құрудың оңайлатылған тәсілі
  • Бір жақты және екі жақты деректерді байланыстыру
  • Есептелген қасиеттер
  • Шартты және қайталанатын шаблондар
  • Қимылмен оқиғалар

Пайдалану

Полимер 2015 және 2016 жылдары бұлтWith веб-сайтының құжаттамасы бойынша қолданыста болған кезде нарықта кеңінен танымал бола бастады.[14] Мүмкіндік беретін құрылымдық жобалау процесіне ерекше назар аударылды өзара үйлесімді «lego block» құрылымы.[15]

Реттелетін элементтер

Арнайы элементтерді пайдаланып жасауға болады ES сыныптары бар модульдер. Реттелетін элементтің анықтамасынан тұрады CSS стилі, Элементтің HTML шаблоны DOM, элементтердің қасиеттері, өмірлік циклдің кері байланысы және JavaScript әдістері:

импорт {PolymerElement, HTML} бастап '@ полимер / полимер / полимер-элемент.js'сынып Сәлеметсіз бе, Элемент ұзарады PolymerElement {      статикалық алу шаблон() {         қайту HTML`        <style>        / * Жергілікті DOM CSS стилі * /        </style>        <!-- Local DOM -->        Сәлеметсіз бе, {{name}}!        `;     }      статикалық алу болып табылады() { қайту 'сәлем-элемент'; }    статикалық алу қасиеттері() {        қайту {            аты: {                түрі: Жол            }            / * Элемент қасиеттері * /        }    }    / * Таңдамалы әдістер * /}терезе.customElements.анықтау(Сәлеметсіз бе, Элемент.болып табылады, Сәлеметсіз бе, Элемент);

Жоғарыда анықталған элементті HTML кодында қолдануға болады:

    <сәлем-элемент аты=«Әлем»></сәлем-элемент>

Сондай-ақ қараңыз

Әдебиеттер тізімі

  1. ^ «AUTHORS.txt». Алынған 18 тамыз 2017.
  2. ^ «CONTRIBUTORS.txt». Алынған 18 тамыз 2017.
  3. ^ "1.0". Полимер жобасы. Алынған 18 тамыз 2017.
  4. ^ а б c «Шығарылымдар · Полимер / полимер». GitHub. Алынған 4 қыркүйек 2019.
  5. ^ «polymer / LICENSE.txt at master». GitHub. Алынған 24 сәуір 2017.
  6. ^ Бидельман, Эрик (2017-04-18). «Міндет орындалды: құрамдас бөлікке қосылды. Жаңа @googleearth @ polymer.pic.twitter.com / h76ztfynYy көмегімен #WebComponents құрылды». @ebidel. Алынған 2017-07-08.
  7. ^ «Полимерді кім қолданады?». GitHub. Алынған 4 маусым 2016.
  8. ^ «Полимер бізге Google-дің Material Design интерфейсін мұқият қарастырады». Android Authority.
  9. ^ Стивен Макс Паттерсон (29 мамыр 2015). «Google's Polymer 1.0 веб-дамуда қайта пайдалану мен брендингтің жақсаруына әкеледі». CIO.
  10. ^ «Қош келдіңіз - Полимер 1.0». Архивтелген түпнұсқа 2015-08-14.
  11. ^ «Жол картасын жаңарту, 1 бөлім: 3.0 және одан кейінгі бөліктер».
  12. ^ «Джастин Фагани Twitter-де». Twitter. Алынған 2018-05-14.
  13. ^ «Жол картасын жаңарту, 2 бөлім: Сұрақ-жауап - Полимер жобасы». www.polymer-project.org. Алынған 2018-05-14.
  14. ^ «Полимерлерді пайдалану статистикасы». Салынды. Наурыз 2019. Алынған 30 мамыр 2019.
  15. ^ Элли Койн (13 тамыз 2015). «ING Direct-тің жаңа lego блок бағдарламасының архитектурасында». iTnews.

Сыртқы сілтемелер