This media is not supported in your browser
VIEW IN TELEGRAM
Динамическое освещение с помощью CSS и всего 4 строки JavaScript:
https://codepen.io/amit_sheen/pen/gbbzbeR
👉 Гайды по JavaScript | дать буст
https://codepen.io/amit_sheen/pen/gbbzbeR
Please open Telegram to view this post
VIEW IN TELEGRAM
В middleware роутера в nuxt_js нельзя просто так делать ❌
Вместо этого ошибку нужно передать в✔️
👉 Гайды по JavaScript | дать буст
throw Вместо этого ошибку нужно передать в
abortNavigation() и вернуть результат как Promise Please open Telegram to view this post
VIEW IN TELEGRAM
Я обожаю type-safe параметры поиска в Tanstack Router.
✅ Поддержка автодополнения
✅ Zod-схема валидирует параметры
✅ Логика валидации параметров централизована вместе с маршрутом, а не разбросана по приложению
✅ Иерархичность — дочерние маршруты могут добавлять дополнительные параметры
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Это симуляция частиц на Three.js — одно из самых потрясающих зрелищ, что я когда-либо видел
Вот почему я обожаю веб — за бесконечную свободу творчества и визуальную магию, которую он даёт.
🔗 holtsetio.com/lab/flow
👉 Гайды по JavaScript | дать буст
Вот почему я обожаю веб — за бесконечную свободу творчества и визуальную магию, которую он даёт.
Please open Telegram to view this post
VIEW IN TELEGRAM
В следующей версии Bun
Вы можете передавать файлы непосредственно маршрутам в Bun.serve()
👉 Гайды по JavaScript | дать буст
Вы можете передавать файлы непосредственно маршрутам в Bun.serve()
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь реализовать drag & drop в веб-приложении?
Вот библиотека, проверенная временем и тысячами разработчиков — работает стабильно, легко внедряется и просто спасает.
Если хочешь добавить перетаскивание — это мастхэв
👉 Гайды по JavaScript | дать буст
Вот библиотека, проверенная временем и тысячами разработчиков — работает стабильно, легко внедряется и просто спасает.
Если хочешь добавить перетаскивание — это мастхэв
Please open Telegram to view this post
VIEW IN TELEGRAM
> Angular
> Request URL
> HTTP-метод
> Query-параметры
> Пользовательские HTTP-заголовки
> Тело запроса
> Отслеживание прогресса
> Передача куки/учётных данных
Этот объект содержит опции запроса,
но только параметр url обязателен.
👉 Гайды по JavaScript | дать буст
httpResourcehttpResource<any>(request options)
> Request URL
url: 'http://localhost:3000/api/gallery', // обязательно
> HTTP-метод
method: 'POST',
> Query-параметры
params: { type: 'short', status: 1 },> Пользовательские HTTP-заголовки
headers: { 'Custom-Header': 'Test Mode' },> Тело запроса
body: 'Test Body',
> Отслеживание прогресса
reportProgress: false,
> Передача куки/учётных данных
withCredentials: false,
Этот объект содержит опции запроса,
но только параметр url обязателен.
Please open Telegram to view this post
VIEW IN TELEGRAM
Когда-нибудь ломал реактивность во Vue?
1: Обычные объекты — не реактивны!❌
2: Используй reactive для объектов!✔️
👉 Гайды по JavaScript | дать буст
1: Обычные объекты — не реактивны!
2: Используй reactive для объектов!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
С nuxt_js можно использовать свойство
Это удобно, например, для передачи информации об аутентификации или данных пользователя по всему приложению.
👉 Гайды по JavaScript | дать буст
context в объекте события (event), чтобы добавлять пользовательские данные в middleware — они станут доступны в серверных маршрутах.Это удобно, например, для передачи информации об аутентификации или данных пользователя по всему приложению.
Please open Telegram to view this post
VIEW IN TELEGRAM
Guard canMatch в Angular — это реально мощно
Можно использовать один и тот же путь, но показывать разные страницы:
— если пользователь аутентифицирован — показываю dash
— если нет — auth
canMatch срабатывает и для дочерних маршрутов.
Минус: если canMatch возвращает false на дочернем пути, то происходит двойной запрос для получения данных пользователя.
Но мне такой подход нравится.
Помимо dash, можно повесить на тот же маршрут paywall или сделать умный onboarding — например, если пользователь должен сначала что-то пройти, прежде чем получить доступ к приложению.
Пока так и делаю. Если найду ещё подводные камни — напишу
👉 Гайды по JavaScript | дать буст
Можно использовать один и тот же путь, но показывать разные страницы:
— если пользователь аутентифицирован — показываю dash
— если нет — auth
canMatch срабатывает и для дочерних маршрутов.
Минус: если canMatch возвращает false на дочернем пути, то происходит двойной запрос для получения данных пользователя.
Но мне такой подход нравится.
Помимо dash, можно повесить на тот же маршрут paywall или сделать умный onboarding — например, если пользователь должен сначала что-то пройти, прежде чем получить доступ к приложению.
Пока так и делаю. Если найду ещё подводные камни — напишу
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Типизированные props без лишней боли
Вот как перестать усложнять props в Vue
👉 Гайды по JavaScript | дать буст
Вот как перестать усложнять props в Vue
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по оптимизации расходов при использовании Serverless с Next.js:
Отключите префетчинг (prefetching) для редко посещаемых ссылок
👉 Гайды по JavaScript | дать буст
Отключите префетчинг (prefetching) для редко посещаемых ссылок
Please open Telegram to view this post
VIEW IN TELEGRAM
Существуют различные этапы выполнения JavaScript — как в браузере, так и в средах, таких как Node.
Код JS не может быть выполнен, пока не будет разобран в абстрактное синтаксическое дерево (AST). Однако стратегия разбора может повлиять на производительность — решающую роль играет ленивый (lazy) и нетерпеливый (eager) парсинг.
Узнайте, как движок V8 обрабатывает режимы ленивого и нетерпеливого парсинга и как они влияют на работу приложения:
👉 Заранее предупреждаем V8: более быстрый запуск JavaScript с помощью явных подсказок компиляции
https://v8.dev/blog/explicit-compile-hints
👉 Молниеносный парсинг, часть 1: оптимизация сканера
https://v8.dev/blog/scanner
👉 Молниеносный парсинг, часть 2: ленивый парсинг (lazy parsing)
v8.dev/blog/preparser
👉 Гайды по JavaScript | дать буст
Код JS не может быть выполнен, пока не будет разобран в абстрактное синтаксическое дерево (AST). Однако стратегия разбора может повлиять на производительность — решающую роль играет ленивый (lazy) и нетерпеливый (eager) парсинг.
Узнайте, как движок V8 обрабатывает режимы ленивого и нетерпеливого парсинга и как они влияют на работу приложения:
https://v8.dev/blog/explicit-compile-hints
https://v8.dev/blog/scanner
v8.dev/blog/preparser
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Знаешь JavaScript, но не знаком с NodeJS?
Вот курс, где можно постепенно освоить его с другого ракурса:
> Введение и основы
> Маршруты и API
> WebSockets
> Введение в базы данных (LowDB, SQLite)
> Деплой (env, pm2, nginx...)
👉 Гайды по JavaScript | дать буст
Вот курс, где можно постепенно освоить его с другого ракурса:
> Введение и основы
> Маршруты и API
> WebSockets
> Введение в базы данных (LowDB, SQLite)
> Деплой (env, pm2, nginx...)
Please open Telegram to view this post
VIEW IN TELEGRAM