AngularJS - Niet-intrusief JavaScript

Op een gegeven moment moeten we het einde gehoord hebben van Niet-intrusief javascript, dit betekent geen code schrijven Direct Javascript in HTML en dat onze applicatie net zo goed kan werken als we de niet hadden Javascript ingeschakeld.
Dit is al jaren een uitgangspunt, omdat browsers tot voor kort niet hetzelfde gedrag onder dezelfde codes vertoonden JavascriptDaarnaast heeft het type en de stijl van ontwikkeling ons ertoe gebracht om steeds meer alles aan de serverkant te doen.
Met de mentaliteitsverandering en het verschijnen van nieuwe programmeerstijlen naast de verbeteringen in de Javascript-interpretatie tussen verschillende browsers zijn er dingen veranderd.
Om de reden voor deze stijl van applicatiecodering te kennen, moeten we de redenen zien die tot deze conclusies hebben geleid:
Reden 1Niet alle browsers ondersteunen JavascriptDaarom moet de applicatie werken zonder afhankelijk te zijn van functionaliteiten die in deze taal zijn geschreven.
Reden 2Mensen die browsers voor slechtzienden gebruiken, kunnen niet met onze applicatie werken en mobiele browsers ondersteunen deze taal niet.
Reden 3Javascript werkt in elke browser op verschillende manieren, namelijk: Internetverkenner degene die dit verschil het meest maakt.
Reden 4Event-handlers werken wereldwijd, dus we kunnen conflicten krijgen bij het integreren van andere bibliotheken met dezelfde naam.
Reden 5Event-handlers combineren structuur en gedrag, waardoor het onderhoud van de code moeilijker wordt.
Als we op de hoogte zijn van de laatste webtrends, kunnen we weten dat ten minste de punten 1 en 2 van wat we hebben uitgelegd niet langer van toepassing zijn, in feite als we deactiveren de Javascript in onze browser kunnen we waarschijnlijk 90% van de huidige webs niet zien; Wat betreft mobiele telefoons en hun browsers waarmee ze werken Javascript op dezelfde manier als zijn desktop-tegenhangers en met bijpassende prestaties.
Met betrekking tot redenen 3 en 4 AngularJS Het biedt ons een andere manier om de code toe te passen, zodat we ons geen zorgen hoeven te maken, het eerste is dat het verschil in het gedrag van de browsers transparant is voor de programmeur, dat wil zeggen, AngularJS zorgt voor de juiste vertaling van de instructie naar: Internetverkenner eigenlijk.
Dan hebben de event handlers geen globaal bereik, maar zijn ze beperkt tot de $ bereik van ons element AngularJSDaarom kunnen we een functie in een Click-gebeurtenis op de volgende manier definiëren:

Als we naar de klikgebeurtenis kijken, pakken we die aan met ng-klik, sommigen denken misschien dat dit heel verkeerd is, maar dat is niet zo, omdat deze gebeurtenis binnen het bereik van zijn element valt, dus wanneer we de functie definiëren met AngularJS het kan zich op verschillende manieren gedragen, zelfs als het dezelfde naam heeft, laten we eens kijken hoe we de . definiëren Javascript:

Hier laten we zien hoe de $ bereik o scope is degene die het verschil definieert van wat de applicatie moet doen wanneer de event handler wordt aangeroepen.
Zoals we zien AngularJS herdefinieert het concept van niet-intrusief Javascript, geeft ons meer vrijheid bij het schrijven van onze applicaties en helpt bij een verbetering van de manier waarop we code kunnen lezen en onderhouden.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