Точка входа в программирование

Почему поле есть в форме, но отсутствует в FormData FormData собирает пары «имя — значение» из полей формы. Видимое поле не обязательно попадёт в этот набор. Сохраните пример в HTML-файл и откройте его в браузере. Результат смотрите в консоли разработчика. <form> <input type="checkbox" name="topic" value="js" checked> <input type="checkbox" name="topic" value="sql"> <input name="hidden" value="x" disabled> <input value="no-name"> </form> <script> const form = document.querySelector("form") console.log([...new FormData(form)]) </script> В наборе окажется только пара ["topic", "js"]. Неотмеченный флажок пропущен, отключённое поле тоже. У последнего поля нет name, поэтому оно не даёт пары. Отметьте второй флажок и повторите последнюю строку JavaScript в консоли: получите два значения с именем topic. Сбор данных сам по себе ничего не отправляет на сервер. Условия перечислены на MDN.

Параметр командной строки с двумя допустимыми значениями Пусть скрипт принимает параметр --format со значением json или csv. Чтобы не проверять опечатки вручную, передайте допустимые значения в choices. Модуль argparse из стандартной библиотеки Python сам разберёт аргумент и сообщит о неверном значении. Сохраните пример как format.py. import argparse parser = argparse.ArgumentParser() parser.add_argument("--format", choices=["json", "csv"]) args = parser.parse_args() print(args.format) Запустите python3 format.py --format json: получите json. Замените значение на xml: программа завершится с кодом 2 и сообщением о неверном выборе. Точный текст ошибки зависит от версии. Без аргумента здесь получится None: ограничение значений не делает параметр обязательным. Если задаёте type, проверка choices идёт после преобразования. Примеры — в справке Python.

Клик по кнопке можно обработать у родителя В списке две кнопки, а обработчик клика один. Он стоит на общем div, потому что событие от кнопки поднимается к родителю. Это называется делегированием событий. Сохраните пример в HTML-файл и откройте его в браузере. <div id="menu">Фон <button>A</button><button>B</button></div> <script> const menu = document.querySelector("#menu") menu.addEventListener("click", event => { console.log(event.target.tagName, event.currentTarget.id) }) </script> Нажмите A и B: в консоли оба раза будет BUTTON menu. Нажатие на слово «Фон» даст DIV menu. target показывает, откуда пришло событие, currentTarget — чей обработчик сейчас работает. В этом примере логируем все клики. Для действия над кнопкой сначала проверьте цель. Если внутри кнопки появится span, целью может стать он. Механизм разобран на MDN.

zip может остановиться слишком рано Имена учеников и номера задач лежат в двух списках. zip собирает их в пары, но без дополнительной проверки заканчивает на самом коротком списке. Лишнее имя легко потерять. В Python 3.10+ это можно заметить с помощью strict=True. names = ["Ada", "Lin"] print(list(zip(names, [1, 2], strict=True))) pairs = zip(names, [1], strict=True) print("created") try: print(list(pairs)) except ValueError: print("ValueError") Получатся две пары, затем created и ValueError. Ошибка возникает при переборе, а не при создании zip. Если прочитать только первую пару, до несовпадения вы ещё не дойдёте. Это ленивый итератор: он берёт элементы по мере запроса. Подробности есть в документации Python.

Отменённый fetch попадает в обработчик ошибок Чтобы отменить fetch, создают AbortController и передают его signal в параметры запроса. Вызов abort() сообщает об отмене. Отклонённый промис нужно обработать, иначе отмена может выглядеть как необработанная ошибка. Выполните пример с карточки в консоли современного браузера. Здесь сигнал отменён заранее, а запрос по адресу data: не обращается к внешнему серверу. Обработчик напечатает AbortError. Это проверка поведения отменённого сигнала, а не скорости сети. Уже отменённый сигнал нельзя сбросить. Для нового запроса создайте новый контроллер. Отмена на стороне клиента не гарантирует откат действий сервера. Примеры использования — в документации MDN.

Свойство может принадлежать прототипу JavaScript-объект может наследовать свойства, которых нет среди его собственных полей. Поиск идёт и по прототипу — объекту, от которого он наследует свойства. Поэтому оператор in и Object.hasOwn отвечают на разные вопросы. Создайте const settings = Object.create({ theme: "dark" }) и задайте settings.size = 0. Проверка "theme" in settings даст true, а Object.hasOwn(settings, "theme") — false. При этом Object.hasOwn(settings, "size") вернёт true: свойство со значением 0 остаётся собственным. Поменяйте значение на undefined и проверьте снова. Метод доступен в современных браузерах, детали — на MDN.

Апостроф в имени не должен ломать SQL Имя O'Brien содержит апостроф. Если вставлять его прямо в текст SQL, апостроф может нарушить синтаксис запроса. В модуле Python sqlite3 передавайте значение отдельно: место для него обозначается ?. В учебной базе с таблицей users(name TEXT) и таким именем выполните con.execute("SELECT name FROM users WHERE name = ?", (name,)).fetchall(). Запрос найдёт запись с этим именем. Запятая в (name,) нужна: это кортеж с одним элементом. Не собирайте запрос из пользовательского ввода через f-строку или сложение строк. Параметры подставляют значения, а не имена таблиц или колонок. Полный пример на карточке работает в памяти и не сохраняет базу на диске. Об использовании параметров — в документации Python.

Пробел разделяет аргументы, пока нет кавычек В Bash записи report file и "report file" дают разное число аргументов. Это важно, когда имя файла содержит пробел: программа должна получить одно имя целиком. Для проверки без создания и изменения файлов выполните printf '<%s>\n' report file. Увидите две строки: <report> и <file>. Повторите с кавычками: printf '<%s>\n' "report file". Теперь строка одна: <report file>. Угловые скобки здесь помогают увидеть границы аргументов. Двойные кавычки сохраняют пробел, но не делают всё содержимое буквальным: подстановка переменных внутри них работает. Другие оболочки могут отличаться. Детали — в руководстве Bash.

Почему текст прыгает при загрузке картинки На видео из статьи web.dev текст под серой плашкой уезжает вниз, когда загружается фотография. Браузер не знал заранее, какую высоту оставить под изображение. Такой сдвиг особенно мешает, если вы уже начали читать или нажимать ссылку. Для картинки 800 × 400 задайте <img src="photo.jpg" width="800" height="400" alt="...">. Верное соотношение сторон помогает зарезервировать место до загрузки. Чтобы картинка занимала всю ширину, добавьте отдельно img { width: 100% } и img { height: auto }. Проверьте страницу с замедленной загрузкой и сравните с вариантом без размеров. Соотношение сторон можно задавать и через aspect-ratio. Как задать размеры до загрузки, разобрано в статье web.dev.

Почему every возвращает true для пустого массива Метод every проверяет, соответствует ли каждый элемент условию. [3, 7].every(n => n > 0) вернёт true, а массив с -1 — false. Проверка прекращается при первом неподходящем элементе. Теперь выполните [].every(n => n > 0). Результат снова true: в пустом массиве нет элемента, который нарушил бы условие. Функция проверки при этом вообще не вызывается. Если по задаче нужен непустой список положительных чисел, проверяйте оба условия: values.length > 0 && values.every(n => n > 0). Подставьте пустой массив и сравните результаты. На MDN есть и другие особенности метода, включая пропуск пустых мест в разреженном массиве.