От автора: JavaScript — это язык программирования, который позволяет реализовывать на веб-страницах сложные функции, и, если коротко, вы уже много знаете о JS, так как это самый популярный язык программирования в 2019 году (это не наше мнение, все цифры мы получили из Developer Survey 2019 от Stackoverflow). Если вы не слышали об этом опросе, вы должны ознакомиться с ним, прежде ...
Читать далее »Архив меток: JavaScript
JavaScript для общения с CSS и Sass
От автора: JavaScript и CSS живут вместе более 20 лет. И все же было невероятно сложно обмениваться между ними данными. Конечно, были хорошие попытки. Но я имею в виду что-то простое и интуитивно понятное — что-то, что не связано со структурными изменениями, а скорее включает использование пользовательских свойств CSS и даже переменных Sass. Пользовательские свойства CSS и JavaScript Пользовательские свойства ...
Читать далее »Полезные советы по использованию console.log()
От автора: в этом посте представлены 5 полезных советов, которые помогут вам стать более эффективными при использовании console.log(). Использование console.log(message) просто: аргумент message выводится в консоль. console.log('My message'); // logs "My message" const myVar = 12; console.log(myVar); // logs 12 1. Именование зарегистрированных переменных При логгинге многих переменных иногда трудно понять, какая переменная соответствует логу в консоли. Например, давайте выведем ...
Читать далее »Цикл for of в Javascript — один цикл, чтобы управлять всем
От автора: долгое время for in и for были основными циклами, которые можно было использовать для перебора наборов вещей в JavaScript. Позже мы получили некоторые методы массива, такие как forEach, map, filter и т.д. Все начинает становиться немного запутанным, когда мы используем каждый тип цикла. Например, вы не можете использовать for in для массивов, только для объектов. Тогда, как мне ...
Читать далее »Как создать простое полноэкранное слайд-шоу с помощью Vanilla JavaScript
От автора: в этом руководстве вы узнаете, как создать адаптивное полноэкранное слайд-шоу с помощью обычного JavaScript. Чтобы построить его, мы используем несколько различных трюков с интерфейсом. В качестве бонуса мы пойдем на шаг дальше и настроим внешний вид курсора при наведении его на слайд-шоу. Как обычно, чтобы получить первоначальное представление о том, что мы будем создавать, взгляните на соответствующую демонстрационную ...
Читать далее »Создание в Svelte приложения списка дел
От автора: ходят слухи, что новая среда JS создается каждые 6 минут. Неудивительно, что лишь немногие из них вышли на первые места, и самым последним в этой группе стал Svelte. Итак, в этом руководстве я хотел бы рассказать вам о ваших первых шагах в мире Svelte, создав простое приложение списка дел. Надеюсь, вам понравится! Настройка Время — деньги, и когда ...
Читать далее »Лучшие практики JavaScript — меняем старое на новое
От автора: как и любой другой язык программирования, JavaScript имеет свой собственный список лучших практик, облегчающих чтение и поддержку программ. JavaScript содержит много хитрых частей, и мы можем следовать некоторым рекомендациям по улучшению кода. С тех пор как был представлен ES6, новые конструкции заменяют старые по веским причинам. Они намного короче, чище и проще для понимания. В этой статье мы ...
Читать далее »Intersection Observer API позволяет сделать отложенную загрузку моментальной
От автора: в этой статье мы узнаем больше о Intersection Observer API, новом и мощном API, теперь поддерживаемом современными браузерами, который помогает отложено загружать изображения и другие элементы на веб-страницах. Мы можем использовать этот API, чтобы определить видимость элементов и реализовать предварительную и отложенную загрузку содержимого DOM. В течение многих лет Веб развивался, браузеры постоянно реализуют множество новых функций и ...
Читать далее »Rome, новый набор инструментов JavaScript
От автора: Себастьян МакКензи, первоначальный создатель Yarn и Babel и член команды Facebook React Native, работает над решением «все в одном» для разработки JavaScript и TypeScript. Проект Rome, отсылка ко «все дороги ведут в Рим», был представлен общественности 26 фев 2020. Что такое Rome? Rome — это реализация полного набора инструментов JavaScript с нуля. Он компилирует и связывает проекты JavaScript, ...
Читать далее »Все, что вы хотели знать о Service Worker
От автора: этот пост полностью посвящен Service Worker, как он работает, где мы можем его использовать, как мы можем удалить это, где он не будет работать и многое другое. Service Worker Service Worker — это файл скрипта Java, который запускается в браузере пользователя как фоновый процесс. Как работает Service Worker Он перехватывает сетевые запросы, кэширует или извлекает ресурсы из кэша, ...
Читать далее »