AngularJS - Nieinwazyjny JavaScript

W pewnym momencie musieliśmy słyszeć koniec Nieinwazyjny javascript, to znaczy nie pisać kodu Bezpośredni JavaScript w HTML i że nasza aplikacja może działać równie dobrze, gdybyśmy jej nie mieli Włączona obsługa JavaScript.
To była przesłanka od wielu lat, ponieważ do niedawna przeglądarki nie zachowywały się tak samo pod tymi samymi kodami w JavaScriptPonadto rodzaj i styl tworzenia sprawił, że coraz częściej robiliśmy wszystko po stronie serwera.
Wraz ze zmianą mentalności i pojawieniem się nowych stylów programowania oprócz ulepszeń w Interpretacja Javascript między różnymi przeglądarkami coś się zmieniło.
Aby poznać powód takiego stylu kodowania aplikacji, musimy zobaczyć powody, które doprowadziły do ​​tych wniosków:
Powód 1Nie wszystkie przeglądarki obsługują JavaScriptDlatego aplikacja musi działać bez konieczności polegania na funkcjonalnościach napisanych w tym języku.
Powód 2Osoby korzystające z przeglądarek dla osób niedowidzących nie mają możliwości pracy z naszą aplikacją, a przeglądarki mobilne nie obsługują tego języka.
Powód 3JavaScript działa na różne sposoby w każdej przeglądarce, będąc Internet Explorer ten, który robi tę różnicę najbardziej.
Powód 4Programy obsługi zdarzeń działają globalnie, więc możemy mieć konflikty podczas integrowania innych bibliotek o tych samych nazwach.
Powód 5Programy obsługi zdarzeń łączą strukturę i zachowanie, co utrudnia konserwację kodu.
Jeśli znamy najnowsze trendy w sieci, możemy wiedzieć, że przynajmniej punkty 1 i 2 z tego, co wyjaśniliśmy, nie mają już zastosowania, w rzeczywistości, jeśli dezaktywujemy JavaScript w naszej przeglądarce prawdopodobnie nie widzimy 90% dzisiejszych sieci; Jeśli chodzi o telefony komórkowe i ich przeglądarki, z którymi współpracują JavaScript w taki sam sposób jak jego komputerowe odpowiedniki i z odpowiednią wydajnością.
Odnośnie powodów 3 i 4 AngularJS Oferuje nam inny sposób nałożenia kodu, abyśmy nie musieli się martwić, po pierwsze, różnica w zachowaniu przeglądarek jest niewidoczna dla programisty, czyli AngularJS dba o odpowiednie przetłumaczenie instrukcji, aby Internet Explorer zasadniczo.
Wtedy programy obsługi zdarzeń nie mają zasięgu globalnego, ale są ograniczone do $ zakres naszego żywiołu AngularJSDlatego możemy zdefiniować funkcję w zdarzeniu Click w następujący sposób:

Jeśli spojrzymy na zdarzenie kliknięcia, obsłużymy go za pomocą ng-klik, niektórzy mogą pomyśleć, że to bardzo źle, ale tak nie jest, ponieważ to zdarzenie mieści się w zakresie jego elementu, więc gdy definiujemy funkcję za pomocą AngularJS może zachowywać się na różne sposoby, nawet jeśli ma tę samą nazwę, zobaczmy, jak zdefiniujemy JavaScript:

Tutaj pokazujemy, jak $ zakres o zakres to ten, który definiuje różnicę tego, co aplikacja powinna zrobić, gdy zostanie wywołana procedura obsługi zdarzeń.
Jak widzimy AngularJS redefiniuje pojęcie nieinwazyjnego JavaScript, dając nam większą swobodę podczas pisania naszych aplikacji i pomagając w ulepszeniu sposobu, w jaki możemy czytać i utrzymywać kod.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt