Публикации по теме '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"
},
...
}
Анализируя ответ..