AngularJS - JavaScript non-intruziv

La un moment dat trebuie să fi auzit sfârșitul Javascript neintruziv, aceasta înseamnă să nu scrieți cod Javascript direct în HTML și că aplicația noastră poate funcționa la fel de bine dacă nu am avea Javascript activat.
Aceasta a fost o premisă de mulți ani, deoarece până de curând browserele nu aveau același comportament sub aceleași coduri din JavascriptÎn plus, tipul și stilul de dezvoltare ne-au determinat să facem tot mai multe lucruri pe partea serverului.
Odată cu schimbarea mentalității și apariția unor noi stiluri de programare pe lângă îmbunătățirile din Interpretare Javascript între diferite browsere lucrurile s-au schimbat.
Pentru a cunoaște motivul acestui stil de codificare a aplicației, trebuie să vedem motivele care au condus la aceste concluzii:
Motivul 1Nu toate browserele acceptă JavascriptPrin urmare, aplicația trebuie să funcționeze fără a depinde de funcționalitățile scrise în acest limbaj.
Motivul 2Persoanele care utilizează browsere pentru persoanele cu deficiențe de vedere nu au nicio modalitate de a lucra cu aplicația noastră, iar browserele mobile nu acceptă această limbă.
Motivul 3Javascript funcționează în moduri diferite în fiecare browser, fiind Internet Explorer cel care face această diferență cel mai mult.
Motivul 4Handlerele de evenimente funcționează la nivel global, deci putem avea conflicte atunci când integrăm alte biblioteci care au aceleași nume.
Motivul 5Managerii de evenimente combină structura și comportamentul, ceea ce face ca întreținerea codului să fie mai dificilă.
Dacă suntem conștienți de cele mai recente tendințe web, putem ști că cel puțin punctele 1 și 2 din ceea ce am explicat nu se mai aplică, de fapt dacă dezactivăm Javascript în browserul nostru probabil că nu putem vedea 90% din paginile web de astăzi; În ceea ce privește telefoanele mobile și browserele lor cu care lucrează Javascript în același mod ca și colegii săi de pe desktop și cu performanțe pe măsură.
În ceea ce privește motivele 3 și 4 AngularJS Ne oferă un mod diferit de a aplica codul, astfel încât să nu ne facem griji, primul lucru este că diferența de comportament a browserelor este transparentă pentru programator, adică AngularJS are grijă să traducă instrucțiunile în mod corespunzător în Internet Explorer pe scurt.
Apoi, gestionarele de evenimente nu au un domeniu global, ci sunt limitate la $ scop a elementului nostru AngularJSPrin urmare, putem defini o funcție într-un eveniment Click în felul următor:

Dacă ne uităm la evenimentul de clic, îl vom descurca cu faceți clic, unii ar putea crede că acest lucru este foarte greșit, totuși nu este, deoarece acest eveniment se află în sfera elementului său, deci atunci când definim funcția cu AngularJS se poate comporta în moduri diferite chiar dacă are același nume, să vedem cum definim Javascript:

Aici vom demonstra cum $ scop Scopul este cel care definește diferența dintre ceea ce ar trebui să facă aplicația atunci când este apelat gestionarul de evenimente.
După cum vedem AngularJS redefinește conceptul de Javascript neintruziv, oferindu-ne o mai mare libertate atunci când ne scriem aplicațiile și ajutând la o îmbunătățire a modului în care putem citi și menține codul.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv