Что такое арность? Как получить арность функции в JS?

Арность — это количество аргументов функции. Например — вот объявление пары функций:

 function fn(a, b) {
     //...

 }
 function fn2(a, b, c) {
     //...

 }

Функция fn принимает два аргумента (это бинарная или 2-арная функция), функция fn2 принимает три аргумента (тернарная, 3-арная функция).

В JS можно получить арность функции с помощью свойства length:

function foo(x, y, z) {
return foo.length; // Will return 3
}

#js

На ноль делить нельзя!

Калькулятор на JavaScript предупреждает, что на ноль делить не надо, но если все же попробуете, то увидите интересный эффект.

#js

​fuite - инструмент для поиска утечек памяти в веб-приложениях

Дебаггинг утечек памяти - непростая задача. Для этого есть инструменты, но они в массе своей сложные и неудобные. Поэтому многие разработчики не слишком активно мониторят утечки. Возможно, fuite это изменит?

#en

Hamburger Icons Animations

Несколько вариантов анимации иконки-гамбургера, реализованные с помощью CSS и JavaScript.

#js

Cross-Platform Desktop Applications

Автор: Paul Jensen
Год издания: 2017

#english

Как добавить HTML элементу обработчик события?

addEventListener() добавляет элементу действие, которое будет выполнено после срабатывания события. Например, после клика мыши или нажатия клавиши.

Найдем первую кнопку на странице и будем выводить сообщение в консоль, когда произошел клик по этой кнопке.

const element = document.querySelector('button')

element.addEventListener('click', function (event) {
console.log('Произошло событие', event.type)
})

При вызове функции в нее передаётся специальный объект (в примере выше — event), который у разных типов событий разный. Например, у событий нажатия клавиши есть код клавиши, а у событий перемещения мыши — координаты.

#js

Переключение тем

Темы оформления с возможностью переключения, выполненные с помощью PostCSS и JavaScript.

#css #js

27 основных однострочных функций JavaScript

Список из 27 однострочных функций JavaScript, которые используются ежедневно и необходимы каждому разработчику.

#js

CSS Loading Animations

Подборка оригинальных загрузчиков на чистом CSS.

#css

Advanced TypeScript Programming Projects

Автор: Peter O'Hanlon
Год издания: 2019

#typescript #english

Как проверить, содержится ли значение в коллекции Set?

Метод set.has() проверяет, содержится ли значение в коллекции Set. Если значение есть в коллекции, метод вернет true, в противном случае — false.

Пример:

const watchList = new Set(['Сияние', 'Интерстеллар', 'Казино'])

console.log(watchList.has('Казино'))
// true

console.log(watchList.has('Чёрная пантера'))
// false

#js

Sphere

Анимация вращения трёх сфер, реализованная с помощью Three.js.

#js

​conic-gradient и radial-gradient

Подробный разбор работы градиентов, их сходства и отличий и вариантов использования.

#css

Фрактал

Анимированный фрактал, выполненный на чистом JavaScript.

#js

Full-Stack React Projects

Автор: Shama Hoque
Год издания: 2020

#react #english

Как создать свой первый кастомный transition в Svelte

#css #js

Читать

Slider boomerang effect

Необычный слайдер, листать который можно при помощи кнопок или колесика мыши.

#css #js

4 способа добавить иконки на сайт из Figma

Подробный разбор того, как лучше всего добавлять иконки на сайт из макета Figma. Автор статьи рассмотрел 4 способа и оценил их плюсы и минусы.

#css #js

BEER

Кружка наполняется пивом при клике и удержании кнопки мыши. Реализовано на чистом CSS с использованием SVG.

#css