Полезный блог про iGaming, который ведет СЕО 1win! 💙

Канал Owner 1win — про философию управления из первых уст. Простыми словами о сложном iGaming.

Тут ты найдешь:

⚡️ Гемблинг-инсайды
⚡️ Бизнес-советы
⚡️ Экспертные комментарии овнера
⚡️ Апдейты по проектам

Присоединяйся к Owner 1win и будь на волне iGaming трендов 👋

▫️Тренды: CSS, Accessibility, API анимаций, canvas

#посмотреть

О последних изменениях в CSS и HTML, новых API для анимаций, таких как Popover API, Anchor Position API и View Transitions API.

⏱Смотреть на YouTube ⏱1 час

То, что вы пишете, это точно composables?

#почитать

за пару шагов выясним, являются ли функции, которые вы пишете в своем vue коде, настоящими composables.

⏱Читать

Необычные приёмы отладки

#почитать

Содержание

Продвинутые условные точки останова
Точки логирования/трассировки
Панель наблюдения
Трассировка стеков вызовов
Изменение поведения программы
Быстрый и грубый способ профилирования производительности
Использование арности функций
Остановка на основе указанного количества аргументов
Остановка на основе несоответствия указанному количеству аргументов
Использование времени
Пропуск загрузки страницы
Пропуск N секунд
Использование CSS
Только чётные вызовы
Случайная остановка
Никогда не останавливаться здесь
Автоматическое присваивание ID экземплярам классов
Программное переключение
Отслеживание вызовов класса с помощью monitor()
Отслеживание вызовов из конкретного экземпляра
Вызов и отладка функции
Остановка выполнения при изменении URL
Отладка считывания свойств
Использование copy()
Отладка HTML/CSS
Инспектирование DOM при отключённом JS
Инспектирование исчезающего элемента
Сохранение снимков DOM
Мониторинг выбранного элемента
Поиск элементов, выделенных жирным
Мониторинг только потомков
Ссылка на выбранный элемент
Ссылка на предыдущие элементы
Получение слушателей событий
Мониторинг связанных с элементом событий

⏱Читать

Как сопоставлять скобки без Regex

#почитать

Вы можете подумать, что самый простой способ решить эту задачу — использовать регулярные выражения (RegExp). Возможно, для простых случаев это подойдет, но вскоре выражение станет слишком сложным и будет скорее создавать проблемы, чем решать их.

На самом деле, самый простой способ сопоставления открывающих и закрывающих символов — это использование стека. Стек — это простейшая структура данных. У нас есть две основные операции: push — для добавления элемента в стек и pop — для удаления элемента.

Это похоже на стопку книг. Последняя книга, которую вы положили в стопку, будет первой, которую вы уберете.

С помощью стека легче обрабатывать (парсить) символы, которые имеют начало и конец, например XML-теги или простые круглые скобки.

⏱Читать

Малоизвестные иногда полезные функции JavaScript

#почитать

Метки, приватные поля, Promise.AllSettled, унарный + etc

⏱Читать

Ключи в JavaScript фреймворках и библиотеках

#почитать

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

Я постараюсь внести небольшую ясность в эту тему показав то, как эта концепция работает на реальных примерах и какой код за ней стоит.

⏱Читать

Шпаргалка по синтаксису JS

#почитать

Все шпаргалки по JavaScript (синтаксис и самые полезные методы) в одной статье.

⏱Читать

▫️Микрофронтенды: build time vs runtime

#посмотреть

Принципиальные различия и сходства двух подходов.

⏱Смотреть на YouTube ⏱️45 минут

React 19: конец эры повторных рендерингов

#почитать

Новейшее дополнение к React — компилятор, заменяющий транспилятор, применяется в React 19. В React 18 и ниже использовался транспилятор, который при изменении состояния перерисовывал весь компонент. В отличие от него, компилятор возвращает мемоизированный код, устраняя ненужный повторный рендеринг и улучшая производительность приложений React.

⏱Читать статью

▫️Путеводитель по архитектуре фронтенда в 2024

#посмотреть

На примере билда персонажа (aka проекта) в RPG простым языком разберем, какие инструменты (aka артефакты) мы можем использовать для построения архитектуры проекта. Рассматриваем готовые архитектурные подходы (aka готовые билды). Каждый инструмент изучаем со стороны баффов и дебаффов для проекта. Также рассматриваем комплекты артефактов (aka инструментов), которые в сочетании друг с другом образуют новые баффы или нейтрализуют определенные дебаффы друг друга. В конце Александр показывает небольшой «гайд», как нам прокачивать нашего персонажа (развивать проект) в зависимости от места спавна (требований и ограничений от бизнеса).

⏱Смотреть на YouTube ⏱️45 минут