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


Инструменты измерения веб-производительности 101
Измерение производительности - непростая задача. Иногда бывает сложно понять, с чего начать. Я составил список часто используемых инструментов, которые помогают мне разобраться в тонкостях измерения веб-производительности в моих приложениях. Этот список охватывает инструменты, которые я часто использую, но не то, что означают точки данных. Для получения дополнительной информации о точках данных, о которых вам следует заботиться, ознакомьтесь с моей статьей Метрики..

Утечка памяти строки JavaScript
Если вы создадите следующий файл HTML запустите его в своем браузере и откройте диспетчер задач, вы могли заметить, что браузер занимает ограниченный объем памяти ~ 200 МБ. Но что, если мы обновим одну цифру в нашем коде то есть замените 12 на 13, запустите его в браузере и посмотрите на память процесса. Он растет неудержимо и за полминуты приводит к сбою браузера! Почему это происходит? Каждый раз, когда мы вызываем функцию String.prototype.substring, она возвращает новый..

DOM и браузер
DOM означает объектную модель документа. Согласно Википедии: «Объектная модель документа — это кроссплатформенное и независимое от языка приложение…..» Хватит любительских разговоров. Давайте посмотрим, что вы хотите сохранить об этом таинственном DOM. Всякий раз, когда мы делаем веб-сайт, мы используем HTML, CSS и любой другой фреймворк в зависимости от вашего выбора. Предположим, мы хотим создать статический веб-сайт. Обычно мы используем HTML5 и CSS3 (текущие последние версии..

Отладка в браузере: Отладка минифицированного JS-файла
Часто, когда мы открываем наш веб-сайт, мы видим, что в отладчике мы видим в нем файлы js, но весь контент находится в одной строке и минимизирован. Так долго я задавался вопросом, могу ли я поставить в нем точку останова и отладить его, но не мог понять, и когда я это сделал, вы можете догадаться, насколько глупым я бы себя чувствовал. Шаги для этого: запустите консоль отладчика в вашем браузере. перейдите на вкладку «Источники» (для Chrome название вкладки Firefox будет «отладчик») и..

Браузеры используют федеративное обучение для показа целевой рекламы в мире файлов cookie.
Поскольку население все больше заботится о конфиденциальности, браузеры используют федеративное обучение для показа целевой рекламы. Давайте начнем с простого, что такое файлы cookie? Неинициированные файлы cookie представляют собой небольшой фрагмент текста, отправляемый в ваш браузер веб-сайтом, который вы посещаете. Это…

Основы веб-разработки: избегайте этих ловушек с объектами даты в JavaScript
Причуды свиданий и современные альтернативы их преодолению Общеизвестно, что объект JavaScript Date неисправен. Пока его не заменит современная альтернатива , фронтенд-разработчикам приходится мириться с его причудами. В этом посте объясняются две особенности, о которых должен знать каждый разработчик внешнего интерфейса, даже если вы используете TypeScript и служебную библиотеку даты, такую ​​как date-fns , zod или Day.js . TLDR; new Date(null) возвращает эпоху..

Динамика одновременного выполнения 100 HTTP-запросов 🚀
Что произойдет, если вы одновременно запустите 100 HTTP-запросов в своем браузере из кода JavaScript? Прежде чем мы углубимся, давайте различать Соединение против запроса Под соединением здесь понимается канал связи, установленный между вашим браузером и сервером и действующий как путь для запросов. Это обрабатывается браузером. Запрос — это конкретный вызов , выполняемый вашим браузером для взаимодействия с вашим сервером. Они написаны вами. Например — fetch("..