برنامه نویسی

با استفاده از این روش یک درخت DOM Offscreen بسازید.

قطعه کد زیر را در بسته ها/اسکن/هسته/index.ts در کد منبع-اسکن پیدا کردم.

const fragment = document.createDocumentFragment();
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

در این مقاله ، شما یاد خواهید گرفت

  1. DocumentFragment چیست؟

  2. چگونه DocumentFragment در-اسکن React استفاده می شود؟

  3. روش CreateOcumentFragment.

اطلاعات زیر از اسناد MDN انتخاب شده است.

فهرست مطالب

تعریف

در DocumentFragment رابط یک شیء حداقل سند را نشان می دهد که والدین ندارد.

از آن به عنوان یک نسخه سبک وزن استفاده می شود Document این بخش از یک ساختار اسناد را که از گره ها درست مانند یک سند استاندارد تشکیل شده است ، ذخیره می کند. تفاوت اصلی در این واقعیت است که قطعه سند بخشی از ساختار فعال درخت اسناد نیست. تغییراتی که در این قطعه ایجاد شده است روی سند تأثیر نمی گذارد.

استفاده

یک استفاده مشترک برای DocumentFragment برای ایجاد یک ، جمع کردن یک زیر درخت DOM در آن ، سپس با استفاده از قطعه در DOM اضافه یا وارد کنید Node روش های رابط مانند appendChild()با append()، یا insertBefore()بشر انجام این کار گره های قطعه را به داخل دام می اندازد و یک خالی را پشت سر می گذارد DocumentFragmentبشر

این رابط کار بسیار خوبی با اجزای وب است: