ASP.NET MVC - Werken met JavaScript

Voorbij zijn de jaren dat systemen en webpagina's alleen tekst en knoppen waren, vandaag zijn ze geëvolueerd tot een referentie voor rich texts en realtime acties die het herladen van pagina's vermijden.
Interessante websites zoals Facebook of Gmail zijn sterk afhankelijk van dit soort verrijkingseffecten van de webben en om dit te bereiken nemen ze hun toevlucht Javascript, deze taal die op de client draait, stelt ons in staat om naar onze server te downloaden en meer interactieve effecten te maken.
Ik werk met Javascript
Een van de belangrijkste details bij het werken met Javascript is dat niet alle browsers het op dezelfde manier interpreteren, dus er is code die optimaal zal draaien in Internet Explorer 9 maar vanaf versies 8 terug zal het ons een foutmelding geven, velen zullen misschien zeggen dat het beter is om te gebruiken Chroom of Firefox Om verschillende redenen moeten we echter, als we een goede website willen, proberen deze zo te ontwikkelen dat iedereen van onze applicatie kan genieten, ongeacht de browser.
Waar kunt u ons steunen?Met dit in gedachten kunnen we vertrouwen op de verschillende Javascript Frameworks zoals: jQuery die ons helpen door de native functies te verpakken en een manier van werken te genereren waarbij we met minder code interessante resultaten behalen.
Laten we in de afbeelding twee codes zien waarmee we kunnen vergelijken Javascript puur en zijn equivalent in jQuery:

Rekening houdend met de incompatibiliteiten genoemd met de vorige versies van IE, zien we dat we enkele uitzonderingen moeten maken in onze code, dit geeft ons ongeveer twaalf regels code, nu zien we in de volgende afbeelding hoe we het werk vereenvoudigen met jQuery:

Hier vatten we in 2 regels samen wat ons tot veel van de bovenstaande code heeft geleid, maar dit is geen magie of bedrog, gewoon jQuery zorgt voor het inpakken van veel code Javascript waardoor we de mogelijkheid hebben om functies gemakkelijker uit te voeren, dus inclusief validaties voor de meeste browsers en andere elementen.
DOM-boom
De DOM-boom Het is de structuur van onze webpagina, hiermee kunnen we elementen in de HTML plaatsen zonder verwerking met de server te hoeven doen, hierdoor kunnen we asynchrone functionaliteiten doen, dat wil zeggen, we hoeven de pagina niet opnieuw te laden om resultaten te verkrijgen .
Hiermee kunnen we onze systemen verrijken door meer snelheid te bieden en ook om resources op onze server te besparen.
Hoe elementen te lokaliseren?De beweging binnen de ZON we gaan het doen dankzij de selectors die de identifiers van elk element zijn, we kunnen het doen door de id van de elementen of door de klassen, zelfs met een beetje meer verwerking kunnen we niet-benoemde elementen alleen vinden op hun type en op de container waarin ze zich bevinden.
Zoals we zien, zijn de mogelijkheden erg breed en daarmee ook de complexiteit van de programmering, dus we moeten de basis heel goed kennen, zodat we niet verdwalen of inefficiënte code maken.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven