Рубрика: JavaScript, CSS, HTML

Операции сдвига javascript

В JavaScript есть три операции сдвига битовых значений: левосторонний сдвиг (<<), правосторонний сдвиг (>>) и беззнаковый правосторонний сдвиг (>>>). Эти операции позволяют перемещать биты числа влево или вправо, что полезно в низкоуровневых вычислениях и манипуляциях с двоичными данными. Левосторонний сдвиг (<<) Левый сдвиг перемещает все биты числа влево на указанное количество позиций. Освобождающиеся позиции справа […]

Загрузка...
Просмотров: 28 Читать статью

Консоль браузера и console.log

Консоль браузера — это встроенный инструмент разработчика, который помогает тестировать, отлаживать и анализировать веб-страницы. Одним из ключевых элементов консоли является возможность вывода сообщений с помощью команды console.log(). Что такое console.log()? console.log() — это метод объекта console, который выводит переданные ему данные в консоль браузера. Это очень полезный инструмент для отладки кода, так как позволяет увидеть промежуточные значения переменных, результаты […]

Загрузка...
Просмотров: 29 Читать статью

Подключение внешнего файла JavaScript

Для подключения внешнего файла JavaScript к HTML-документу используется тег <script>. Пример: <!DOCTYPE html> <html lang=»ru»> <head>    <meta charset=»UTF-8″>    <title>Пример подключения JavaScript</title>    <!— Подключаем внешний файл JavaScript —>    <script src=»path/to/your/script.js»></script> </head> <body>    <h1>Привет, мир!</h1>        <!— Пример использования функции из подключенного скрипта —>    <button onclick=»sayHello()»>Нажми меня</button> </body> </html> Теперь давайте создадим файл script.js и добавим туда простую функцию: // […]

Загрузка...
Просмотров: 26 Читать статью

Выполнение кода javascript в html

Для того чтобы выполнить JavaScript-код внутри HTML-документа, необходимо разместить этот код либо непосредственно в HTML-файле между тегами <script></script>, либо подключить внешний файл с JavaScript-кодом. Рассмотрим оба варианта. Вариант 1: Внутренний JavaScript-код В этом случае весь необходимый JavaScript-код размещается непосредственно в HTML-документе. Пример: <!DOCTYPE html> <html lang=»en»> <head>    <meta charset=»UTF-8″>    <title>Пример с внутренним JavaScript</title> </head> <body> <h1>Привет!</h1> […]

Загрузка...
Просмотров: 22 Читать статью

Первая программа на JavaScript

Вот пример простой программы на JavaScript, которая выводит приветствие в консоль браузера: <!DOCTYPE html> <html lang=»ru»> <head>    <meta charset=»UTF-8″>    <title>Моя первая программа</title> </head> <body> <script>    console.log(«Привет, мир!»); </script> </body> </html> Как работает эта программа? HTML-документ: Мы создаем простую HTML-страницу с заголовком <title> и телом <body>. Внутри тела находится тег <script>, который содержит наш JavaScript-код. JavaScript-код: Внутри тега <script> мы используем функцию console.log(), […]

Загрузка...
Просмотров: 37 Читать статью

Функция requestAnimationFrame JavaScript

requestAnimationFrame — это метод, позволяющий планировать выполнение функции непосредственно перед тем, как браузер произведёт перерисовку экрана. Он оптимизирован для работы с анимацией и визуализацией, так как синхронизируется с частотой обновления монитора (обычно 60 кадров в секунду), обеспечивая максимально плавное отображение изменений. Как работает requestAnimationFrame? Когда вы вызываете requestAnimationFrame(callback), браузер добавляет вашу функцию callback в очередь вызовов, которая будет выполнена прямо […]

Загрузка...
Просмотров: 28 Читать статью

Функции времени JavaScript

В JavaScript существует несколько функций и методов, связанных со временем. Они помогают работать с датами и временем, выполнять задачи по расписанию и многое другое. Рассмотрим основные из них: 1. new Date() Конструктор Date() создает объект даты, представляющий момент во времени. Этот объект содержит информацию о дате и времени, включая год, месяц, день, часы, минуты, секунды […]

Загрузка...
Просмотров: 27 Читать статью

Функции в JavaScript

В JavaScript функции играют ключевую роль при создании программной логики. Они позволяют разбивать код на отдельные блоки для выполнения конкретных задач, а также помогают избежать дублирования кода. Основные виды функций: Объявленные функции (Function Declaration) Анонимные функции (Function Expression) Стрелочные функции (Arrow Function) Конструктор функции (Constructor Function) Генерирующие функции (Generator Functions) Методы объектов Итераторы и другие […]

Загрузка...
Просмотров: 29 Читать статью

Массивы в JavaScript

Массивы в JavaScript — это мощные структуры данных, позволяющие хранить и обрабатывать наборы элементов. Они предоставляют множество методов для удобного управления данными, таких как добавление, удаление, сортировка, фильтрация и многое другое. В этом руководстве мы рассмотрим основные операции с массивами, включая создание, доступ к элементам, изменение размеров, объединение массивов и выполнение операций над ними. Пример […]

Загрузка...
Просмотров: 47 Читать статью

Циклы (for, while) JavaScript

В JavaScript существует несколько видов циклов, которые позволяют многократно выполнять определенные блоки кода. Наиболее популярные циклы — это for и while. Рассмотрим их подробнее. Цикл for Цикл for используется для итерации по коллекции элементов, такой как массив или строка. Он состоит из трех частей: инициализации, условия продолжения цикла и обновления счетчика. for (let i = […]

Загрузка...
Просмотров: 48 Читать статью