Одна из основных целей веб-компонентов - обеспечить инкапсуляцию - возможность сохранять структуру и стиль разметки скрытыми и отделенными от другого кода на странице, чтобы разные части не конфликтовали; таким образом код может быть красивым и чистым. Shadow DOM дает нам инкапсуляцию стилей с ограниченной областью видимости и средство впускать столько (или меньше) внешнего мира, сколько мы выберем. Но что, если я хочу сделать свой компонент настраиваемым для некоторых свойств..

Самый простой способ ленивой загрузки элементов DOM на странице. Я представил, как динамически загружать изображение с помощью Angular, Динамическая загрузка изображения с помощью Angular . На этот раз я не буду использовать Angular или какой-либо другой фреймворк, а буду использовать только веб-стандарты, особенно пользовательские элементы и шаблоны. Предположим, что на вашей странице более 100 изображений, и вы видите только два или три из них при загрузке страницы. Тогда почему..

Собственная веб-платформа догнала фреймворки внешнего интерфейса и постепенно сделает их устаревшими. Помните, когда document.querySelector впервые получил широкую поддержку браузерами и начал прекращать повсеместное распространение jQuery? Наконец, это дало нам возможность делать изначально то, что jQuery предоставляло годами: простой выбор элементов DOM. Я считаю, что то же самое скоро произойдет с интерфейсными фреймворками, такими как Angular и React. Эти фреймворки..