Перейти к основному содержимому
← ⚡ JavaScript & the browser·Модуль C9 · Урок 11
ЗаданиеQuick recap. Inside <script type='module'>: const u = new URL('https://x.test/path?id=42&tag=hello'); log u.searchParams.get('id'). localStorage.setItem('k', JSON.stringify({n: 7})); log JSON.parse(localStorage.getItem('k')).n. Build const qs = new URLSearchParams({a:'1', b:'2'}).toString(); log qs. const copy = structuredClone({x:[1,2]}); log copy.x.length.

Recap: Tooling, types, browser APIs (C7-C9)

50 XP5 min
Теория

Quick recap — Modules C7-C9

The platform APIs you reach for daily. The 4 things every browser app needs:

  1. `localStorage.setItem` + `getItem` — persist tiny state across reloads. Stringify, JSON.parse on read.
  2. `new URL(href)` — parse a URL safely. Read .searchParams.get(key) instead of regex.
  3. `URLSearchParams` — build query strings without manual encoding bugs.
  4. `structuredClone(x)` — deep copy that handles dates, maps, sets. No more JSON.parse(JSON.stringify).

If any feels random, redo C9-02 / C9-04 / C9-07 / C9-09 then come back.

🔒

Зарегистрируйся чтобы кодить

Теория открыта всем. Интерактивный редактор, живой превью и проверка открываются с 7-дневным бесплатным trial — нужна карта, отмена в любое время.

Регистрация — бесплатный trial →

Первые 10 уроков в каждом треке — бесплатные. Карта не нужна.

← Назад✓ Модуль завершён

Получай один совет по Python или веб-разработке — каждый день в почте

Коротко, без воды, без спама. Отписаться — в один клик.