Публикации по теме 'web-components'
Начало работы с полимером
Веб-разработка сейчас находится на пике популярности, особенно с появлением веб-компонентов. Это было самое умное обновление для Интернета с тех пор, как вышел Bootstrap, и оно повышает производительность, как феникс из пламени.
Введение в веб-компоненты
Итак, что такое веб-компоненты? Позвольте мне объяснить это максимально просто: я написал код для отображения кнопки Twitter Follow, как показано выше. Я обычно добавляю эту кнопку на все свои веб-сайты, но она не обязательно..
Декларативная маршрутизация с веб-компонентами
API истории в браузере изменил способ работы маршрутизации веб-приложений. Традиционно маршрутизация происходила только на стороне сервера. С появлением API истории мы теперь можем обновлять содержимое страницы и ее функциональность в соответствии с обновлениями URL. Это изменило способ создания одностраничных приложений, и теперь браузер может позаботиться о всей маршрутизации после загрузки страницы.
В настоящее время большинство интерфейсных фреймворков предоставляют свои собственные..
Как создать легкий веб-компонент с LitElement
Создайте и опробуйте свой веб-компонент быстро
В предыдущем посте Я написал статью о том, как написать веб-компонент, используя только обычный JavaScript. В этом новом посте мы увидим, как это сделать быстро, избегая шаблонного кода.
Мы можем создать веб-компонент только с помощью ванильного JS, но вскоре мы поймем, что повторяем большую часть кода, чтобы сделать то же самое. LitElement помогает определять веб-компоненты без необходимости изучать настраиваемый язык шаблонов и..
Создание веб-компонентов с помощью HOC и отдельных компонентов
POC с использованием Preact
В средних или крупных приложениях мы создаем общие компоненты, компоненты с точно определенной областью действия, которые можно использовать повторно, что помогает быстрее создавать приложения. Однако в этом процессе мы в конечном итоге пишем код, тесно связанный с пользовательским интерфейсом, исправляем ошибки, которые увеличивают размер компонента, количество опубликованных версий, увеличивают усилия по тестированию приложений, и, наконец, все становится..
Веб-компоненты с Stencil.js
Мы рассмотрим использование Stencil.js для создания веб-компонентов. Если вы следили за мной, мы недавно рассмотрели создание веб-компонентов с помощью Angular Elements . В этом примере мы создадим точно такой же раскрывающийся список и даже посмотрим на размеры пакетов Angular Elements и Stencil.js.
cheng1994/stencil-example Внесите свой вклад в разработку cheng1994/stencil-example, создав учетную запись на GitHub. github.com..
Способы загрузки угловых приложений
Вы когда-нибудь задумывались о том, как загружается приложение angular или, проще говоря, как приложение запускается за сценой и попадает в браузер. Если вы использовали свое приложение angular с другим приложением, таким как ReactJS, Vuejs и т. Д., В той же среде или, например, с любой системой CMS, такой как WordPress или Adobe AEM, вы, вероятно, столкнулись бы с проблемами и, возможно, столкнулись бы с термином начальной загрузки. В этих сценариях создание экземпляра приложения может..
Решение трехъязычного задания
Компоненты DOM, которые следуют разделению задач dictum
Начать работу с компонентами DOM несложно. После полудня исследования вы обнаружите базовый ландшафт: пользовательские элементы, теневой DOM, <template> элементы HTML и модули JavaScript. Расположение местности описано в предыдущих руководствах и технических спецификациях (так что нам не нужно повторять это снова), но на дороге есть несколько ухабов, которые не были должным образом обозначены знаками, что заставляет нас..
