JavaScript заметки
8.51K subscribers
2.78K photos
4 videos
1.28K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Конструкторы объектов

Это функции, используемые для создания новых объектов с помощью оператора "new"

#объекты
3
Как упростить импорт JavaScript модулей

Во многих проектах рано или поздно появляется большая вложенная структура директорий. Это приводит к тому, что пути импорта становятся длиннее и сложнее для понимания. Таким образом, не только ухудшается эстетика кода, но и затрудняется понимание происхождения импортированного кода.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍5
Книги для JavaScript-разработчика

Сегодня предлагаем подборку книг для JavaScript-разработчика. Подобраны они в порядке усложнения материала. То, что в начале подборки, пригодится начинающему специалисту (правда, перечитать не помешает и профи). А ближе к концу — книги для более опытных разработчиков.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Внедрение зависимостей в JS

Эта статья является ещё одной попыткой сформулировать идею, зачем нужно внедрение зависимостей в ванильном JavaScript (именно в ES6+, а не в TS)

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
3
Каррирование функций

Это техника, позволяющая преобразовывать функции с несколькими аргументами в функции с одним аргументом

#объекты
👍10
Прототипы

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

#объекты
👍7
Работа с единицами системы СИ на JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Функции-генераторы

Это функции, которые могут приостанавливать свое выполнение и возобновлять его позже

#объекты
👍8🔥41
ES2023 — что нового в JavaScript?

В данной статье мы обсудим новые возможности работы с массивами в JavaScript, которые были добавлены в ES2023.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍91
Фабричные функции

Это функции, которые возвращают новый объект при вызове

#объекты
👍103🔥1
Насколько опасна JavaScript-криптография?

Каждые несколько лет среди специалистов по безопасности поднимаются дискуссии о вреде JS-криптографии. Сейчас они возобновились. Что стало поводом и почему у некоторых специалистов такое предубеждение к криптографическим операциям в браузере? Попробуем разобраться.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Оператор расширения объекта

Это оператор, позволяющий копировать свойства одного объекта в другой

#объекты
👍7
Сквозь время – ускоряем автотесты

Со временем каждый уважающий себя проект обрастает модульными и интеграционными тестами. В идеальном мире автотесты должны проходить быстро, чтобы их хотелось запускать как локально, так и в CI. Но почему в большинстве проектов запуск тестов отнимает критически много времени?

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
1
parseInt()

Преобразует строку в целое число.

#функции
6👍2
Ускорить таблицу на React в 1 000 раз

Сначала я использовал Chrome-профайлер JavaScript, но с ним сложно работать на низкой производительности. Профайлер накладывает на код заметную нагрузку. Исполнение кода уже занимало 30–40 секунд, поэтому профайлер не годился. Оценить производительность при анализе кода React — вообще сложно: некоторые части внутреннего кода используются слишком часто, поэтому результаты трудно расшифровать.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍3
parseFloat()

Преобразует строку в число с плавающей запятой.

#функции
👍6
Внедрение зависимостей в ES6+

В этой статье я хочу на примерах разобрать эту фичу — в том виде, в котором она сейчас доступна в TypeScript 5.2.0-beta с полифиллом disposablestack. Я рассмотрю синхронные и асинхронные ресурсы, DisposableStack/AsyncDisposableStack, а также приведу пример неочевидного бага, в который попался я сам. По пути я также коснусь нескольких других нововведений Node.js, про которые, возможно, ещё знают не все. Весь код доступен в репозитории.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
4
Math.max()

Возвращает наибольшее из переданных чисел.

#функции
👍8
Вывод типов в TypeScript

Решим реальную практическую задачу, с которой мне пришлось столкнуться на моем проекте React/TypeScript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍42
Math.min()

Возвращает наименьшее из переданных чисел.

#функции
👍4
Интересные трюки JS

Небольшая подборка нестандартных вариантов использования HTML/JS/CSS, где каждый найдёт что-то интересное. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
🔥5👍1