Главная » Архив меток: JavaScript

Архив меток: JavaScript

Создание визуального редактора JavaScript

От автора: недавно я провел некоторое время, разрабатывая собственный визуальный редактор JavaScript под названием Demoit. Что-то вроде CodeSandbox, JSBin или Codepen. Я уже писал о том, почему я это сделал, но теперь решил поделиться некоторыми деталями реализации. Все происходит во время работы в браузере, поэтому это довольно интересный проект. Цель Интерактивная JavaScript-площадка — это место, где мы можем писать код ...

Читать далее »

Отложенная загрузка изображений для увеличения производительности веб-сайта: пять методов

От автора: благодаря тому, что изображения являются одними из самых популярных типов контента в Интернете, время загрузки страниц может стать проблемой. Отложенная загрузка изображений призвана бороться с этим. Даже при правильной оптимизации изображения могут иметь довольно большой размер. Это может отрицательно сказаться на времени, которое посетители должны ждать, прежде чем смогут получить доступ к контенту на вашем веб-сайте. Скорее всего, ...

Читать далее »

10 вещей, которые вам нужно изучить на пути становления web-мастером JavaScript

От автора: я думаю, вы веб-разработчик. Надеюсь, вы преуспеваете, и у вас отличная работа, может быть, вы даже ведете свой бизнес или работаете в качестве фрилансера. Возможно, вы только начинаете работать в качестве веб-разработчика, возможно, вы уже давно работаете. Как бы вам ни было комфортно работать с JavaScript, всегда полезно освежить в памяти некоторые темы. Вот 10 вещей, которые вам ...

Читать далее »

4 случая использования в JavaScript Array.map(), которые вы должны знать

От автора: от классического forloop до метода forEach() — JavaScript изобилует различными методами, используемыми для итерации набора данных. Однако одним из наиболее популярных является метод JavaScript Array map(). .map() создает массив для вызова определенной функции для каждого элемента в родительском массиве. .map() является не изменяющим методом в том смысле, что он создает новый массив, в отличие от методов, которые вносят ...

Читать далее »

Создание безсерверного API REST с вычислением функций и MongoDB

От автора: в этом руководстве рассказывается про REST API создание, взаимодействие с базой данных MongoDB в Alibaba Cloud и использование Вычисления функций. Обзор NoSQL и MongoDB Реляционные базы данных выбирались в качестве основной системы для управления данными в разработке программного обеспечения в течение длительного времени. Их принципы ACID способствуют сохранности данных, целостности транзакций и контролю параллелизма. За последние несколько лет ...

Читать далее »

Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 2)

Перевод статьи Improve Your Debugging Skills with Chrome DevTools (Part 2) с сайта telerik.com для css-live.ru, автор — Питер Милчев В этой статье мы рассмотрим продвинутые функции отладчика Chrome, закрепив навыки, полученные в первой части. Вы научились проверять сгенерированный HTML и применённые стили? Уже смело можете отлаживать JavaScript в браузере? Надеюсь, поскольку в этой серии мы рассмотрим продвинутые функции отладчика ...

Читать далее »

5 вещей, которые вы можете сделать в CSS-in-JS, но о которых вы не знали

От автора: в дополнение к традиционному CSS вы также имеете встроенные стили и CSS in JS в качестве вариантов стилизации приложения React. С помощью встроенных стилей вы передаете объект JavaScript в атрибут style: const myStyle = { fontSize: 24, lineHeight: '1.3em', fontWeight: 'bold', }; <span style={myStyle}>Hello World!</p> Однако не все функции CSS поддерживаются. С другой стороны, CSS-in-JS — это метод, ...

Читать далее »

Как настроить сетевое подключение с использованием JavaScript и Network Information API

От автора: Navigator.connection.effectiveType полезен для доставки различных активов на основе качества сетевого подключения пользователя. Давайте рассмотрим, как настроить сетевое подключение. ЕffectiveType является свойством Network Information API, доступным для JavaScript через объект navigator.connection. В Chrome вы можете ввести в DevTools следующее, чтобы увидеть эффективный тип подключения (ECT): console.log(navigator.connection.effectiveType); // 4G Возможными значениями для эффективного типа являются «slow-2g», «2g», «3g» или «4g». ...

Читать далее »

Как перестать использовать console.log() и использовать отладчик браузера

От автора: когда я начал свой путь становления разработчиком программного обеспечения, меня ждало множество ударов. Одной из наиболее распространенных проблем, с которыми сталкиваются большинство новых разработчиков, является отладка. Сначала я подумал, что обнаружил святой Грааль, когда понял, что могу открыть консоль в chrome и использовать console log JavaScript для значений, чтобы узнать, где у меня возникают ошибки. Это оказалось крайне ...

Читать далее »

Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 1)

Перевод статьи Improve Your Debugging Skills with Chrome DevTools с сайта telerik.com для css-live.ru, автор — Питер Милчев В этой статье мы рассмотрим полезные приёмы и советы по использованию отладчика Chrome, которые помогут легче разобраться с любыми загвоздками в разработке веб-приложений. Бывали ли у вас неприятности с неверной работой JavaScript? Доводилось ли вам биться с подгонкой стилей элементов на своей ...

Читать далее »