border-radius задаёт радиус скругления для углов элемента. Ниже — варианты использования с готовыми HTML+CSS, которые можно сразу открыть в браузере. Одинаковое скругление для всех углов Одно значение применяется ко всем четырём углам: html <div class=»box-all»></div> <style> .box-all { width: 200px; height: 100px; background: #3498db; border-radius: 16px; } </style> Скругление только одного угла Используют отдельные […]
  Загрузка... |
Просмотров: 20 | Читать статью |
Задача простая и частая: есть таблица, надо вывести список строк на страницу. Например, список пользователей: ID и имя. Разберём по шагам, чтобы было понятно, что за чем идёт и почему именно так. Подключение к базе через PDO php $dsn = ‘mysql:host=localhost;dbname=testdb;charset=utf8mb4’; $user = ‘db_user’; $pass = ‘db_pass’; $pdo = new PDO($dsn, $user, $pass, [ […]
| Загрузка... |
Просмотров: 27 | Читать статью |
Задача простая: подключиться к базе и вытащить одну строчку. Без теории, только рабочий минимум на PDO (это стандарт, старые mysql_* функции не используем). Вариант 1: самый короткий рабочий пример (10 строк) php <?php $dsn = ‘mysql:host=localhost;dbname=testdb;charset=utf8mb4’; $user = ‘db_user’; $pass = ‘db_pass’; $pdo = new PDO($dsn, $user, $pass, [ PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION ]); […]
 1,00 (1) Загрузка... |
Просмотров: 27 | Читать статью |
Работа с датами — одна из самых коварных вещей в коде: на секунду ошибся, часовой пояс не учёл — и логика ломается. В реальных задачах (логи, сессии, сроки действия токенов, пагинация по дате) лучше не полагаться на date() и ручное склеивание строк, а использовать DateTime и DateTimeZone. Зачем нужен DateTime вместо date()/time() time() даёт timestamp, date() делает строку. Этого […]
| Загрузка... |
Просмотров: 29 | Читать статью |
PDO (PHP Data Objects) — это встроенное в PHP расширение для работы с базами данных. Оно даёт единый интерфейс, чтобы из PHP обращаться к разным СУБД: MySQL, PostgreSQL, SQLite, Oracle и другим. В чём главная проблема старых функций (mysql_*) Раньше часто писали через функции вида mysql_connect, mysql_query и т. п. Сейчас они полностью удалены из PHP (начиная с […]
| Загрузка... |
Просмотров: 30 | Читать статью |
Схлопывание margin (margin collapse) — это когда вертикальные отступы двух соседних блоков не складываются, а «схлопываются» в один — берётся больший из двух. Это не баг, а часть спецификации CSS, но именно из‑за него часто «ломается» верстка: отступы получаются меньше ожидаемых, элементы прилипают друг к другу, а при масштабировании всё едет. Где вообще бывает схлопывание Оно работает только для […]
| Загрузка... |
Просмотров: 29 | Читать статью |
Fetch API — это встроенный в браузер способ делать HTTP‑запросы. Не нужно подключать библиотеки: просто вызываешь fetch(), передаёшь URL и (опционально) настройки, получаешь промис с ответом. Дальше разбираешь тело ответа (JSON, текст, Blob и т. д.) и работаешь с данными. Минимальный GET‑запрос Самый простой запрос: js fetch(‘https://api.example.com/data’) .then(response => { if (!response.ok) { throw new Error(`Ошибка HTTP: ${response.status}`); […]
| Загрузка... |
Просмотров: 27 | Читать статью |
Область видимости говорит, где в коде переменная «живёт» и где её можно использовать. Если не учитывать правила для var/let/const, код будет выдавать странные значения или падать с ошибками. Дальше — только факты и примеры, которые можно сразу проверить. var: живёт по функции, всплывает, разрешает повтор Что это значит на практике: Виден во всей функции, блок […]
| Загрузка... |
Просмотров: 23 | Читать статью |
vw и vh — это единицы в CSS, которые считают размер от размера окна браузера. 1vw = 1% от ширины окна. 1vh = 1% от высоты окна. Пример: на экране шириной 1000 px значение 50vw будет равно 500 px. На экране 400 px — 200 px. Их используют, чтобы элементы масштабировались вместе с экраном. Но из‑за этого появляются проблемы: горизонтальный скролл, «прыгающие» отступы, […]
| Загрузка... |
Просмотров: 29 | Читать статью |
rem и em — это просто способ задавать размеры не в жёстких пикселях, а «относительно чего‑то». Это нужно, чтобы не править 100 мест в CSS, если надо сделать всё крупнее (или если пользователь сам увеличил шрифт в браузере). Что такое rem rem всегда считает от html. Один раз задал font-size на html — и все […]
| Загрузка... |
Просмотров: 35 | Читать статью |