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

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

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

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Использование JavaScript localStorage для долгосрочного хранения данных на стороне клиента

localStorage подобен sessionStorage, но сохраняет данные на стороне клиента даже после закрытия вкладки или браузера.

#полезное
👍2
Как реализовать простой контроль версий с помощью JavaScript, чтобы лучше разобраться в Git

Git - эффективная система, предназначенная для контроля версий и отслеживания истории исходного кода. Изучим внутреннее устройство Git, реализуя его упрощенную версию.

#статья

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

👉 Читать статью
👍1
Простое выполнение кода

eval принимает строку code и выполняет её как JavaScript-код. В данном случае строка содержит команду console.log, которая выводит сообщение в консоль.

#полезное
👍4
Обработка событий в JavaScript: всплытие, перехват, делегирование и распространение событий

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

#статья

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

👉 Читать статью
Вычисление математического выражения

eval вычисляет математическое выражение, записанное в строке. В данном случае строка "2 + 3 * 4" вычисляется как 2 + (3 * 4), что равно 14.

#полезное
👍6
Типы событий в React и TypeScript

При работе с React и TypeScript вы часто сталкиваетесь с ошибками...

#статья

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

👉 Читать статью
Динамическое создание переменной

eval создаёт переменную с именем, заданным в variableName, и присваивает ей значение value. В данном случае создаётся переменная x со значением 10.

#полезное
👍4
As const в Typescript

В разработке часто возникают ситуации, когда точность типов и нежелание допускать неясности в коде становятся первостепенными задачами. В таких случаях, разработчикам приходится искать инструменты, предоставляющие максимальную ясность и строгость в определении данных. Один из таких инструментов — ключевое слово as const. В данной статье мы рассмотрим, как as const может повысить уровень строгости и предсказуемости, а также рассмотрим практические примеры его использования для создания неизменяемых и точных типов.

#статья

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

👉 Читать статью
👍2
Вызов функции через eval

eval вызывает функцию по её имени, заданному в functionName, и передаёт ей аргумент argument. В данном случае вызывается функция greet с аргументом "Alice".

#полезное
👍2
Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода

В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно. 
Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных. 
В этой статье мы разберёмся, как настроить валидацию поля ввода.

#статья

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

👉 Читать статью
Динамическое выполнение кода на основе условий

В зависимости от значения переменной conditioneval выполняет одну из двух строк кода. Если condition равно true, выполняется первая строка, иначе — вторая.

#полезное
👍2🫡1
Лучшие поисковые пакеты для JavaScript

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

#статья

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

👉 Читать статью
Использование eval для работы с JSON

eval преобразует JSON-строку в объект. Обратите внимание на скобки вокруг строки: они нужны, чтобы eval корректно интерпретировал строку как объект.

#полезное
👍4👏1
Почему typeof null === «object» в современном прочтении

Причина тому - обычный человеческий фактор, или, попросту, невинная ошибка в коде. Как эта ошибка могла случиться, попробуем разобраться в этой статьей.

#статья

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

👉 Читать статью
Динамическое создание функции

eval создаёт функцию на основе строки functionBody. В данном случае создаётся функция, которая выводит сообщение в консоль.

#полезное
👍4
Вопросы и ответы для собеседования на позицию frontend-разработчик

Советую не заучивать их, а разобраться в каждом примере, так как все вопросы являются типовыми и могут встретиться только в другой формулировке. Если что-то не понятно, лучше посмотреть в документации, а не прочитать и забыть.

#статья

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

👉 Читать статью
👍31
Использование eval для выполнения кода в строгом режиме

В строгом режиме eval не может создавать переменные в глобальной области видимости. В данном случае переменная x создаётся внутри области видимости eval.

#полезное
👍2
Строим свой SSO

Всем привет, мы продолжаем строить собственный SSO Server

#статья

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

👉 Читать статью
Опасность eval: выполнение вредоносного кода

Если eval получает ненадёжные данные (например, ввод пользователя), он может выполнить произвольный код, что делает его опасным.

#полезное
👍1
Может ли нейро-сотрудник на базе ChatGPT звонить по обычной телефонной линии?

ChatGPT - LLM модель от компании OpenAI и без преувеличения это главное событие в мире в прошедшем 2023 году.

#статья

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

👉 Читать статью