Ano ang virtual na pag-scroll sa angular?
Ano ang virtual na pag-scroll sa angular?

Video: Ano ang virtual na pag-scroll sa angular?

Video: Ano ang virtual na pag-scroll sa angular?
Video: NAHIHILO dahil sa MATA o EYE STRAIN? | Sanhi ng HILO | Tagalog Health Tip 2024, Mayo
Anonim

Mga patalastas. Isa ito sa mga bagong feature na idinagdag sa angular 7 tinatawag bilang Virtual na Pag-scroll . Ang tampok na ito ay idinagdag sa CDK (Component Development Kit). Virtual na pag-scroll ipinapakita ang mga nakikitang elemento ng dom sa user, bilang user mga scroll , ang susunod na listahan ay ipinapakita.

Kung gayon, ano ang virtual na pag-scroll?

Virtual na pag-scroll . Maaaring mabagal ang paglo-load ng daan-daang elemento sa anumang browser; virtual na pag-scroll nagbibigay-daan sa isang gumaganap na paraan upang gayahin ang lahat ng mga item na nire-render sa pamamagitan ng paggawa ng taas ng elemento ng container na kapareho ng taas ng kabuuang bilang ng mga elementong ire-render, at pagkatapos ay i-render lamang ang mga item na nakikita.

Kasunod nito, ang tanong ay, ano ang itemSize sa CDK virtual scroll viewport? 1. [ laki ng item ] ang nagdidikta kung gaano kataas sa pixel ang bawat row sa listahan. Ang virtual pagkatapos ay ginagamit ito ng scroller (sa bahagi) upang matukoy kung gaano karaming mga hilera ang maaari nitong buffer sa itaas at ibaba ng viewport.

Gayundin, ang mga tao ay nagtatanong, ano ang virtual rendering?

Halimbawa rendering isang listahan na may libu-libong mga item o isang datagrid na may mataas na density ng mga column at row. Ang isang paraan ng paglutas ng problemang ito ay ang paggamit ng isang technique na tawag na " virtual na pag-render ”. Ang pangunahing ideya ng "VR" ay upang lamang render kung ano ang nakikita ng gumagamit, pinapanatili ang bilang ng nai-render tumutol sa pinakamababa.

Ano ang angular CDK?

Ang angular Component Dev Kit ( CDK ) ay isang library ng mga paunang natukoy na pag-uugali na kasama sa angular Material, isang library ng bahagi ng UI para sa angular mga developer. Ang Angular CDK nagbibigay sa mga developer ng solid, mahusay na nasubok na mga tool upang magdagdag ng mga karaniwang pattern ng pakikipag-ugnayan na may kaunting pagsisikap.

Inirerekumendang: