Пара двойников
В задаче напишем функцию, возвращающую переданное число, увеличенное вдвое. Если же переданное число состоит из двойников, функция вернет исходное число.
ES6: Расширение литерала объектов
Краткие формы записи свойств и методов объектов немного сократят код и сделают его немного более читабельным относительно аналогичного кода в ES5. Тем не менее новые краткие формы записи накладывают некоторые ограчения при работе с рекурсией и передаче методов объекта в качестве callback функции.
ES6: Цикл for .. of
Цикл for .. of
во многом похож на метод массивов forEach
, но имеет ряд преимуществ над ним. С появлением нового вида циклов отпадает необходимость использовать конструкцию [].forEach.call(elements, function(){})
для итераций по коллекции DOM элементов.
Простой chaining
Chaining — приём, при котором после вызова каждого метода возвращается исходный объект, таким образом, появляется возможность выполнять несколько методов последовательно, а не вызывать их по отдельности. На его использовании построены методы многих библиотек, например, jQuery.
Смесь цветов
Напишите функцию, которая будет смешивать два цвета. Цвет представляется строкой длины строго шесть символов в шестнадцатеричном формате. Под смешать понимается найти цвет, расположенный между двумя другими.
ES6: Стрелочные функции
Стрелочные функции не просто "синтаксический сахар", как это может показаться на первый взгляд. Главная причина их появления в ES6 — недопонимание, которое возникает у большинства разработчиков при работе с ключевым словом this
. С релизом нового стандарта отпадает необходимость писать var self = this
при использовании колбэков, что в значительной степени упрощает чтение кода и понимание происходящего.
Найди анаграммы
Анаграммы — слова, которые получаются при перестановке букв или звуков местами в исходном слове. Например, апельсин и спаниель, старорежимность и нерасторжимость, равновесие и своенравие. В задаче напишем функцию для проверки являются ли два переданных ей слова анаграммами или нет.
Проверка нахождения значения в массиве
До релиза ES2016 ещё долго, а, значит, и метод массивов Array.prototype.includes
использовать можно будет ещё не скоро. Сейчас же можно немного сократить свой код, используя побитовый оператор ~
.
Передача аргументов в колбэки
По умолчанию в callback-функцию нельзя передавать аргументы, что в некоторых случаях приводит к очень неприятным проблемам. В статье расскажем, как обойти это ограничение.
Стилизация плэйсхолдеров
Применение стилей к тексту плэйсхолдеров не самое лёгкое занятие. Необходимо учитывать все префиксы для разных браузеров, в результате чего приходится писать достаточно объемное количество кода. К счастью CSS препроцессоры значительно облегчат его создание. В статье рассмотрим основы применения стилей к плэйсхолдерам, принципы их анимации, а также напишем небольшую библиотеку миксинов на Sass, которая значительно упростит работу с плэйсхолдерами.