Библиотека фронтендера

🚀 Быстрая очистка localStorage: для тех, кто дебажит по 100 раз в день

Тестируешь авторизацию, сбрасываешь флаг «прошёл онбордин»— localStorage быстро забивается хламом. Вот как
чистить его без лишних кликов:

⏭ Через консоль

Универсальный способ для любого браузера:

localStorage.clear()

• Открой DevTools (F12)

• Перейди на вкладку Console

• Вбей команду — и всё, память чиста.

⏭ Chrome DevTools

• F12 → вкладка Application

• Слева: Local Storage → нужный домен

• ПКМ → Clear

⏭ Firefox DevTools

• F12 → вкладка Storage

• Local Storage → домен

• ПКМ → Delete All

⏭ Быстро с хоткеем (через расширение)

Если задолбался каждый раз лазить в DevTools — поставь Clear Local Storage

• По умолчанию:

Alt + Shift + L (Windows/Linux)
Cmd + Shift + L (Mac)

Грязный localStorage — частая причина бага. Чисти в один клик или шорткат — и дебажь спокойно 🫡

🐸 Библиотека фронтенда

#буст

🚀 Быстрая очистка localStorage: для тех, кто дебажит по 100 раз в день

Тестируешь авторизацию, сбрасываешь флаг «прошёл онбордин»— localStorage быстро забивается хламом. Вот как
чистить его без лишних кликов:

⏭ Через консоль

Универсальный способ для любого браузера:

localStorage.clear()

• Открой DevTools (F12)

• Перейди на вкладку Console

• Вбей команду — и всё, память чиста.

⏭ Chrome DevTools

• F12 → вкладка Application

• Слева: Local Storage → нужный домен

• ПКМ → Clear

⏭ Firefox DevTools

• F12 → вкладка Storage

• Local Storage → домен

• ПКМ → Delete All

⏭ Быстро с хоткеем (через расширение)

Если задолбался каждый раз лазить в DevTools — поставь Clear Local Storage

• По умолчанию:

Alt + Shift + L (Windows/Linux)
Cmd + Shift + L (Mac)

Грязный localStorage — частая причина бага. Чисти в один клик или шорткат — и дебажь спокойно 🫡

🐸 Библиотека фронтенда

#буст

😎 «Вайб-кодинг»: почему доверить свой проект ИИ – это кринж

Новый тренд среди разработчиков — «вайб-кодинг». Это когда ты не продумываешь архитектуру, не пишешь руками, а просто даёшь задание ИИ и ждёшь, что он всё сам сделает. Быстро, магически… и с кучей подводных камней.
⠀
Что в статье:

😗 Как «вайб-кодинг» реально работает (или не работает);

😗 Какие ошибки делают даже самые продвинутые модели;

😗 Почему проект, собранный ИИ, чаще всего выглядит как полуфабрикат.
⠀
Это не нытьё про «машины нас заменят», а здравый взгляд на технологии без розовых очков.
⠀
👉 Читайте статью, обсуждайте, спорьте

Телеграм-канал с актуальными вакансиями для Frontend специалистов
✅ Свежие вакансии со всего интернета
✅ Вакансии для: junior, middle, senior
✅ Прямые ссылки на работодателей
✅ Некоммерческий проект, без рекламы.
✅ Зарплаты до 8.000$
Ссылка на телеграмм-канал

🐈‍⬛ Как взаимодействуют frontend и backend

Frontend и backend — это две основные части веб-приложений, которые взаимодействуют друг с другом для того, чтобы пользователи могли видеть и использовать сервисы.

➡️ Как это работает:

Представьте себе ресторан. Вы, как клиент, видите только то, что находитесь в зале (frontend). Вы можете выбрать блюда из меню и сделать заказ. Далее официант (клиентский запрос) передаёт этот заказ на кухню (backend). Кухня проверяет, есть ли все ингредиенты, готовит заказ и отправляет его обратно через официанта.

➡️ Пошаговое взаимодействие:

1. Запрос от клиента:

Когда вы, как пользователь, обращаетесь к веб-сайту, ваш браузер отправляет HTTP-запрос на сервер. Это может быть запрос данных, загрузка страницы, или выполнение какого-то действия (например, добавление товара в корзину).

2. Обработка запроса на сервере

Сервер запрос, обрабатывает его: может запросить данные из базы данных, выполнить нужные вычисления или взаимодействовать с другими сервисами.

3. Ответ от сервера

Сервер отправляет ответ в виде данных (например, в формате JSON или HTML), которые frontend отображает пользователю. Это может быть новая страница, сообщение об успешном выполнении действия или другие данные.

4. Передача данных по протоколу

Для обмена данными используется протокол HTTP или HTTPS. Для обеспечения безопасности передачи данных часто используется шифрование SSL/TLS.

🌀Frontend и backend работают в тесной связке, обеспечивая полноценную работу веб-приложений.

🐸 Библиотека фронтендера

#буст

💬 Ну жиза ведь?

🐸 Библиотека фронтендера #развлекалово

🤖 Создание простого ragdoll симулятора

Пример промпта для Claude Sonnet 3.7 и Grok3:

Create a ragdoll physics simulation using Matter.js and HTML5 Canvas in JavaScript. The simulation features a stick-figure-like humanoid composed of rigid bodies connected by joints, standing on a flat surface. When a force is applied, the ragdoll falls, tumbles, and reacts realistically to gravity and obstacles. Implement mouse interactions to push the ragdoll, a reset button, and a slow-motion mode for detailed physics observation

⚡️ Как вам? Делитесь в комментариях👇

🐸 Библиотека фронтендера #буст

👾 Babylon.js 8.0 — один из самых мощных, красивых, простых и открытых 3D-движков веб-рендеринга на JavaScript

В версии 8.0 добавлена поддержка улучшенного «освещения на основе изображений» и «освещения области» для окружающего освещения и теней, дополнительный контроль над пайплайном рендеринга и новый облегчённый просмотрщик. Короткое демо смотрите выше ☝️

🔗 Читать анонс

🐸 Библиотека фронтендера #буст

🫠 Причины и способы устранения утечек памяти в JavaScript

Утечка памяти — один из самых коварных багов, способный превратить простое приложение в неповоротливого монстра. В этой статье мы разберем основные причины утечек памяти в JavaScript и научимся их эффективно предотвращать.

🔗 Читать статью
🔗 Зеркало