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

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

Начинайте тут: https://yangx.top/code_lab/280
加入频道
- Делитель - это число, на которое число делится без остатка.
В делители любого положительного числа больше ноля обычно входят 1 и само число:
12:1=12
12:12=1
- Кратное числа - это число, которое делится на взятое нами число без остатка. Например, 10 - кратное 5.

Это интересно: кратных у любого числа - бесконечно много.

() => Алгоритмы поиска признаков делимости:

- на десять:
num[last] === 0 && num >= 10

- на пять и два:
см. выше.

- на пять:
num[last] === 5 && num > 0

- на три:
(num[0] + num[1] + ... + num[last]) % 3 === 0

- на девять:
(num[0] + num[1] + ... + num[last]) % 9 === 0
() => Алгоритм поиска всех делителей:

0. Простые множители: 2, 3, 5, 7.
1. Проверяем, делится ли число на наименьший простой множитель. Если нет, берем следующий.
2. Найдя подошедший, записываем его и делим на него число.
3. Повторяем, пока число не достигнет 1.
4. Удаляем повторяющиеся более двух раз.
5. Перемножаем между собой: как по два, так и большими порциями.
6. Получившиеся числа записываем в таблицу делителей.
- НОД - это наибольший общий делитель двух чисел. Запись:
НОД(а, b)

() => Алгоритмы поиска НОД:

1. Перебор:
- получаем все делители a
- затем b
- сравниваем, пока не найдём наибольшее число, повторяющееся в обеих последовательностях.

2. Перемножение общих делителей:
- раскладываем два числа на простые множители
- находим общие
- перемножаем
- наибольшее полученное число будет НОД

3. Вычеркивание:

- раскладываем на простые множители
- вычеркиваем из последовательности все множители, которые не повторяются, пока последовательности не станут идентичными
- перемножаем оставшиеся множители
- НОК - это наименьшее общее кратное. Иначе говоря - наименьшее число, которое нацело делится на a и b. Есть три алгоритма его поиска, которые проще загуглить, чем переписывать.
Дроби бывают правильными и неправильными.

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

Из неправильных можно выделить целое.
Для 2|2 целое = 1.
Для 17|3 = 17 / 3 = 5 целых 2|3.

Смешанное число - целое с дробью - можно представить как неправильную дробь. Для этого умножим целое на знаменатель и прибавим числитель. Вот формула:
Два свойства дробей:
1. Если умножить числитель и знаменатель на одно и то же число, значение дроби не изменится. Это число называется дополнительным множителем.
2. Большинство дробей можно сократить. Для этого находим НОД для обоих и делим на него. Результатом станет сокращенная дробь.
Дроби из простых чисел сократить, очеивдно, нельзя.
- Чтобы сложить десятичные дроби со знаменателями разной разрядности, нужно добить разницу между знаменателями нулями: 9, 455 + 7, 5 = 9,455 + 7, 500.
- Чтобы умножить десятичные дроби, нужно перемножить их, как обычные числа, и поставить запятую после стольких чисел справа, сколько всего знаков после запятой в числах, которые умножали
- Умножить дробь на целое? Легко. Принцип тот же: умножаем как обычные числа и ставим запятую после стольких знаков, сколько было в дроби.
- На 10, 100, 1000 и т.д.? Просто сдвигаем запятую вправо на количество нулей. 23,56656 * 100 = 2356,656.
- На 0,1 или 0,01 (и т.д.)? Сдвигаем запятую влево. 5,32 * 0,1 = 0,532.

- Чтобы разделить меньшее число на большее, например, 3 на 5, можно разделить его просто уголком. 3 < 5, пишем 0. 30 > 5, пишем 6. Разделяем знаком дроби. Итого 3 / 5 = 0.6.
- Чтобы разделить без остатка, нужно разделить уголком, как обычно, с остатком, а затем приписать к остатку нуль и разделить снова.
Forwarded from IT лекции
🔍 Теория игр вокруг нас

Спикер доступно расскажет все о теории игр, применении ее в повседневной жизни и о том, как не проиграть. Сперва вы вместе с Алексеем смоделируете «игру» непосредственно в аудитории, а затем разберёте следующие сюжеты:

1. Телеигра или задача о парковочных местах
2. Люксембург в Евросоюзе
3. Синдзо Абэ и Северная Корея
4. Парадокс Брайеса в Метрогородке (Москва)
5. Два парадокса Дональда Трампа
6. Рациональное безумие (снова Северная Корея)

Смотреть

@itlecture
Мутабельность и иммутабельность.

- мутабельный объект - такой, который может быть изменен после создания.
- мутабельный метод - изменяющий непосредственно объект.

- иммутабельный объект - объект неизменяемый.
- иммутабельный метод возвращает копию объекта, а не изменяет его.
Gulp:

- В версии 4.0.0+ есть функция gulp.series. Она выступает вторым аргументом для gulp.task, а принимает названия других тасков. Так создается единый таск для всех имеющихся.
Важно: таски выполняются асинхронно! Для синхронной обработки можно использовать коллбэки.

- Чтобы раскидать файлы по расширениям, не обязательно подключать плагин. Метод dest принимает функцию, которая, ориентируясь по объекту vynil, делает это из коробки:

.pipe(gulp.dest( (file) => {
if(file.extname === '.js') return 'js'
else if (file.extname === '.css') return 'css'
else return 'dest'
}
}

- В 4.0 есть функция parallels. Если series выполняет таски по-очереди, то parallels - синхронизирует их. Это простор для возможностей. Функции можно комбинировать: параллельно обрабатывать картинки, сжимать js и чистить html, а затем определять в проект в правильном порядке. Пример совмещения:

exports.build = series(
clean,
parallel(
cssTranspile,
series(jsTranspile, jsBundle)
),
parallel(cssMinify, jsMinify),
publish
);


- Есть в 4 версии и деление на приватные и публичные таски. Чтобы таск был приватным, его не надо объявлять на экспорт. Внутри файла-модуля он по-прежнему будет доступен.
- Команда gulp —tasks выводит дерево команд, а начиная с 4.0 - и синхронно-асинхронные цепочки series/parallels.

- Одной цепочке тасков может быть присвоено несколько значений, в зависимости от условий (if-else) и переданных в series/parallels тасков.

- Можно вызывать .src() прямо в цепочке между .src() и .dest(). Пример:

exports.default = function() {
return src('src/*.js')
.pipe(babel())
.pipe(src('vendor/*.js'))
.pipe(uglify())
.pipe(dest('output/'));
}

То же можно проделать и с .dest() - для сохранения состояния файла и обновления пути к нему.

- Есть два значимых режима .src(): Stream и Buffer. Buffer - стандартный режим: в нём метод считывает файлы в память, где и обрабатывает. Stream не читает файлы, что удобно для очень больших из них, вроде фильмов. В этом режиме файл разбивается на небольшие чанки и "течет" от входа к выходу, о чём красноречиво говорит его название. :) Переключить режимы можно опцией buffer.

- Negative globs - это строка, которую принимает src, в контексте отрицания:
gulp.src(['app/**/*.js', '!app/node_modules']).
Отрицательный glob должен следовать в массиве после положительного. В нём не должно быть неопределенных символов - так он наиболее производителен.

Чтобы не писать каждый раз глобальный объект gulp, а ограничиться src, dest и проч., нужно присвоить им всем require:

const { src, dest, series } = require('gulp');

- В сущности, globs - диалект регулярных выражений. Почитать про них можно тут: https://github.com/begin/globbing#what-is-globbing
А вот поисковик по плагинам: https://gulpjs.com/plugins/
В JavaScript всё является объектом. Поэтому конструктор new Object ведет себя необычно: в зависимости от параметра он создает не пустой объект, а объект того типа данных, который ему был передан, с характерными методами. Такой конструктор внутри создает перевызов - new Object становится new Number.

const num = new Object(1);
num.constructor === Number // true

!!! На практике использование конструктора для создания объекта - антипаттерн. Ведь, когда вместо явно обозначенного аргумента ему передается переменная, код становится непредсказуемым и нечитаемым. Никогда нельзя забывать о читаемости кода коллегами.
!!! На практике конструкторы используются для штамповки однотипных объектов, чтобы не создавать каждый руками.

Их методы нужно выносить за пределы конструктора:
1. так удобнее расширять их. (заметка: узнать про обстановку дел в ЕS6/7);
2. метод, указанный прямо в конструкторе, первый из унаследованных от него объектов не получит.

Конструкторы нужно обязательно вызывать с ключевым словом new. Иначе контекст - this - присвоится в нём глобальному объекту.

Предотвратить ошибку можно так:

function new User(name) {
// code....

if(!(this.instanceof User)) {
return new User(name);
}
this. name = name;
}
}

Ключевое слово instanceof проверяет, каким конструктором создан объект. Слева указывается объект, справа - конструктор. Если значения не совпадают, выбрасывается false и на основе этого можно строить определенную логику.

!!! На практике это нужно, чтобы код работал безотказно у других разработчиков. Именно так работают встроенные конструкторы JS.
В JS массивы - это объекты, или ассоциативные массивы в других языках. В C# массив - непрерывная цепочка байтов в оперативной памяти. Нельзя просто добавить массиву элемент, не создав новый массив.

Конструктор new Array работает специфично:
Любое значение, переданное ему как единственный аргумент, становится указанием, сколько неопределенных - undefined - элементов массива создать. Попавшая в конструктор строка или число типа float вызовет ошибку, целое число - создаст undefined-значения по количеству этого числа.

!!! На практике не нужно использовать конструктор new Array. Литеральная запись функционально повторяет его и превосходит в безопасности. Справедливости ради, я и не использую конструкторы.

!!! То же самое о конструкторе new Number. Если код завязан на проверку типов - то созданное через конструктор число вызовет ошибку.
При вызове метода простой переменной -
string.length()
- интерпретатор временно создаст объект string, методом которой код и воспользуется.

Значениям нельзя присваивать свойства, как объектам. А вот если создать примитив через конструктор - то запросто.

!!! На практике не нужно модифицировать глобальные объекты. Эта проблема специально была решена с помощью примитива symbol в ES6. Из этого следует, что моя библиотека, модифицирующая глобальный объект Date ради пустякового значения, - пример антипаттерна.
Окончательная расстановка точек над функциями, ч.1:

—- Function Declaration - это Объявление Функции. То есть, такая запись:
function foo() {}

—- Function Expresson - это функциональное выражение. То есть, фунция, присвоенная переменной:
const foo = function() {}

—- Named Function Expression - это такое функциональное выражение, где переменной присвоена уже именованная функция:
const foo = function bar() {}.
!!! Практические применения немедленно вызываемых функций - не только изолирование кода от глобальной области видимости. Иногда полезно передать такой фунции глобальный объект под псевдонимом:

(function(global){
global.prototype... // код фнукции
)(this));

Здесь под псевдонимом global в функцию попадает объект window. Это слово - табу для компилятора: оно не ужимается при минимизации и оптимизации. Global же свободно принимает вид "g". Поэтому такой прием хорошо влияет на производительность.
В нативном JS у classList есть метод .toggle() - аналог метода из jQuery. Просто и приятно!
Второй приятный метод classList - .contains(). Проверяет присутствие переданного класса. Удобно вместо value для множественных классов или отхода к ID.Ъ
В функции можно передавать объекты. Даже без реализации паттерна модуль. Объекты - отличный способ доставки, например, атрибутов. Доставленный объект перебирается в функции, и содержимое присваивается, куда надо.