Веб-приложения — страница 5

PWA, Mini Apps, расширения, совместная работа, карты, медиа и документы.

Темы раздела

Материалы

• Текстовый слой и доступное чтение

  TextLayer плюс отдельное текстовое представление

• Поиск по страницам документа

  Ограниченный последовательный индекс и переход к странице

• Заметки рядом с PDF

  SHA-256 документа, записи по page, локальное хранилище

• Экспорт и импорт заметок

  Версионированный JSON, полная валидация, отдельный архив

• Печатное представление документа

  HTML с извлечённым текстом и заметками, CSS print

• Ошибки, ресурсы и границы просмотрщика

  Ограниченная загрузка, безопасное завершение и локальный файл

• Three.js: конфигуратор настольной лампы «Форма»

  Десять последовательных уроков проекта «Форма».

• Сцена, камера и первый предмет

  Статическая сцена с простой лампой, перспективная камера и HTML-описание

• Размер области и плотность пикселей

  ResizeObserver, ограниченный DPR, согласованная проекция

• Осмотр товара и управление камерой

  OrbitControls, границы расстояния, возврат к исходному ракурсу

• Собственная модель glTF и её загрузка

  Авторский glTF из простых деталей, GLTFLoader, роли деталей и ошибки

• Цвет, свет и материалы товара

  MeshStandardMaterial, палитра и отдельные отделки корпуса и основания

• Выбор детали мышью и кнопками

  Raycaster, координаты canvas, HTML-выбор роли детали

• Конфигурация, артикул и стоимость

  Проверяемое состояние, чистая оценка комплектации, резюме в HTML

• Сохранение конфигурации и ссылка

  Версионированный URL и localStorage, приоритет явной ссылки

• Загрузка по запросу и резервный интерфейс

  Импорт Three.js после действия, доступные HTML-параметры, экран ошибки

• Завершение сцены и освобождение ресурсов

  Инвалидация асинхронной загрузки, остановка RAF, dispose и повторный запуск

• Local-first заметки и явная синхронизация

  Создаём «Блокнот»: изменяемые записи в IndexedDB, атомарную локальную очередь и собственный серверный контракт. Учимся сохранять текст без доступной сети, повторять стабильное намерение, получать журнал по cursor и разрешать конфликт двух редакций вручную. IndexedDB здесь хранит данные; серверная синхронизация реализована приложением. Service worker, кеш оболочки и CRDT остаются темами других серий.

• Локальная запись и границы синхронизации

  Разделяем локальную заметку, серверную ревизию и ещё не подтверждённое изменение.

• Схема IndexedDB для записей и очереди

  Открываем три object store и связываем обновление схемы с жизненным циклом вкладок.

• Атомарное сохранение заметки и outbox

  Сохраняем форму и намерение отправки одной транзакцией, сообщая об успехе после complete.

• Стабильный ID операции и неизменяемый снимок

  Отделяем идентификатор заметки от идентификатора отправки и сохраняем снимок до подтверждения.

• Серверный revision и журнал изменений

  Реализуем push/pull контракт с проверкой исходной ревизии и сохранением результата операции.

• Отправка outbox и подтверждение снимка

  Применяем серверный ответ к отправленной операции, не теряя правку во время запроса.