Дэн Щербаков ⚛️
96 subscribers
20 photos
49 links
Канал для фронтенд-разработчиков о том, как развиваться и увеличивать зарплату.

Senior Frontend Developer с 6 годами опыта. За этот период увеличил зарплату почти в 7 раз.

Начинайте тут: https://yangx.top/code_lab/280
加入频道
Channel name was changed to «Ежедневные достижения»
🥇 Усвоены основы замыканий и лексического окружения!

Итак, лексическое окружение - это область кода, находящаяся вне функции или блока кода и относительная к нему. Например:

const outer = function() {
var j = 10; // Лексическое окружение для функции inner.

return function inner() {
return j + 10 // Лексическая область для функции inner.
}
}

Замыкание - это внутренняя функция, взыванная из внешней и сохраненная в переменную. Она "замыкает" на себя переменные из внешнего лексического окружения, так сохраняя их.
🥇Рекурсия - не магия! Небольшой шажок в сторону понимания рекурсии - точнее, применения на практике.

В известном алгоритме числа Фибоначчи вторым аргументом выступает... результат внутреннего вызова функции. Вот так всё просто. Возвращать единицу вторым условием нужно, чтобы прекратить рекурсивный цикл.
Channel name was changed to «Лаборатория»
🥇Стали понятнее привязки стилей к элементам DOM!

element.style - одиночное свойство-атрибут элемента;
element.textCSS - атрибуты в виде строки. Перезаписывает ранее установленные одиночные атрибуты;
getComputedCSS(element, pseudo) - стили CSS, примененные к элементу. Возвращает объект, где ключи - названия стилей, а значения - css-свойства, вычисляемые как из style, так и из каскадных таблиц. К любому элементу применены все возможные стили, но большинство идёт по-умолчанию и не просчитывается.
🥇Глава по DOM - всё!

А еще сделал мигающий элемент с помощью setInterval.
🥇Понятие Callback - функция, переданная в другую функцию для асинхронного - то есть, строго зависимого выполнения.
🥇Впервые придумал алгоритм, использующий рекурсию, вне тренировочных задач! Это осмысленное использование, а значит, большой шаг вперед. Алгоритм эмулирует перебор массива в цикле:

let relay = (array, x, y) => {
if(array[x] <= y) {
console.log(array[x]);
return relay(array, x + 1, y)
}
console.log('This is it!')
}

relay(array, 0, 10)
🥇Сделано многое - от разбора объекта событий до делегации. Впереди много больше...
Записки про Реакт: