Агуулгын хүснэгт:

Яагаад хариу үйлдэл илүү хурдан байдаг вэ?
Яагаад хариу үйлдэл илүү хурдан байдаг вэ?

Видео: Яагаад хариу үйлдэл илүү хурдан байдаг вэ?

Видео: Яагаад хариу үйлдэл илүү хурдан байдаг вэ?
Видео: Яагаад гүйхэд жин нэмэгддэг вэ? 2024, Арванхоёрдугаар сар
Anonim

ReactJS нь DOM-ийг шинэчлэхээс сэргийлэхэд тусалдаг тул энэ нь програмууд байх болно гэсэн үг юм Илүү хурдан мөн илүү сайн UX хүргэх. ReactJS нь вэбсайтын серверээс нийт үзүүлсэн хуудсыг сайжруулахад туслах зорилготой юм. Нэмж дурдахад, энэ нь үйлчлүүлэгч тал дээр үзүүлэх цэгүүдийг ашигладаг.

Үүний нэгэн адил, яагаад виртуал Dom-д хариу үйлдэл үзүүлэх нь илүү хурдан байдаг вэ?

Хариу үйлдэл үзүүлэх байна хурдан Учир нь энэ нь зөвхөн удирддаг DOM шаардлагатай хэмжээгээр. Өөрчлөлтүүдийг шинэчлэх нь маш их юм Илүү хурдан бүхэлд нь дахин барихаас илүү DOM эхнээс нь мод. -ийг хадгалдаг учраас үүнийг хийх боломжтой виртуал DOM Бидний бүрэлдэхүүн хэсгийг санах ойд хамгийн сүүлд шинэчилсэн эсвэл үзүүлсэн үеийн дүрслэл.

Үүний нэгэн адил хариу үйлдэл яагаад илүү сайн байдаг вэ? Энд хэд хэдэн шалтгаан байна яагаад React маш хурдан алдартай болсон: DOM API-тай ажиллахад хэцүү байдаг. Хариу үйлдэл үзүүлэх үндсэндээ хөгжүүлэгчдэд бодит хөтөчөөс илүү ээлтэй виртуал хөтөчтэй ажиллах боломжийг олгодог. Хариу үйлдэл Виртуал хөтөч нь хөгжүүлэгч болон жинхэнэ хөтөч хоёрын хооронд төлөөлөгчийн үүрэг гүйцэтгэдэг.

Мөн яагаад хариу үйлдэл нь өнцгөөс хурдан байдаг вэ?

Аппликешны хэмжээ ба гүйцэтгэл - Өнцөг бага зэрэг давуу талтай Виртуал DOM-ийн улмаас ReactJS програмууд ажилладаг AngularJS-ээс хурдан ижил хэмжээтэй програмууд. Мөн, Өнцөг -тай харьцуулахад програмын хэмжээ бага байна Хариу үйлдэл үзүүлэх Redux-тай ижил судалгаагаар: Түүний дамжуулах хэмжээ нь 129 KB, харин Хариу үйлдэл үзүүлэх + Redux нь 193 KB юм.

Би хэрхэн хариу үйлдэл үзүүлэх програмаа хурдан болгох вэ?

21 React програмын гүйцэтгэлийг оновчтой болгох арга

  1. Өөрчлөгдөх боломжгүй өгөгдлийн бүтцийг ашиглах.
  2. Функц/Үлгэрэлгүй бүрэлдэхүүн хэсэг ба урвал.
  3. Олон хэсэг файлууд.
  4. React ашиглах.
  5. Render функц дэх шугамын функцийн тодорхойлолтоос зайлсхий.
  6. JavaScript дахь үйл явдлын үйлдлийг багасгах, устгах.
  7. Индексийг газрын зургийн түлхүүр болгон ашиглахаас зайлсхий.
  8. Анхны төлөвт тулгуурлахаас зайлсхийх.

Зөвлөмж болгож буй: