Публикации по теме 'polymer'


Начало работы с полимером
Веб-разработка сейчас находится на пике популярности, особенно с появлением веб-компонентов. Это было самое умное обновление для Интернета с тех пор, как вышел Bootstrap, и оно повышает производительность, как феникс из пламени. Введение в веб-компоненты Итак, что такое веб-компоненты? Позвольте мне объяснить это максимально просто: я написал код для отображения кнопки Twitter Follow, как показано выше. Я обычно добавляю эту кнопку на все свои веб-сайты, но она не обязательно..

Полимер: вычисленные свойства и «неопределенный»
Мне нравится концепция вычисляемых привязок : Polymer автоматически пересчитывает вычисляемые свойства всякий раз, когда изменяется зависимое значение. Это обеспечивает отличное разделение свойств. Например: предположим, мы хотим показать ребенка по сравнению с взрослым на основе свойства возраста. Если пользователь не указал возраст, мы просто называем это большим секретом . Вот код: properties: { age : Number, prettyAge : { type: String, computed: '..

Какой элемент Polymer вызывает импорт HTML 404?
Вот проблема, с которой мы сталкиваемся не реже одного раза в неделю: вкладка сети в инструментах разработчика Chrome сообщает, что один импорт HTML вернул ошибку 404 Not Found . Но какой из сотен наших элементов ссылается на неправильный URL? Импортировать ад ../../../../../ В большинстве случаев ошибка вызвана перемещением элемента Polymer на уровень вверх или вниз в структуре каталогов. Например, для перемещения элемента из elements / user.html в elements / users / user.html..

Руководство по Google Polymer и веб-компонентам
Вы когда-нибудь добавляли фреймворк или библиотеку в свой веб-проект только для того, чтобы обнаружить, что CSS перезаписал некоторые из ваших стилей? Теперь вам нужно отредактировать порядок загрузки стилей, а также внести изменения в свой собственный код. Это отнимает много времени и разочаровывает, если не сказать больше. Shadow DOM предлагает повторно используемые компоненты. Все ваши CSS и разметка относятся к основному элементу, поэтому стили, определенные внутри Shadow Root (вашего..

Создание youtube-list -embed-component с использованием Stencil.js и Polymer 3 и Lit-element (простой пример)
Я создал некоторый компонент в другой структуре веб-компонентов (Stencil.js & Polymer 3 & Lit-element) и опубликовал их как пакеты npm: встраивание плейлиста npm install -g полимер-cli git clone https://github.com/enghamzasalem/YoutubePlaylistComponent.git cd start-полимер3… www .npmjs.com youtubelistembedstencil Начальный компонент Stencil www.npmjs.com..

Обновление с Angular 2.RC4 до финальной версии с помощью Angular-CLI
Я завершил обновление RC4 =› 2.1.2 для одного проприетарного приложения и одного приложения с открытым исходным кодом . Даже при наличии опыта этот процесс далеко не эффективен и не лишен проблем, поскольку различные библиотеки, модули и системы ломаются или иным образом влияют друг на друга. Понятно, что версии-кандидаты Angular 2 на самом деле были альфа-версиями, а то, что мы сейчас используем в версии 2.1.1, — это бета-версии. Можно сказать, что Angular Core в настоящее время..

Полимер: поведение против объектов модели
Polymer продвигает децентрализованную архитектуру: все инкапсулировано в веб-компонентах. Но как лучше всего поделиться функциональностью? Ответ по умолчанию: Поведение полимера ! Оказывается, объекты модели часто могут быть лучшим выбором. Проблема Представьте себе приложение Polymer, которое отображает пользовательские объекты, предоставляемые API, в следующем формате JSON: { " name ": { " givenName ": "Joe", " familyName ": "Smidth" }, ... } Анализируя ответ..