Удаляем все node_modules одной командой

Ты JS-разработчик? Заполнился жесткий диск? Освободи место с помощью одной команды.

https://www.youtube.com/watch?v=qOSH2pYg6m8

Изменение JavaScript за 10 лет

Короткая и полезная статья, в которой перечислены основные фишки JS, которые появились за последние годы.

https://turriate.com/articles/modern-javascript-everything-you-missed-over-10-years

PS: в нашем канале 222 подписчика, спасибо!

#js #javascript

JS виджет для загрузки файлов

Привет, парни! Сегодня опять за фронтенд 😃

Минималистичная, но функциональная JS-библиотека для загрузки файлов:
- Загрузка нескольких файлов
- Загрузка из разных источников
- Ограничение размера файла
- Предпросмотр изображений
- Оптимизация изображений
- Плагины для расширения
- Адаптеры для Vue/React
- 11к звёзд на гитхабе

https://pqina.nl/filepond

Найдём достойное место в закладках? 😃

#tools #js #file #files

Autocomplete (JavaScript)

Библиотека, которая позволяет быстро реализовать функционал автозаполнения при вводе.

Например: подсказки при поиске на сайте.

Преимущества:
- Простота и гибкость
- Любые источники данных
- Кастомный шаблон списка

https://github.com/algolia/autocomplete

#tools #js #autocomplete

ECMAScript 2022

Ребят, не забываем следить за развитием JavaScript. В статье описаны новые фишки спецификации.

https://habr.com/ru/post/676032/

#js

Работа с датой и временем в JS

Библиотека поможет проводить любые манипуляции с датами и временем:
- Форматировать
- Увеличивать/уменьшать
- Высчитывать разницу
- Много чего еще

Раньше использовали большую библиотеку Moment, а теперь вместо неё Luxon. Реально хорошая штука.

https://moment.github.io/luxon

#js #luxon #date #time

Илья Климов про Vue (и React)

Посмотрел интервью разработчика из GitLab о фронтенде в целом и Vue в частности - понравилось.

https://youtu.be/pSpfml86b7Q

#vue #js

Скорость видео на YouTube

У HTML5 видео есть API, которым можно легко пользоваться, например менять скорость воспроизведения видео.

Для этого у тега

<video>

есть свойство

playbackRate

, которое содержит коэфициент изменения скорости воспроизведения.

Короче, можно установить туда 2 и скорость увеличится в 2 раза. Примеры ниже.

Увеличить скорость:

$('video').playbackRate = 10;

Уменьшить скорость:

$('video').playbackRate = 0.1;

Попробуй включить любое видео на YouTube и выполнить код выше ☝️

#js #video

Как работает цикл событий в JavaScript

Полезная статья для понимания механизма асинхронной работы JS.

https://habr.com/ru/post/680846/

#js #async

Полезные малоизвестные JavaScript API

В статье описаны 4 прикольные фишки, которые полезно иметь ввиду, чтобы применить, когда настанет такая необходимость.

Page Visibility API

Позволяет определять когда пользователь покидает страницу, например переключает вкладку браузера.

Поддержка — 98.24%

Web Share API

Позволяет использовать нативный функционал (на мобильниках), чтобы поделиться контентом (отправить ссылку, текст или файлы).

Поддержка — 89.82%

Broadcast Channel API

Позволяет обмениваться данными между вкладками браузера или фреймами.

Поддержка — 92.3%

Internationalization API

Позволяет управлять (форматировать, изменять) даты, время, числа на мультязычном сайте.

Поддержка — 97.74%

https://habr.com/ru/company/timeweb/blog/691992/

Использовал что-то из этого?

#js #jsapi