13,7K подписчиков
Источник: Nuances of Programming Изображения составляют огромный процент содержания веб-страниц. Однако чем больше изображений, тем медленнее загружается страница. Большое количество изображений на сайте значительно влияет на его производительность. Отложенная загрузка — это концепция, разработанная для ограничения количества загружаемых ресурсов во время загрузки страницы. Что такое отложенная загрузка? Самыми важными составляющими производительности приложений являются время отклика и потребление ресурсов...
4 года назад
12 подписчиков
Свойства API-интерфейса IntersectionObserver

Вчера мы рассмотрели, как определить, когда элемент входит или выходит из области просмотра. Сегодня мы познакомимся с некоторыми подробностями, которые можно получить об этих элементах из объекта IntersectionObserverEntry.

11 месяцев назад
6 подписчиков
Приветствую, друзья! Сегодня мы обсудим одну из самых популярных техник оптимизации производительности веб-приложений - бесконечную прокрутку (или "ленивую загрузку") в Blazor. Никогда не слышали об этом методе? Не беда, мы сейчас все разложим по полочкам! В чем суть бесконечной прокрутки? Это метод загрузки данных по мере их необходимости, а не сразу все сразу. Ведь зачем загружать все данные, если пользователь всего лишь хочет просмотреть первые несколько элементов? Таким образом, мы уменьшаем нагрузку на сервер и увеличиваем производительность нашего приложения. Кроме того, это также позволяет нам значительно сократить время загрузки страницы...
1 год назад
13,7K подписчиков
Источник: Nuances of Programming Браузер Переход на полноэкранный режим Чтобы перейти к полноэкранному режиму: function fullScreen() { const el = document.documentElement const rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen if(typeof rfs != "undefined" && rfs) { rfs.call(el) } } fullScreen() Выход из полноэкранного режима Чтобы выйти из полноэкранного режима: function exitScreen() { if (document...
11 месяцев назад
Работая с Angular можно заметить, что шаблоны являются важной частью приложения. Благодаря гибкости шаблона и поддерживаемым им декларативным API, мы можем создавать современные и динамичные веб-приложения. В Angular 17 было введено множество функций, и одной из важных является новый синтаксис шаблона, известный как синтаксис @-notation, что привело к введению нескольких новых API в шаблон. Эти API дополняют синтаксис HTML шаблона, выделяясь среди них блок с именем "Deferrable Views" доступный через блок @defer...
4 месяца назад