Регулярные ревью кода
Регулярные сеансы ревью кода помогают обнаруживать потенциальные проблемы, улучшать структуру и качество кода, а также обмениваться знаниями с другими членами команды.
JavaScript test
Регулярные сеансы ревью кода помогают обнаруживать потенциальные проблемы, улучшать структуру и качество кода, а также обмениваться знаниями с другими членами команды.
JavaScript test
Получение случайного логического значения (true / false)
Эта функция вернет логическое значение (true или false) с помощью метода Math.random(). Он создаст случайное число от 0 до 1, после чего мы проверяем, больше оно или меньше 0,5. Это означает, что шанс получить либо истину, либо ложь составляет 50/50.
JavaScript test
Эта функция вернет логическое значение (true или false) с помощью метода Math.random(). Он создаст случайное число от 0 до 1, после чего мы проверяем, больше оно или меньше 0,5. Это означает, что шанс получить либо истину, либо ложь составляет 50/50.
JavaScript test
Запись в textContent (безопасный способ)
Представим, что у нас есть произвольная строка, введённая пользователем, и мы хотим показать её.
- С
- С
Сравним два тега div (см. пример выше на картинке).
- В первый
- Во второй
В большинстве случаев мы рассчитываем получить от пользователя текст и хотим, чтобы он интерпретировался как текст. Мы не хотим, чтобы на сайте появлялся произвольный HTML-код. Присваивание через
JavaScript test
Представим, что у нас есть произвольная строка, введённая пользователем, и мы хотим показать её.
- С
innerHTML вставка происходит «как HTML», со всеми HTML-тегами.- С
textContent вставка получается «как текст», все символы трактуются буквально.Сравним два тега div (см. пример выше на картинке).
- В первый
<div> имя приходит «как HTML»: все теги стали именно тегами, поэтому мы видим имя, выделенное жирным шрифтом.- Во второй
<div> имя приходит «как текст», поэтому мы видим <b>Винни-пух!</b>.В большинстве случаев мы рассчитываем получить от пользователя текст и хотим, чтобы он интерпретировался как текст. Мы не хотим, чтобы на сайте появлялся произвольный HTML-код. Присваивание через
textContent – один из способов от этого защититься.JavaScript test
Использование стрелочных функций для краткости
Стрелочные функции уменьшают объем кода и сохраняют контекст
JavaScript test
Стрелочные функции уменьшают объем кода и сохраняют контекст
this.JavaScript test
Использование JavaScript Web Speech API для распознавания и синтеза речи
Web Speech API позволяет распознавать и синтезировать речь в браузере, что может быть использовано для создания голосовых интерфейсов и веб-приложений.
JavaScript test
Web Speech API позволяет распознавать и синтезировать речь в браузере, что может быть использовано для создания голосовых интерфейсов и веб-приложений.
JavaScript test
Избегание магических значений
Используйте константы для избегания магических чисел и значений в коде.
JavaScript test
Используйте константы для избегания магических чисел и значений в коде.
JavaScript test
Использование JavaScript Web MIDI API для работы с MIDI-устройствами
Web MIDI API предоставляет возможность веб-приложениям взаимодействовать с MIDI-устройствами, такими как музыкальные инструменты и контроллеры, через браузер.
JavaScript test
Web MIDI API предоставляет возможность веб-приложениям взаимодействовать с MIDI-устройствами, такими как музыкальные инструменты и контроллеры, через браузер.
JavaScript test
Использование JavaScript Fetch API для загрузки и отображения изображений в веб-приложении
Fetch API позволяет загружать ресурсы с сервера, такие как изображения, и использовать их в веб-приложении без перезагрузки страницы.
JavaScript test
Fetch API позволяет загружать ресурсы с сервера, такие как изображения, и использовать их в веб-приложении без перезагрузки страницы.
JavaScript test
Использование объектов для конфигурации
Использование объектов для передачи конфигурационных параметров делает код более читаемым.
JavaScript test
Использование объектов для передачи конфигурационных параметров делает код более читаемым.
JavaScript test