Главная » Архив меток: JavaScript (страница 16)

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

NaN в JavaScript

От автора: В данной статье мы познакомимся со специальным свойством NaN (Not-A-Number), которое является значением, представляющим не-число. Тип числа в JavaScript содержит целые числа и числа с плавающей запятой: const integer = 4; const float = 1.5; typeof integer; // => 'number' typeof float; // => 'number' Плюс есть два специальных числовых значения: Infinity (число больше, чем любое другое число) ...

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

Понимание CSS-in-JS

От автора: я собираюсь рассказать о CSS-in-JS, возможностях этой техники и о том, как мы можем создавать лучшие приложения, написав код CSS с помощью JavaScript. В этой статье мы узнаем больше о CSS-in-JS, другом способе стилизации элементов в приложениях. Эта методика уже давно используется в сообществе, и многие разработчики обнаружили, что они получают лучший стиль композиции в приложениях и а ...

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

Обзор Async Await

От автора: при написании кода для Веб, в конечном итоге вам понадобится выполнить некоторый процесс, который может занять несколько минут. JavaScript не может работать в многозадачном режиме, поэтому нам понадобится способ справиться с этими длительными процессами. Async / Await — это способ обработки такого типа временной последовательности. Это особенно удобно, когда вам нужно выполнить какой-то сетевой запрос и затем работать ...

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

3 способа заменить все вхождения строки в JavaScript

От автора: JavaScript не предоставляет простой способ заменить все вхождения строк. Ирония заключается в том, что Java, который послужил источником вдохновения для JavaScript в первые дни, использует метод replaceAll() для строк с 1995 года! В этом посте описываются 2 обходных пути для замены всех вхождений строк в JavaScript: разбиение и объединение строк, и replace() в сочетании с регулярным выражением. В ...

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

JavaScript Async + Await за 5 минут

От автора: скорее всего, вы сталкивались с промисами в своем JavaScript. Они позволяют подключиться к завершению асинхронных вызовов. Они упрощают цепочку асинхронных операций или даже группируют их вместе. Есть один крошечный недостаток. При использовании промисов синтаксис не всегда самый красивый. Представляем async + await. Для тех, кто в лагере TL; DR, async + await являются синтаксическим сахаром для применения промисов. ...

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

Вам не нужны циклы в JavaScript

От автора: узнайте, как заменить циклы и использовать функции высшего порядка, такие как map, Reduce и Filter. Почему мы заменяем циклы? Использование функций высшего порядка сделает ваш код: Более читабельный. Понятным. Отлаживаемым. 1. Перебрать все элементы и получить новый модифицированный массив Используя цикл: var names = ["Jack", "Jecci", "Ram", "Tom"];var upperCaseNames = []; for(let i=0, totalNames = names.length; i< totalNames ...

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

Тонкое искусство прогностической предварительной выборки

От автора: когда вы заказываете гамбургер с картофелем фри в любом ресторане в Америке, официант часто подносит бутылку кетчупа к столу еще до того, как гамбургер будет готов. Хотя вы, возможно, и не просили явно кетчуп, официант предполагает, что вы попросите об этом, так как большинство американцев едят гамбургеры с кетчупом. Но что, если оптимизация официанта была неправильной, и вы ...

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

Создание улучшенного пользовательского элемента выбора

От автора: в моей работе в качестве консультанта по доступности я часто сталкиваюсь с проблемами на сайтах. В последнее время очень часто встречается то, что люди создают элементы выбора для форм. Я могу сказать, что они пытаются сделать их доступными, потому что добавляют атрибуты ARIA или визуально скрытые инструкции для пользователей программ чтения с экрана. Иногда они используют плагин, создатели ...

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

Прекрасный опыт прокрутки — без библиотек

От автора: одной из областей, где Интернет традиционно отстает от нативных платформ, является воспринимаемая «привлекательность» приложения. Частично это восприятие происходит от того, как пользовательский интерфейс реагирует на взаимодействие с пользователем, включая прокрутку содержимого. Столкнувшись с ограничениями веб-платформы, разработчики часто обращаются к библиотекам и фреймворкам JavaScript, чтобы изменить процесс прокрутки веб-страницы — иногда называемый “scroll-jacking” — не всегда хорошо, если он ...

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

Используйте модули для создания модульного приложения JavaScript

От автора: одна из главных особенностей ES6 — поддержка JavaScript встроенных модулей. Модули позволяют совместно использовать код различными файлами, используя синтаксис export и import. Это значительное улучшение по сравнению с использованием тегов script и глобальных переменных для совместного использования кода. Использование тегов script было сопряжено с ошибкам, так как порядок загрузки имеет значение. Указание script в неправильном порядке может привести ...

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