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

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

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

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Прототипы

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

#объекты
👍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
Math.floor()

Округляет число вниз до ближайшего целого числа.

#функции
👍8
Как работает JavaScript Proxy

Раскройте для себя возможности JavaScript Proxy, углубившись в настройку операций с объектами и контроль над ними. Используя JavaScript Proxy, вы будете создавать надежные и безопасные приложения.

#статья

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

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

Округляет число вверх до ближайшего целого числа.

#функции
👍9
TypeScript 5.2

В TypeScript 5.2 появится новое ключевое слово 'using', которое можно будет использовать для утилизации чего-либо с помощью функции Symbol.dispose, когда оно покидает область видимости.

#статья

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

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