Глубокое копирование объектов с помощью structuredClone

Сурма из Google рассказал про новое API для глубокого копирования JavaScript-объектов — "Deep-copying in JavaScript using structuredClone".

Самым популярным решением для глубокого копирования объектов был JSON-хак:

const myDeepCopy = JSON.parse(JSON.stringify(myOriginal));

Он стал настолько популярен, что в браузерах были добавлены специальные оптимизации для этого хака. На данный момент он остаётся самым быстром способом для быстрого копирования небольших объектов. Однако он не поддерживает копирование объектов с циклическими ссылками, Map, Set, Date, RegExp и ArrayBuffer.

Структурное клонирование — это другое название для глубокого копирования. Оно использовалось браузерами неявно при передаче объектов с помощью postMessage и сохранении объектов в IndexedDB. Новый метод structuredClone открывает удобный доступ к этому механизму клонирования без недостатков JSON-хака:

const myDeepCopy = structuredClone(myOriginal);

Поддержка strucutredClone на данный момент есть в Firefox 94, в nightly-версии Chrome и Safari TP.

#js #api

https://web.dev/structured-clone/

Расширение для Chrome, позволяет импортировать страницу html в Figma

Посмотреть расширение

Лонгрид с интервью основательницы бренда одежды Happy99: → https://readymag.com/u3506301662/3187706/

#СделаноВReadymag

​У IKEA есть детские соки, у которых трубочки как бы становятся частью фрукта. Ассоциация, что вы пьёте сок прямо из самого фрукта и ничего больше. Сколько я этот сок не видел, распознать эту деталь не получилось, пока не увидел сам проект.
#упаковка

Лендинг продукции Re-fè — устройств для утилизации кофейных капсул: → https://re-fe.com/

#СделаноВReadymag

Бесплатный шрифт для твоих проектов

Посмотреть и скачать

Истории логотипов брендов

Автор

UX-дизайн — это дизайн, который принимает во внимание каждую точку касания с вашим продуктом или услугой. Компании должны помнить не только о ценности своего продукта, но и о том, каким его увидит пользователь.

Если вы тоже считаете, что дизайн должен быть осмысленным и хотите создавать его таким, то вам на курс Contented «UX/UI-дизайнер с нуля до PRO», где за 15 месяцев вы:
- освоите все инструменты и навыки, которые нужны продвинутому продуктовому дизайнеру;
- наработаете более 200 часов практики;
- добавите в портфолио 15 работ;
- поучаствуете в практикумах совместно с экспертами;
- и пройдете стажировку в IT-компании или студии.

А благодаря карьерной поддержке на протяжении всего курса вы прокачаете soft skills. Все это даст вам возможность дорасти до уровня middle уже к концу обучения. Передавать свой опыт будут практикующие эксперты рынка из Ozon, Mail.ru и Cuberto — агентства года по версии Awwwards.

Подробнее о программе курса

Новогодняя скидка 50% для читателей канала

Heypatterns — небольшая коллекция паттернов пользовательского интерфейса.

heypatterns.com

Дизайн виртуального магазина сети Walmart — создание метаверсов становится все более заметной тенденцией для крупных брендов.

Кавказский художник chelovek_molekula4242