Size: a a a

WiseJS | Frontend tips

2021 February 19
WiseJS | Frontend tips
☑️ НОВОЕ ВИДЕО НА КАНАЛЕ 🎬

Пишем веб-приложение на React/Mobx/Mobx-state-tree.
Гоу смотреть: https://youtu.be/o2PdTXCkoUo
Заранее спасибо всем, кто подпишется, поддержит лайком и комментарием!

🔥🔥🔥🔥🔥
источник
2021 February 22
WiseJS | Frontend tips
☑️ document.designMode

Данное свойство устанавливает или возвращает, доступен ли документ для редактирования или нет.

Значение по умалчанию - “off”.
Чтобы включить режим редактирования нужно указать:

document.designMode = “on”

Можно использовать для:

✔ тестирования разметки без изменения кода
✔ создания текстовых редакторов в браузере
источник
2021 February 24
WiseJS | Frontend tips
☑️ TIPS AND TRICKS #16

Cериализуeм данные из формы в параметры запроса без сторонних библиотек одной строкой кода.
источник
2021 February 26
WiseJS | Frontend tips
☑️ NUMBER IS INTEGER

В JavaScript и целые числа, и с плавающей запятой относятся к одному и тому же числовому типу - number.
Чтобы определить целое ли число можно использовать данный метод.
источник
2021 March 01
WiseJS | Frontend tips
☑️ ИМИТИРУЕМ ПОЛЬЗОВАТЕЛЬСКИЕ СОБЫТИЯ В JavaScript

Реализация функции, которая запускает событие для элемента, при необходимости передавая пользовательские данные.
источник
2021 March 03
WiseJS | Frontend tips
☑️ ЗАПОЛНИТЕЛЬ ДЛЯ ПУСТЫХ ЭЛЕМЕНТОВ

Простой способ добавить лоадер или текст, пока загружаются данные используя только лишь CSS.

P.S: Элемент считается пустым, если у него нет дочерних элементов (узлов) или текстового содержимого (даже пробелов).
источник
2021 March 05
WiseJS | Frontend tips
☑️ TIPS AND TRICKS #17

3 варианта извлечь элементы из массива используя деструктуризацию.
источник
2021 March 09
WiseJS | Frontend tips
☑️ CSS :is() SELECTOR

:is() это функция псевдо-класс CSS принимающая список селекторов как аргумент, и выбирает любой элемент, который может быть выбран одним из селекторов в этом списке.
Это полезно при переписи огромных селекторов в более компактную форму.
источник
2021 March 11
WiseJS | Frontend tips
☑️ DOMParser

Предназначен для парсинга «сырой» строки HTML, XML, SVG в объект.
Всего форматов в которые мы можем преобразовать строку три:
text/html
application/xml
image/svg+xml
источник
2021 March 15
WiseJS | Frontend tips
☑️ ОПРЕДЕЛЯЕМ ЧТО Caps Lock ВКЛЮЧЕН

Метод KeyboardEvent.getModifierState() возвращает текущее состояние указанной клавиши-модификатора: true, если модификатор активен. Список всех модификаторов доступен по ссылке.
источник
2021 March 19
WiseJS | Frontend tips
☑️ ДОБАВЛЯЕМ ТАЙМАУТ К ПРОМИСУ

Иногда нам нужно установит таймаут на выполнение запроса или другого асинхронного действия.
Мы можем сделать это связкой Promise.race + setTimeout.
источник
2021 March 22
WiseJS | Frontend tips
☑️ Broadcast Channel API

Между страницами где будет создан объект BroadcastChannel и указан точно такой же канал можно обмениваться сообщениями.
Cообщения можно передавать между вкладками, окнами браузера и фреймами.
источник
2021 March 24
WiseJS | Frontend tips
☑️ ПРЕОБРАЗОВАНИЕ ПСЕВДОМАССИВА  В МАССИВ

Псевдомассив — это объект, который структурно похож на массив. То есть у него есть числовые свойства (индексы) и свойство length.  Главным отличием является наследование псевдомассива (он не наследует Array). Разбираемся с вариантами конвертации.
источник
2021 March 29
WiseJS | Frontend tips
☑️ ИЗМЕНЕНИЕ URL БЕЗ ПЕРЕЗАГРУЗКИ СТРАНИЦЫ

HTML5 API history дает нам больше контроля над историей браузера. У нас есть возможность добавить запись в историю, или изменить URL в адресной строке без перезагрузки страницы.
Это делает возможным разработку тяжелых, одностраничных приложений без использования hash-роутеров, также позволяет нам оптимизировать приложения для SEO.
источник
2021 March 31
WiseJS | Frontend tips
☑️ Intl API | RelativeTimeFormat

Предоставляет возможность форматировать даты и отметки времени в удобночитаемый формат. Поддерживает множество языков. Вторым аргументом можно указать несколько значений: second, minute, hour, day, week, month, quarter, year.
источник
2021 April 06
WiseJS | Frontend tips
☑️ СГЕНЕРИРОВАТЬ CПИСОК С ЧИСЛАМИ В JavaScript

Иногда, нам нужно сгенерировать много случайных данных.
Красивый способ сделать это в одну строку кода.
источник
2021 April 13
WiseJS | Frontend tips
☑️ HTMLElement.dataset

Открывает возможности как для чтения, так и для изменения всех пользовательских дата-атрибутов.

При извлечении:

✔ удаляется префикс data- (вместе с дефисом);
✔ имя атрибута переводится в camelCase;
источник
2021 April 15
WiseJS | Frontend tips
☑️ ИЗМЕНЕНИЕ ПОВЕДЕНИЯ ФОРМЫ АТРИБУТАМИ КНОПОК

Атрибуты formaction, formmethod, formnovalidate у button позволяют преопределить action method и validate у самой формы.
Таким образом можно определять различное поведение формы в зависимости от нажатой кнопки.
источник
2021 April 21
WiseJS | Frontend tips
☑️ НОВОЕ ВИДЕО НА КАНАЛЕ 🎬

Смотреть по ссылке: https://www.youtube.com/watch?v=ma7rgLZDuZU&t=2s

Заранее спасибо всем, кто подпишется, поддержит лайком и комментарием!
источник
2021 April 26
WiseJS | Frontend tips
☑️ TIPS AND TRICKS #18

Вы можете назвать группы захвата для регулярных выражений в JavaScript.
Определите именованный захват в угловых скобках <>, и они будут возвращены в .groups.
источник