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
Бот-сказочник, или как генерировать истории с помощью ChatGPT и Telegram

Представьте, что вам нужно написать художественный роман. У вас есть ключевые идеи, продуманы основные повороты событий, но нет возможности объединить все в одну историю.

#статья

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

👉 Читать статью
3
Изменение прототипа объекта

Если изменить свойство в прототипе, оно изменится и во всех объектах-наследниках

#прототипы
4👍1
Создаём с нуля своё BIM-приложение для просмотра моделей IFC формата в браузере на основе open-source библиотеки IFC.js

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

#статья

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

👉 Читать статью
Собственные свойства и прототип

Если у объекта есть собственное свойство с таким же именем, оно перекрывает свойство прототипа

#прототипы
👍1
Обертка для indexedDB / localStorage

Библиотека storage-facade, о которой пойдет речь в этой статье, предоставляет единый синхронный / асинхронный API хранилища, являющийся абстракцией над реальной реализацией хранилища. Для конечного пользователя она упрощает использование любых хранилищ, для которых абстрактный класс из storage-facade будет реализован. Как автор этой библиотеки, расскажу о её использовании.

#статья

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

👉 Читать статью
👍2
Проверка свойства в прототипе

Оператор in проверяет наличие свойства в объекте или его прототипе

#прототипы
👍7
Как грамотный подход аналитиков может сэкономить бюджет компании за счет изменения подхода к реализации проекта

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

#статья

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

👉 Читать статью
1👍1
Получение прототипа объекта

С помощью Object.getPrototypeOf можно получить прототип объекта

#прототипы
👍5
Ускорение в 30 раз — requestIdleCallback

В данной статье я хотел бы привести пример практического кейса использования метода requestIdleCallback, который возник у меня на проекте. Кейс сам по себе небольшой, замеры времени отработки функции и отрисовки компонентов для использования производились с помощью React Profiler.

#статья

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

👉 Читать статью
Создание объекта с явно заданным прототипом

Мы создаем объект Person с явно заданным прототипом Person.prototype

#прототипы
👍7
Повышаем продуктивность разработки: магия общей ESLint конфигурации

Статья будет полезна разработчикам: которые хотят унифицировать подход к форматированию кода в разных проектах; ищут проверенное решение для стандартизации кодовой базы.

#статья

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

👉 Читать статью
Классы в ECMAScript 6

Введение классов упрощает создание объектов с прототипами

#прототипы
👍5
Ликбез по распространенным Client-Side уязвимостям

В этой статье мы покажем:
как в разных ситуациях манипулировать веб-сайтом таким образом, чтобы он передавал пользователям вредоносный JavaScript.
как скомпрометировать администратора сайта, отправив ему личное сообщение;
как атаковать разом всех пользователей при помощи комментария под статьей;
как заставить пользователя отправить запрос на действия, которые он не собирается выполнять;
как прослушивать WebSocket-соединения;

#статья

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

👉 Читать статью
Создание класса и экземпляра

В этом примере мы создаем класс Animal, который имеет конструктор для инициализации свойства name и метод speak(). Затем мы создаем экземпляр класса dog и вызываем его метод speak().

#классы
👍3
Измерение размеров объектов на фотографии

Несколько дней назад, чтобы доказать что в интернете кто‑то не прав, мне пришлось «считать пиксели», чтобы оценить соотношение размеров двух предметов на фото. Тогда еще я не сообразил сразу, что можно было просто загуглить что‑нибудь вроде «Pixel ruler» и получить размер предметов в пикселях, из которого легко можно получить соотношение. Я же взял подручный MS Paint, вырезал один предмет и уместил его несколько раз внутри другого предмета, сразу узнав во сколько раз один больше другого. Но мне вдруг стало интересно немного автоматизировать этот процесс и решил сделать пиксельную рулетку сам, такую что вводишь заранее уже известный тебе размер некоторого объекта, указываешь его на фото в виде линии, и потом уже другие линии автоматом пересчитываются по отношению к этому размеру.

#статья

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

👉 Читать статью
👍2
Создание кольцевой диаграммы на JavaScript

Предлагаем пошаговое руководство по созданию и настройке на JavaScript интерактивной кольцевой диаграммы. Следуя ему, вы приобретете навыки и знания, которые позволят создавать персонализированные кольцевые диаграммы.

#статья

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

👉 Читать статью
👍2
Наследование классов

Здесь класс Bird наследует свойства и методы от класса Animal, используя ключевое слово extends. Мы также используем метод super() для вызова конструктора родительского класса.

#классы
👍41🔥1
Утечки памяти в SSR

Меня зовут Владимир Захаров, я расскажу про утечки памяти в SSR. На самом деле, утечки могут случиться в JavaScript везде – и на сервер-сайде, и на клиенте, поэтому информация будет полезна даже тем, у кого пока нет SSR. Давайте чуть подробнее познакомимся. Я ведущий фронтэнд-разработчик, около 8 лет в отрасли. В Зарплате.ру больше не работаю, но основной опыт, о котором хочу рассказать, получен именно там. Я люблю плавающие баги, разговоры о техдолге и шутки про ненастоящих программистов. Поговорим про утечки памяти в SSR, про работу с памятью и про то, как всё это выглядит в браузере и в nodejs. Ну, и естественно, как со всем этим жить.

#статья

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

👉 Читать статью
Геттеры и сеттеры

В этом примере класс Rectangle имеет геттер area, который вычисляет площадь, и сеттер width, который позволяет изменять ширину, но только если новое значение положительное.

#классы
👍112🔥2
Скрытие POI за зданиями

C 2018 года карта на 2gis.ru рендерится при помощи WebGL API для рисования трехмерной графики. Сначала мы в команде веб-карт использовали эту технологию просто как очень быструю рисовалку двухмерных данных с небольшими исключениями в виде 3D-домов и моделей.

#статья

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

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