Главная » Архив меток: JavaScript

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

Svelte — рецепт успешного фреймворка?

От автора: каждый раз, когда на рынок выходит новый фреймворк (то есть JavaScript UI фреймворк), люди открыто задаются этим вопросом — «Зачем нам еще один фреймворк?». С определенной точки зрения это кажется логичным: экосистема JS уже переполнена фреймворками, и с увеличением их числа выбор становится все более трудным. Но я склонен не соглашаться с таким мнением. Конечно, новый фреймворк означает ...

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

Уважаемые поклонники цикла for: давайте будем мирно использовать методы массивов

От автора: вы когда-нибудь предлагали некоторый код JavaScript, а кто-то говорил: «Используйте цикл for, он быстрее ,чем forEach»? Это такой облом. Я всегда ненавижу возвращаться, чтобы удалить массив forEach с дюжиной или около того объектов, это кажется пустой тратой времени. Итак, в защиту методов массива, давайте поговорим о том, почему нам должно быть разрешено использовать их без вины или стыда. ...

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

Добавление в макеты разделителей с помощью CSS-in-JS

От автора: на праздники мы провели несколько экспериментов, чтобы удалить блочные карточки с нашего сайта и заменить их на сплошной фон. В результате нам понадобились разделители, чтобы разграничить статьи на странице (в противном случае все они бы сливались друг с другом — это было плохо). TL; DR — объединить :not и :nth-child с псевдо-элементом и свойством, которые определяют количество нужных ...

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

Использование JavaScript и window.postMessage()

От автора: кросс-доменная связь (также называемая Cross-origin) может представлять угрозу безопасности. Однако в HTML5 есть полезная и часто упускаемая возможность window.postMessage(), которая при правильном использовании безопасна. Как указано в MDN, — Метод window.postMessage() безопасно обеспечивает перекрестную связь между объектами Window; например, между страницей и всплывающим окном или между страницей и встроенным в нее фреймом. В этой статье мы рассмотрим связи ...

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

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 ...

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