Programim dhe zhvillim, javascript, python, php, html

Performanca e ngjarjes Jquery kundrejt përdorimit të kujtesës

Unë jam duke punuar në një projekt web plotësisht ajax ku një përmbajtje seksioni gjenerohet gjithmonë përmes manipulimit të dom ose duke përdorur funksionin e ngarkimit të jquery. Unë kisha përdorur "live" por jam shumë i interesuar të largohem nga "live" dhe të përdor "on" për përfitime të performancës. Kur ngarkon një faqe e re, një grup i ri lidhjesh të kërkuara për atë seksion gjithashtu duhet të ngarkohet. Seksionet html kanë disa dome prindër (në thelb mbështjellës për zona të ndryshme të përmbajtjes së faqes së internetit) që nuk ndryshojnë kurrë duke më lejuar të bëj lidhje me to për të gjithë elementët e ardhshëm dom që do të krijohen në faqe.

Për sa i përket shkëmbimit të kujtesës dhe performancës, cila është përgjithësisht mënyra më e mirë për të trajtuar lidhjet e ngjarjeve?

1) Pasi një seksion i ri të ketë përfunduar ngarkimin e html-së së tij, lidhni të gjitha ngjarjet e nevojshme për atë shembull specifik të faqes në elementët dom që do të hiqen kur një faqe të ndryshojë.

2) Lidhni çdo ngjarje në ngarkimin e faqes së parë me elementët dom (jo me dokumentin edhe pse si drejtpërdrejt) që dihet se ekzistojnë gjithmonë.

javascript jquery javascript-events
22.02.2012

Përgjigjet:


1

Problemet e kujtesës me dëgjuesit zakonisht mund të trajtohen mjaft lehtë (mos mbani pjesë të mëdha të të dhënave në mbyllje, mos krijoni referenca rrethore, përdorni delegimin, etj.).

"Live" thjesht përdor delegimin (me sa di unë) - ju mund ta zbatoni delegimin mjaft thjesht pa atë duke përdorur kritere të thjeshta, p.sh. klasë ose id, me dëgjues në elementët prind të pandryshueshëm. Delegimi është një strategji e mirë ku zëvendëson shumë dëgjues të tjerë, përmbajtja po ndryshon vazhdimisht dhe identifikimi i elementeve që duhet të thërrasin funksione është i thjeshtë.

Nëse ndiqni një strategji të bashkëngjitjes së shumë dëgjuesve të rinj sa herë që ndryshon përmbajtja, ju gjithashtu duhet të shkëputni të vjetrat kur zëvendësohen si një strategji për të zvogëluar gjasat e rrjedhjeve të kujtesës. Performanca (për sa i përket kohës që duhet për të bashkangjitur dhe hequr dëgjuesit si pjesë e përditësimit të DOM) zakonisht nuk është aq problematike nëse nuk po bëni qindra prej tyre.

Me delegimin, një element prind dëgjon për ngjarje, kontrollon nëse event.target/srcElement është ai që i intereson për atë ngjarje, më pas thërret funksionin e duhur ndoshta duke përdorur thirrje për të vendosur vlerën e kjo nëse kërkohet.

Vini re se thjesht mund të përfshini dëgjues inline në HTML-në e futur, atëherë nuk duhet të shqetësoheni kurrë për rrjedhjet e kujtesës, delegimin ose shtimin dhe heqjen e dëgjuesve. Dëgjuesit inline që përdorin një thirrje të thjeshtë funksioni nuk janë më kompleks se shtimi i ndonjë atributi tjetër (klasa, id, çfarëdo) dhe kërkojnë zero programim shtesë për klientin. Unë nuk mendoj se dëgjuesit e linjës kanë qenë ndonjëherë një problem për rrjedhjet e kujtesës.

Sigurisht që turma e "javascript pa vëmendje" do të ulërijë, por ato janë shumë praktike, funksionale dhe të fuqishme, për të mos përmendur të mbështetur nga çdo shfletues që ka mbështetur ndonjëherë javascript.

23.02.2012
Materiale të reja
Masterclass Coroutines: Kapitulli-3: Anulimi i korutinave dhe trajtimi i përjashtimeve.
Mirë se vini në udhëzuesin gjithëpërfshirës mbi Kotlin Coroutines! Në këtë seri artikujsh, unë do t'ju çoj në një udhëtim magjepsës, duke filluar nga bazat dhe gradualisht duke u thelluar në..
Faketojeni derisa ta arrini me të dhënat false
A e gjeni ndonjëherë veten duke ndërtuar një aplikacion të ri dhe keni nevojë për të dhëna testimi që duken dhe duken më realiste ose një grup i madh të dhënash për performancën e ngarkesës...
Si të përdorni kërkesën API në Python
Kërkesë API në GitHub për të marrë depot e përdoruesve duke përdorur Python. Në këtë artikull, unë shpjegoj procesin hap pas hapi për të trajtuar një kërkesë API për të marrë të dhëna nga..
Një udhëzues hap pas hapi për të zotëruar React
Në këtë artikull, do të mësoni se si të krijoni aplikacionin React, do të mësoni se si funksionon React dhe konceptet thelbësore që duhet të dini për të ndërtuar aplikacione React. Learning..
AI dhe Psikologjia — Pjesa 2
Në pjesën 2 të serisë sonë të AI dhe Psikologji ne diskutojmë se si makineritë mbledhin dhe përpunojnë të dhëna për të mësuar emocione dhe ndjenja të ndryshme në mendjen e njeriut, duke ndihmuar..
Esencialet e punës ditore të kodit tim VS
Shtesat e mia të preferuara - Git Graph 💹 Kjo shtesë është vërtet e mahnitshme, e përdor përpara se të filloj të punoj për të kontrolluar dy herë ndryshimet dhe degët më të fundit, mund të..
Pse Python? Zbulimi i fuqisë së gjithanshme të një gjiganti programues
Në peizazhin gjithnjë në zhvillim të gjuhëve të programimit, Python është shfaqur si një forcë dominuese. Rritja e tij meteorike nuk është rastësi. Joshja e Python qëndron në thjeshtësinë,..