Γεια σας, αγαπητοί μου φίλοι! Σήμερα θα μιλήσουμε για τα οφέλη του Angular. Εάν χρησιμοποιείτε το AngularJS, πρέπει να κάνετε μετεγκατάσταση από το AngularJS στο Angular. Γιατί; Διαβάστε αυτό το άρθρο και κάντε μια επιλογή για το καλύτερο πλαίσιο.
Τι είναι το AngularJS;
Πριν μιλήσουμε για αυτά τα δύο πλαίσια, ας καταλάβουμε ποιος είναι ποιος. Το AngularJS έχει φέρει επανάσταση στα πλαίσια που αναπτύσσουν εφαρμογές μιας σελίδας (SPA). Το Angular κυκλοφόρησε με τη βοήθεια του Google, το οποίο εξακολουθεί να το υποστηρίζει. Και κυκλοφόρησε το 2010 και έκτοτε υπήρξαν πολλές νέες εκδόσεις του AngularJS. Το πλαίσιο λειτουργεί με τη βοήθεια του JavaScript και έχει δημιουργηθεί για την ανάπτυξη εφαρμογών ιστού μιας σελίδας. Αυτό που ξεχωρίζει το Angular είναι η ικανότητά του να μετατρέπει HTML σε χρονοσειρές.
Ας μιλήσουμε για τα μειονεκτήματα του AngularJS και θα καταλάβετε γιατί δεν είναι η καλύτερη έκδοση του πλαισίου.
JavaScript. Ναι, παρόλο που είναι πολύ βολικό να δουλεύετε με JavaScript, αλλά χωρίς αυτό δεν θα μπορείτε να κάνετε τίποτα καθόλου στο AngularJS. Επομένως, υπάρχει ένα νέο πρόβλημα - σε πολλές συσκευές, το JS δεν υποστηρίζεται (ναι, ακούγεται λυπηρό). Φυσικά, δεν υπάρχουν τέτοια προβλήματα σε νέους φορητούς υπολογιστές και υπολογιστές, αλλά αν έχετε για παράδειγμα έναν έφηβο με έναν παλιό φορητό υπολογιστή που ήθελε να μάθει το AngularJS και απλά δεν εκτελεί JavaScript. Και η επιθυμία να μάθει κάτι νέο εξαφανίζεται.
Δύσκολο για αρχάριους. Η δομή του AngularJS είναι αρκετά προσιτή, αλλά όταν αρχίζετε να μαθαίνετε για αυτό το πλαίσιο, αντιμετωπίζετε πολλά προβλήματα. Δεν γνωρίζουν όλοι πώς να συνεργάζονται με οδηγίες και εξαρτήσεις ταυτόχρονα (και αυτό είναι ένα στοιχείο του κώδικα AngularJS). Επιπλέον, υπάρχουν εργασίες όπου είναι αδύνατο να επιλυθούν χωρίς τις ίδιες οδηγίες, ο προγραμματιστής αρχίζει να ερευνά στο σύστημά του, χάνει πολύ χρόνο (αν και φυσικά είναι υπέροχο όταν μαθαίνει κάτι νέο), αλλά υπάρχει κάτι τέτοιο ως προθεσμία Ο πελάτης συνήθως ορίζει σαφώς προθεσμίες και δεν θέλει να περιμένει περισσότερο από τον καθορισμένο χρόνο. Επομένως, παρόλο που η δομή του AngularJS είναι διαθέσιμη, ενδέχεται να υπάρχουν προβλήματα με πολλές λειτουργίες στη διαδικασία.
MVC. Δεν γνωρίζουν όλοι πώς να συνεργάζονται με αυτό. Χρειάζεται επίσης πολύς χρόνος για να κατανοήσουμε τον τρόπο λειτουργίας του MVC. Είναι αλήθεια ότι οι περισσότεροι έχουν πλέον εμπειρία να δουλεύουν με αυτό, αλλά περισσότεροι παραδοσιακοί προγραμματιστές αντιμετωπίζουν αυτό το πρόβλημα. Η ουσία είναι ότι πρέπει να γνωρίζετε ποια προγράμματα πρέπει να γνωρίζετε για να εργαστείτε με το AngularJS.
Τεκμηρίωση για εκπαίδευση. Στην πραγματικότητα, δεν συγκρίνεται τόσο πολύ με το Angular. Οι αρχάριοι είναι πραγματικά άτυχοι με αυτό το AngularJS κατά κάποιον τρόπο. Ωστόσο, μελετώντας το θα μάθετε πολλά, θα μάθετε πολλά προγράμματα και όσο περισσότερα γνωρίζει ο προγραμματιστής τόσο το καλύτερο. Και δεδομένου ότι υπάρχει λίγη τεκμηρίωση για το AngularJS, οι ίδιοι οι προγραμματιστές έχουν πολλά να καταλήξουν σε πολλές χρονοβόρες προσπάθειες.
Σφάλματα. Τα προϊόντα που δημιουργούνται στο AngularJS είναι δυναμικά, οπότε χωρίς απόδοση. Οι πρώτες προσπάθειες εκκίνησης του προγράμματος ενδέχεται να προκαλέσουν σφάλματα και καθυστερήσεις.
Τι είναι το Angular 10;
Το Angular 10 καταλαμβάνει λιγότερο χώρο από τους προκατόχους του. Νέες δυνατότητες που έχουν προστεθεί σε αυτήν την ποικιλία είναι βελτιωμένη επιλογή εύρους ημερομηνιών στο γωνιακό υλικό και ειδοποιήσεις για την εισαγωγή CommonJS. Οι προγραμματιστές έχουν επίσης προσθέσει μια νέα δυνατότητα - η αντικατάσταση των μονάδων δέσμης ECMAScript όταν ένα πακέτο που είναι γεμάτο με CommonJS μπορεί να οδηγήσει σε μεγαλύτερα, πιο αργά προγράμματα. εφαρμογές και απειλές ασφαλείας που μπορούν να προκαλέσουν προβλήματα συστήματος ή αργή απόδοση.
Δωρεάν σάρωση για ζητήματα υπολογιστή3.145.873αφορτώσεις Συμβατό με: Windows 10, Windows 7, Windows 8
Ειδική προσφορά. Σχετικά με το Outbyte, οδηγίες απεγκατάστασης, EULA, Πολιτική απορρήτου.
Επιπλέον, το Angular 10 προσφέρει μια πιο στρατηγική διαμόρφωση του προϊόντος κατά τη δημιουργία ενός νέου χώρου από ng νέο , έως ng νέο – αυστηρό.
Η ενεργοποίηση σάς επιτρέπει να προετοιμάζετε ένα προϊόν με νέες ρυθμίσεις για καλύτερη ανίχνευση σφαλμάτων και πρόσθετες βελτιστοποιήσεις προγράμματος.
Πλεονεκτήματα του Angular 10:
Υπηρεσία γλώσσας. Ο μεταγλωττιστής υπηρεσιών γλωσσών μπορεί τώρα να χρησιμοποιεί περισσότερους από έναν τύπους αρχείων ελέγχου χρησιμοποιώντας τη διεπαφή προϊόντος που δημιουργεί το ScriptInfos εάν χρειάζεται. Επίσης καταργούνται ορισμένες από τις οντότητες HTML, όπως & amp ;, & lt ;, κλπ. Αυτό έγινε για την προστασία της εσωτερικής βάσης της λειτουργικότητας Angular LS που είναι αρκετά ασταθής στην απόδοση.
Διαμόρφωση προγράμματος περιήγησης. Τα παλιά και μη δημοφιλή προγράμματα περιήγησης εξαιρούνται πλέον από το Angular 10. Αυτό γίνεται για την προώθηση νεότερων και πιο βολικών προγραμμάτων περιήγησης. Επίσης, αυτή η ενημέρωση περιλαμβάνει την παρενέργεια της αυτόματης απενεργοποίησης της έκδοσης ES5 για νέα προϊόντα. Για να γίνει αυτό, ο προγραμματιστής πρέπει να προσθέσει τα απαιτούμενα προγράμματα περιήγησης στο αρχείο .browserslist RC. για να ενεργοποιήσετε τις εκδόσεις ES5 και τη διαφορική φόρτωση για προγράμματα περιήγησης.
Ενημέρωση μεταγλωττιστή . Ο μεταγλωττιστής δεν αναβαθμίστηκε ούτε, σε αυτήν την έκδοση του Angular οι προγραμματιστές πρόσθεσαν μια διεπαφή για τον μεταγλωττιστή για να τυλίξει τον πραγματικό μεταγλωττιστή ngtsc. Οι χώροι ονομάτων έχουν επίσης προστεθεί έτσι ώστε να είναι δυνατή η ανάγνωση ιδιοτήτων και. Εκτός από αυτές τις πληροφορίες εξάρτησης, έχουν προστεθεί στα μεταδεδομένα, επιλογείς περιεχομένου, Υπηρεσία Γωνιακής Γλώσσας. Υποστηρίζει την επέκταση του ακριβούς εύρους κόστους στην έκφραση μικροσύνθεσης ExpressionBinding στο ParsedProperty, το οποίο με τη σειρά του μπορεί να επεκτείνει το εύρος σε πρότυπο AST (τόσο VE όσο και Ivy).
Ngcc. Αυτή η λειτουργία έχει προστεθεί έτσι ώστε ένα πρόγραμμα αναζήτησης σημείου εισόδου να μπορεί να ξεκινήσει με βάση ένα πρόγραμμα που έχει δημιουργηθεί μόνο για τον χειρισμό των σημείων εισόδου που ορίζει το πρόγραμμα από το αρχείο tsconfig.json θα έχει την πρόσβαση. Αυτή η δυνατότητα καταλύει τη διαδικασία των εξαρτήσεων με λίγα σημεία εισόδου που εισάγονται στο προϊόν. Η κανονική διαδρομή πακέτου και το σημείο εισόδου μπορούν να παραμείνουν εκτός του αρχείου, οπότε αυτό βοηθά να απαλλαγούμε από κενές συστοιχίες.
Βελτίωση παραγωγικότητας . Αυτό λειτούργησε μειώνοντας τον όγκο του σημείου εισόδου. Και ένα άλλο πλεονέκτημα είναι ότι η προσωρινή αποθήκευση εξαρτήσεων πραγματοποιείται στο μανιφέστο σημείου εισόδου και οι πληροφορίες προέρχονται από εκεί, αντί να πραγματοποιούνται υπολογισμοί κάθε φορά. Αυτό που έπρεπε να γίνεται κάθε φορά είναι ότι ένα πρόγραμμα ανίχνευσης δημιουργήθηκε και τώρα γίνεται μόνο όταν απαιτείται στο TargetEntryPointFinder.
Typescript 3.9. Το TypeScript είναι μια γλώσσα που βασίζεται σε JavaScript, αλλά με σύνταξη για δηλώσεις τύπου και σχολιασμούς. Αυτή η έκδοση του TypeScript, εκτός από τον έλεγχο σφαλμάτων, συνεργάζεται με τον μεταγλωττιστή για τη δομή, επιταχύνει τα πάντα και ομαλοποιεί τη λειτουργία του.
Τοπικοποίηση. Μία από τις καλύτερες δυνατότητες Αυτή η έκδοση του Angular είναι η δυνατότητα συγχώνευσης πολλών εγγράφων μετάφρασης, ενώ οι προηγούμενες εκδόσεις κατέβασαν μόνο ένα αρχείο. Δηλαδή, οι προγραμματιστές μπορούν πλέον να συνδυάζουν μεταφράσεις εγγράφων χρησιμοποιώντας ένα αναγνωριστικό μηνύματος. Για να το κάνετε αυτό, πρέπει να μετακινήσετε το έγγραφο ως το πιο σημαντικό στην πρώτη μετάφραση και άλλα σε αργότερα.
Δρομολογητής. Ο προφυλακτήρας ασφαλείας CanLoad μπορεί πλέον να επιστρέψει στο Urltree στη γωνιακή έκδοση 10. Ο προφυλακτήρας CanLoad που επέστρεψε από το Urltree ακυρώνει την προηγμένη πλοήγηση και βοηθά στην ανακατεύθυνση των δεδομένων. Αυτό συμβαδίζει με την τρέχουσα συμπεριφορά των διαθέσιμων υπερασπιστών του CanActivate, οι οποίοι προφανώς προστίθενται επίσης.
Πυρήνας. Όλες οι προειδοποιήσεις θα διαβαστούν τώρα ως σφάλματα. Αυτό δεν είναι κακό χαρακτηριστικό, αλλά μπορεί να παίξει εργαλεία που δεν περιμένουν τίποτα να καταγραφεί μέσω του console.error. Αυτή η νέα έκδοση του Generic καθιστά υποχρεωτικό για το ModuleWithProviders να συνεργάζεται με τον αγωγό συλλογής και απόδοσης Ivy. Αυτό διασφαλίζει ότι εάν ο προγραμματιστής χρησιμοποιεί τη μηχανή προβολής, δεν εκδίδεται σφάλμα κατασκευής.
Μετατροπή κώδικα σε Ivy. Όλες οι εξαρτήσεις από το Ivy από το npm πρέπει να μετατραπούν σε εξαρτήσεις του Ivy, οι οποίες θα πρέπει να εμφανίζονται ως πρόδρομος της εκτέλεσης ngtsc στην εφαρμογή. Στη συνέχεια, όλες οι μελλοντικές εργασίες συλλογής και δέσμευσης πρέπει να γίνουν προς την κατεύθυνση του μετασχηματισμού εκδόσεων εξαρτήσεων.
Συμπέρασμα
Σε αυτό το άρθρο, έγραψα τους λόγους για τους οποίους το Angular είναι ακόμα καλύτερο από το AngularJS. Δεν ήθελα να πείσω τον καθένα να ξεχάσει το AngularJS και να πάει στο Angular 10. Όχι, κάθε πλαίσιο είναι καλύτερο σε κάτι. Τώρα το Angular 10 διαθέτει όλες τις δυνατές δυνατότητες για τη δημιουργία αξεπέραστων έργων, αλλά μην ξεχνάτε ότι ένα ή δύο χρόνια και η νέα έκδοση θα είναι ακόμα καλύτερη από αυτήν. Η συμβουλή μου - μάθετε όσο το δυνατόν περισσότερο, όλες οι εκδόσεις των πλαισίων θα είναι χρήσιμες.
Βίντεο YouTube: Γιατί πρέπει να αναβαθμίσετε την εφαρμογή σας από AngularJS σε Angular
