WebCraft - ремесло веб разработки (Laravel, Vue.js, PHP)

Интернет технологии

Интересуешься php , js , css , html , Laravel , Vue ? Этот канал для тебя

В избранное

Купить рекламу в этом канале

Формат:

keyboard_arrow_down

1/24
2/48
3/72
7 дней

1 час в топе / 24 часа в ленте

Количество:

keyboard_arrow_down

Стоимость публикации:

2 377^.62₽

Последние посты канала

imageИзображение не доступно для предпросмотра

Получи грант до 1,2 млн руб. на обучение в магистратуре 4 офлайн программы, онлайн-магистратура по ML. Гранты до 1,2 млн руб. Стажировки, диплом гос. образца и фокус на твоей карьере в ЦУ Подать заявку #реклама 16+ apply.centraluniversity.ru О рекламодателе

335

09:11

17.08.2025

imageИзображение не доступно для предпросмотра

Особенность обработки событий Какое действие выполняет stopImmediatePropagation() сверх того, что делает stopPropagation()? Забыли? Вернитесь к посту от 29.07.2025. 👉 @web_craft | #frontend

434

12:13

17.08.2025

imageИзображение не доступно для предпросмотра

Условное определение атрибута checked Добавление HTML-атрибута checked в зависимости от определенного условия зачастую загромождает Blade-шаблоны громоздкими конструкциями @if, смешивая логику с представлением и значительно ухудшая общую читаемость кода. Для решения подобной задачи была введена директива @checked, предлагающая более декларативный способ, поскольку она принимает булево значение и автоматически выводит атрибут checked лишь в случае истинности переданного условия. Допустим, стоит задача отметить чекбокс, если пользователь подписан на уведомления, где наличие подписки определяется булевым значением $user->has_notifications. Стандартный подход:

    
        <input type="checkbox"
       name="notifications"
       value="1"
       @if ($user->has_notifications)
           checked
       @endif>{}

Решение с применением директивы @checked:

    
        <input type="checkbox"
       name="notifications"
       value="1"
       @checked($user->has_notifications)>{}

👉 @web_craft | #laravel

423

10:40

18.08.2025

play_circleВидео недоступно для предпросмотра

Онлайн-магистратура с IT специальностями от Яндекса Совместно с ИТМО, МИФИ, МФТИ. Онлайн-магистратура с актуальными программами и гибким графиком обучения. Получите высокооплачиваемую IT профессию, официальный диплом и практические знания. Господдержка оплаты. Совмещение с работой! Подать заявку #реклама 16+ practicum.yandex.ru О рекламодателе

401

08:11

19.08.2025

imageИзображение не доступно для предпросмотра

Адаптивные горячие клавиши Для создания кросс-платформенных горячих клавиш необходимо учитывать различия ОС: Ctrl для Windows и Cmd для macOS. Объект KeyboardEvent предоставляет для них разные свойства: ctrlKey и metaKey соответственно. Узнать ОС пользователя можно через navigator.platform. Проверить его достаточно один раз, чтобы затем в обработчике событий отслеживать нужный модификатор. Данный подход обеспечивает интуитивное поведение сочетаний клавиш для всех пользователей.

    
        // Проверяем ОС один раз при загрузке скрипта
const isMac = /Mac|iPod|iPhone|iPad/.test(navigator.platform);

document.addEventListener('keydown', (event) => {
  // Определяем, зажата ли нужная клавиша-модификатор
  const modifierKeyPressed = isMac ? event.metaKey : event.ctrlKey;

  // Пример для сочетания "Cmd/Ctrl + S"
  if (modifierKeyPressed && event.key === 's') {
    event.preventDefault();
    console.log('Сочетание для сохранения нажато!');
    // Здесь логика сохранения данных
  }
});{}

👉 @web_craft | #frontend

423