Использование JavaScript Proxy для перехвата и изменения поведения объекта
JavaScript Proxy предоставляет механизм для перехвата и изменения поведения операций с объектами, таких как чтение и запись свойств.
#полезное
JavaScript Proxy предоставляет механизм для перехвата и изменения поведения операций с объектами, таких как чтение и запись свойств.
#полезное
👍2
Бинарный поиск
Нам нужно написать функцию, которая принимает отсортированный массив чисел
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Нам нужно написать функцию, которая принимает отсортированный массив чисел
numberArray
и возвращает индекс найденного числа. Если индекс не найден, тогда возвращается -1
.#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍1
Использование JavaScript Map для хранения данных в виде "ключ-значение
JavaScript Map предоставляет коллекцию данных в форме "ключ-значение" и обеспечивает простой способ добавления, получения и удаления данных.
#полезное
JavaScript Map предоставляет коллекцию данных в форме "ключ-значение" и обеспечивает простой способ добавления, получения и удаления данных.
#полезное
👍2
Увлекательный мир фронтенда
Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «@#%, да где же этот пропавший блок?!»
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «@#%, да где же этот пропавший блок?!»
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript Set для уникальных коллекций значений
JavaScript Set предоставляет коллекцию уникальных значений и автоматически удаляет дубликаты.
#полезное
JavaScript Set предоставляет коллекцию уникальных значений и автоматически удаляет дубликаты.
#полезное
👍1
Css «карточки» в динамически генерируемом web документе — моя реализация
Карточный вид содержимого вэб страниц - один из довольно популярных уже долгое время.
Недавно встала задача таковые web карточки сверстать на CMS генерируемых страничках, где - естественно - количество таковых "карт" непостоянно.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Карточный вид содержимого вэб страниц - один из довольно популярных уже долгое время.
Недавно встала задача таковые web карточки сверстать на CMS генерируемых страничках, где - естественно - количество таковых "карт" непостоянно.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
🔥1
Использование JavaScript WebAssembly для выполнения кода, написанного на других языках
WebAssembly предоставляет возможность выполнять низкоуровневый бинарный код на веб-страницах, что полезно для оптимизированных вычислений.
#полезное
WebAssembly предоставляет возможность выполнять низкоуровневый бинарный код на веб-страницах, что полезно для оптимизированных вычислений.
#полезное
👍2
React + Three.js. Создаём собственный 3D шутер
В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере. Одним из инструментов, который делает это возможным, является библиотека React Three Fiber - мощное средство для создания 3D-графики на основе Three.js с использованием технологии React.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере. Одним из инструментов, который делает это возможным, является библиотека React Three Fiber - мощное средство для создания 3D-графики на основе Three.js с использованием технологии React.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍1
Манипуляция с элементами страницы: создание, удаление и изменение HTML-элементов
Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки.
В данном примере мы создаем новый элемент
Через 3 секунды мы удаляем элемент с помощью метода
Таким образом, манипуляция с элементами страницы позволяет нам динамически создавать, изменять и удалять HTML-элементы, что открывает широкие возможности для создания интерактивных и динамических веб-приложений.
#полезное
Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки.
В данном примере мы создаем новый элемент
div
с текстом "Новый элемент" и классом "my-class". Затем мы добавляем этот элемент в конец body
документа с помощью метода appendChild()
. Мы также изменяем содержимое элемента с помощью свойства textContent
и стилизуем его, устанавливая значение свойства backgroundColor
.Через 3 секунды мы удаляем элемент с помощью метода
remove()
. Это демонстрирует возможность удаления элементов из документа.Таким образом, манипуляция с элементами страницы позволяет нам динамически создавать, изменять и удалять HTML-элементы, что открывает широкие возможности для создания интерактивных и динамических веб-приложений.
#полезное
👍1
Увеличиваем свою производительность в WebStorm / PhpStorm c помощью шаблонов
В этой статье я хотел бы рассказать вам, как можно сократить рутинную работу написания кода, используя шаблоны для создания файлов.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этой статье я хотел бы рассказать вам, как можно сократить рутинную работу написания кода, используя шаблоны для создания файлов.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с графикой: использование библиотеки Canvas для рисования и визуализации данных
Работа с графикой является важной частью разработки веб-приложений, особенно при рисовании и визуализации данных. Для этого разработчики часто используют библиотеку Canvas, которая предоставляет мощные инструменты для создания интерактивных и красочных графических элементов.
Canvas - это элемент HTML5, который позволяет рисовать графику с помощью JavaScript. Он предоставляет API для создания и управления контекстом рисования, на котором можно рисовать линии, фигуры, текст и многое другое.
В данном примере мы получаем контекст рисования Canvas с помощью метода
Мы также можем устанавливать различные свойства контекста, такие как цвет заливки (
#полезное
Работа с графикой является важной частью разработки веб-приложений, особенно при рисовании и визуализации данных. Для этого разработчики часто используют библиотеку Canvas, которая предоставляет мощные инструменты для создания интерактивных и красочных графических элементов.
Canvas - это элемент HTML5, который позволяет рисовать графику с помощью JavaScript. Он предоставляет API для создания и управления контекстом рисования, на котором можно рисовать линии, фигуры, текст и многое другое.
В данном примере мы получаем контекст рисования Canvas с помощью метода
getContext()
. Затем мы используем методы контекста, такие как fillRect()
для рисования прямоугольника, stroke()
для рисования линии и fillText()
для рисования текста.Мы также можем устанавливать различные свойства контекста, такие как цвет заливки (
fillStyle
), цвет обводки (strokeStyle
), толщина линии (lineWidth
) и шрифт (font
).#полезное
👍1
Один компонент, 20+ фич, A/B-тесты: Поможет ли машина состояний?
Сталкивались ли вы с проблемой возникновения багов из-за пересечения включенных фичей в приложении? Или, возможно, была необходимость одновременно проводить большое число A/B-экспериментов в одном компоненте?
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Сталкивались ли вы с проблемой возникновения багов из-за пересечения включенных фичей в приложении? Или, возможно, была необходимость одновременно проводить большое число A/B-экспериментов в одном компоненте?
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с локализацией: перевод и форматирование текста на разных языках
Работа с локализацией является важной частью разработки веб-приложений, особенно при создании мультиязычных интерфейсов.
Для перевода текста на разные языки в JavaScript можно использовать объект Intl, который предоставляет функциональность для локализации. С помощью объекта Intl можно форматировать числа, даты, валюты и другие типы данных в соответствии с правилами языка и региона.
В данном примере мы создаем объект Intl с помощью конструктора
Затем мы используем метод
#полезное
Работа с локализацией является важной частью разработки веб-приложений, особенно при создании мультиязычных интерфейсов.
Для перевода текста на разные языки в JavaScript можно использовать объект Intl, который предоставляет функциональность для локализации. С помощью объекта Intl можно форматировать числа, даты, валюты и другие типы данных в соответствии с правилами языка и региона.
В данном примере мы создаем объект Intl с помощью конструктора
new Intl.NumberFormat()
. Мы указываем язык и регион (в данном случае 'en-US' для английского языка в США) и опции форматирования (в данном случае стиль 'currency' и валюту 'USD').Затем мы используем метод
format()
объекта Intl для форматирования числа amount
в соответствии с указанными опциями. В данном примере мы форматируем число в денежный формат.#полезное
👍2
Как мы создаём Squadus. Реализуем «прыжок к сообщению» в мобильной версии
Весной этого года мы выпустили Squadus — цифровое рабочее пространство для компаний любого масштаба. Решение позволяет общаться в чатах, проводить конференции, совместно работать над документами и автоматизировать типовые действия с помощью ботов.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Весной этого года мы выпустили Squadus — цифровое рабочее пространство для компаний любого масштаба. Решение позволяет общаться в чатах, проводить конференции, совместно работать над документами и автоматизировать типовые действия с помощью ботов.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Рекурсия и оптимизация рекурсивных функций
В первой части кода есть простая рекурсивная функция
Во второй части кода представлена оптимизированная версия функции
Таким образом, оптимизированная версия
#полезное
В первой части кода есть простая рекурсивная функция
factorial
, которая вычисляет факториал числа n
. Она вызывает себя с аргументом n - 1
, пока n
не станет меньше или равно 1.Во второй части кода представлена оптимизированная версия функции
factorialMemoized
, которая использует мемоизацию. Мемоизация - это техника, при которой результаты предыдущих вызовов функции сохраняются в памяти и возвращаются в случае повторного вызова с теми же аргументами. В данном случае, мы используем объект memo
для хранения результатов предыдущих вызовов factorialMemoized
. Если результат уже вычислен для конкретного n
, мы возвращаем его из memo
, иначе вычисляем и сохраняем в memo
.Таким образом, оптимизированная версия
factorialMemoized
более эффективна при вычислении факториала для больших чисел, так как избегает переполнения стека вызовов, и вычисляет результаты только один раз для каждого n
.#полезное
👍2
Как типизировать Vuex Store
В этой статье мы поймем, нужно ли вам типизировать Vuex Store или нет, и если вы достаточно отчаянны, поймем, как его типизировать, чтобы не погибнуть.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этой статье мы поймем, нужно ли вам типизировать Vuex Store или нет, и если вы достаточно отчаянны, поймем, как его типизировать, чтобы не погибнуть.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с локальным хранилищем
#полезное
localStorage
позволяет хранить данные на стороне клиента (в браузере). Методы setItem()
используются для записи данных, getItem()
для чтения данных и removeItem()
для удаления данных из локального хранилища.#полезное
👍2
Как декораторы могут упростить разработку веб-форм
В статье я буду писать о подходе, использующем библиотеку MobX. Так что если вы в своих проектах её не используете, статья может быть не так полезна. Но вы можете рассматривать её, как возможный источник вдохновения по тому, как можно разрабатывать формы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В статье я буду писать о подходе, использующем библиотеку MobX. Так что если вы в своих проектах её не используете, статья может быть не так полезна. Но вы можете рассматривать её, как возможный источник вдохновения по тому, как можно разрабатывать формы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Сортировка массивов объектов
В примере мы создаем массив объектов
#полезное
В примере мы создаем массив объектов
products
, содержащий информацию о различных продуктах. Затем мы используем метод sort()
для сортировки этого массива по полю price
в порядке возрастания, используя функцию sortByPriceAscending
в качестве функции сравнения. Вы можете создать аналогичные функции для сортировки в порядке убывания или для сортировки по другим полям объектов.#полезное
👍4❤1
Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ
Пытаетесь разгадать магию беспилотных автомобилей? Присоединяйтесь к программистам, увлекающимся автоматизированными транспортными средствами. Они помогут написать код, превращающий автомобиль в самоуправляемое чудо техники.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Пытаетесь разгадать магию беспилотных автомобилей? Присоединяйтесь к программистам, увлекающимся автоматизированными транспортными средствами. Они помогут написать код, превращающий автомобиль в самоуправляемое чудо техники.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1