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

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

#статья

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

👉 Читать статью
Использование 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 году.

#статья

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

👉 Читать статью
Использование eval для динамического доступа к свойствам объекта

eval позволяет динамически обращаться к свойствам объекта. В данном случае он извлекает значение свойства name из объекта obj.

#полезное
👍1
Сайт с поддержкой markdown на GitHub-Pages платформе

Эта статья рассчитана на тех, кто хочет узнать или получить простой сайт с возможностью добавления и правки контента на основе создания markdown-постов.

#статья

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

👉 Читать статью
Использование eval для выполнения кода в глобальной области видимости

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

#полезное
👍2
Что такое react-afc

react-afc - библиотека для более простого (чем в простом react) уменьшения количества ненужных ререндеров дочерних компонентов.

#статья

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

👉 Читать статью
Ограничение области видимости eval с помощью функции

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

#полезное
👍1
Один компонент, 20+ фич, A/B-тесты: Поможет ли машина состояний?

Сталкивались ли вы с проблемой возникновения багов из-за пересечения включенных фичей в приложении? Или, возможно, была необходимость одновременно проводить большое число A/B-экспериментов в одном компоненте? 

#статья

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

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

eval может выполнять асинхронный код, включая await. В данном случае он ждёт 1 секунду, а затем выводит сообщение.

#полезное
👍2
Как декораторы могут упростить разработку веб-форм

В статье я буду писать о подходе, использующем библиотеку MobX. Так что если вы в своих проектах её не используете, статья может быть не так полезна. Но вы можете рассматривать её, как возможный источник вдохновения по тому, как можно разрабатывать формы.

#статья

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

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

eval может выполняться в контексте объекта с помощью call. В данном случае this внутри eval ссылается на объект context.

#полезное
👍2
Что быстрее: Animated + useNativeDriver или Reanimated?

В этой статье попробуем разобраться, что же всё-таки работает быстрее: React-Native-Reanimated или Animated + useNativeDriver: true.

#статья

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

👉 Читать статью
Работа с графикой: использование библиотеки Canvas для рисования и визуализации данных

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

Canvas - это элемент HTML5, который позволяет рисовать графику с помощью JavaScript. Он предоставляет API для создания и управления контекстом рисования, на котором можно рисовать линии, фигуры, текст и многое другое.

В данном примере мы получаем контекст рисования Canvas с помощью метода getContext(). Затем мы используем методы контекста, такие как fillRect() для рисования прямоугольника, stroke() для рисования линии и fillText() для рисования текста.

Мы также можем устанавливать различные свойства контекста, такие как цвет заливки (fillStyle), цвет обводки (strokeStyle), толщина линии (lineWidth) и шрифт (font).

#полезное
👍4