Подкаст о PHP, DBA, архитектуре, DevOps. Авторское мнение о современных трендах в веб-разработке и интересные беседы с гостями. Темы про СУБД, Linux, DevOps
Автор: @petrmyazin
Post #1385
3.09K
🎄 Предновогодняя история про ИИ
Я попросил ИИ-помощника сделать чат со снежинками и Дедом Морозом на Laravel Livewire. ИИ справился!
🐛 Но нашёлся баг: при отправке сообщения чат, страница автоматически прокручивалась вверх.
Причина оказалась в теге формы:
🧐 Что происходило:
1. Кнопка для отправки
2. При клике на такой кнопке срабатывает
3.
📝 Выводы:
• Код от ИИ нужно ревьювить (не новость!)
• Чтобы отревьювить, важно понимать разные особенности и механизмы работы HTML/JS/PHP
• Несмотря на поиск причины бага, ИИ сэкономил для меня много времени на дизайне, который самостоятельно сделать было бы сложно (там миллионы talewind классов, кто вообще такое руками пишет???)
Profit!
P.S. в данном случае ИИ-помощником был AI Assistant от JetBrains в PhpStorm.
Я попросил ИИ-помощника сделать чат со снежинками и Дедом Морозом на Laravel Livewire. ИИ справился!
🐛 Но нашёлся баг: при отправке сообщения чат, страница автоматически прокручивалась вверх.
Причина оказалась в теге формы:
<form action="#">🧐 Что происходило:
1. Кнопка для отправки
<button wire:click=...>Отправить</button> была без атрибута type, значит по умолчанию button type работал как submit2. При клике на такой кнопке срабатывает
onsubmit формы - стандартное поведение браузера3.
action="#" в теге form приводит к автоматической прокрутке страницы вверх - опять же стандартное поведение браузера📝 Выводы:
• Код от ИИ нужно ревьювить (не новость!)
• Чтобы отревьювить, важно понимать разные особенности и механизмы работы HTML/JS/PHP
• Несмотря на поиск причины бага, ИИ сэкономил для меня много времени на дизайне, который самостоятельно сделать было бы сложно (там миллионы talewind классов, кто вообще такое руками пишет???)
Profit!
P.S. в данном случае ИИ-помощником был AI Assistant от JetBrains в PhpStorm.
- 👍 18
- 🥱 13
- 👎 5
- 🔥 3
- 🐳 3






