Microsoft dodaje karticu Composited Layers u alat za 3D prikaz
3 min. čitati
Objavljeno na
Podijelite ovaj članak
Poboljšajte ovaj vodič
Pročitajte našu stranicu za otkrivanje kako biste saznali kako možete pomoći MSPoweruseru da održi urednički tim Čitaj više
Microsoft iznenađuje web programere s novom značajkom ubačenom u svoje Alat za 3D prikaz, koji je dio Razvojnih alata (Dev Tools). Najavljena u utorak, značajka pod nazivom Composited Layers tab pridružit će se drugim alatima alata 3D View koji se koriste za rješavanje uobičajenih problema u razvoju weba, poput nepotrebnih traka za pomicanje, problema s slaganjem z-indeksa i složenosti DOM-a.
Značajka Composited Layers namijenjena je frakcioniranju web stranice na pravi broj slojeva. Microsoft Edge Viši voditelj proizvoda Patrick Brosset kaže da će biti korisno kada se komponente animiraju ili mijenjaju neovisno o ostalim. Može se podsjetiti da je Microsoft Edge DevTools ranije imao zaseban alat za slojeve koji je nudio istu funkcionalnost. Međutim, tvrtka je odlučila ukloniti ploču za to, što je rezultiralo spajanjem s alatom 3D View.
U blog postu koji najavljuje dolazak nove značajke, Brosset također opisuje koliko su slojevi važni i kako se u osnovi događaju na webu, raspravljajući o aktivnostima motora za renderiranje preglednika na visokoj razini. Prema njegovim riječima, motor preglednika slijedi niz koraka kako bi prešao od HTML-a i CSS-a do piksela na ekranu. Ti postupci uključuju raščlanjivanje HTML koda i stvaranje DOM stabla, raščlanjivanje CSS koda i stjecanje informacija o stilu i izgledu, izradu nove strukture stabla i slikanje stranice na zaslon.
"Tijekom ovog posljednjeg koraka, motor može odlučiti obojiti stranicu u jednom potezu ili je podijeliti u više slojeva, obojiti ih pojedinačno, a zatim od njih sastaviti konačnu sliku", napominje Brosset. “Postoje specifična svojstva CSS-a i HTML elementi zbog kojih se motor odlučuje za stvaranje zasebnog sloja. Na primjer, korištenje svojstva 3D transformacije ili svojstva will-change čini da motor stvara slojeve. Na taj način, kada se sadržaj u ovim slojevima promijeni, motor mora ponovno obojiti te pojedinačne slojeve, a ne cijeli prikaz."
Klikom na karticu Sastavljeni slojevi prikazat će se korisnicima kreirani slojevi, pri čemu je njihov popis prikazan na bočnoj traci s lijeve strane. Alat će također istaknuti stvari u 3D sceni, a klikom na slojeve korisnicima će dati vrijedne informacije o njima, poput veličine.
“Kao web programer, može biti vrlo korisno znati je li dio stranice koji namjeravate animirati doista u vlastitom sloju”, dodaje. “Ako jest, onda možete biti sigurni da dok se animacija reproducira, ostatak stranice također neće trebati ponovno bojati. Ali jednako je važno provjeriti ne stvarate li slučajno previše slojeva jer svaki od njih treba memoriju.”
