שלום חבריי היקרים! היום נדבר על היתרונות של Angular. אם אתה משתמש ב- AngularJS, עליך לעבור מ- AngularJS ל- Angular. למה? קרא את המאמר הזה ובחר את המסגרת הטובה ביותר.
מה זה AngularJS?
לפני שנדבר על שתי המסגרות הללו, בואו להבין מי זה מי. AngularJS חוללה מהפכה במסגרות המפתחות יישומי עמוד יחיד (SPA). Angular שוחרר בעזרת גוגל, שעדיין תומכת בכך. והוא שוחרר בשנת 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 new דרך ng new – strict.
הפעלה מאפשרת לך לאתחל מוצר עם הגדרות חדשות לזיהוי טוב יותר של שגיאות ואופטימיזציה נוספת של התוכנית.
היתרונות של Angular 10:
שירות שפה. מהדר שירותי השפה יכול כעת להשתמש ביותר מקובץ בדיקת סוג אחד באמצעות ממשק המוצר שיוצר ScriptInfos במידת הצורך. גם חלק מיישויות ה- HTML, כגון & amp ;, & lt ;, וכו 'מוסרות. זה נעשה על מנת להגן על הבסיס הפנימי של פונקציונליות LS Angular שהיא די תנודתית בביצועים.
תצורת הדפדפן. דפדפנים ישנים ולא פופולריים אינם נכללים כעת ב- Angular 10. זה נעשה כדי לקדם דפדפנים חדשים ונוחים יותר. כמו כן, עדכון זה כולל את תופעת הלוואי של השבתת ה- ES5 לבנות באופן אוטומטי עבור מוצרים חדשים. לשם כך, על המפתח להוסיף את הדפדפנים הנדרשים לקובץ RC .browserslist. כדי לאפשר בניית ES5 וטעינה דיפרנציאלית לדפדפנים.
עדכון מהדר . גם המהדר לא שודרג, בגרסה זו של Angular המפתחים הוסיפו ממשק למהדר לעטוף את מהדר ה- ngtsc בפועל. כמו כן, נוספו מרחבי שמות כך שאפשר לקרוא מאפיינים. בנוסף למידע תלות זה, נוספו בוחרי תוכן, שירות שפה זוויתי, גם למטא נתונים. הוא תומך בהרחבת טווח העלויות המדויק בביטוי ה- microsyntax ExpressionBinding ל- ParsedProperty, אשר בתורו יכול להרחיב את הטווח לתבנית AST (VE ו- Ivy).
Ngcc. תכונה זו נוספה כך שניתן להתחיל תוכנית בדיקת נקודות כניסה על בסיס תוכנית שנוצרת רק כדי לטפל בנקודות הכניסה שהתוכנית הגדירה על ידי קובץ tsconfig.json תהיה הגישה. תכונה זו מזרזת את תהליך התלות עם מעט נקודות כניסה המיובאות למוצר. ניתן להשאיר את נתיב החבילה הרגיל ונקודת הכניסה מחוץ לקובץ, כך שזה עוזר להיפטר ממערכים ריקים.
שפר את הפרודוקטיביות . זה עבד על ידי הפחתת נפח נקודת הכניסה. ויתרון נוסף הוא שמטמון התלות מתרחש במניפסט נקודת הכניסה והמידע מגיע משם, במקום לעשות חישובים בכל פעם. מה שהיה נהוג לעשות בכל פעם הוא שהסורק הופעל באופן מיידי וכעת הוא נעשה רק בעת הצורך ב- TargetEntryPointFinder.
סוג כתב 3.9. TypeScript הוא שפה המבוססת על JavaScript, אך עם תחביר להצהרות והערות סוגים. גרסה זו של TypeScript, בנוסף לבדיקת שגיאות, עובדת עם המהדר למבנה, מזרז הכל ומנרמל את פעולתו.
לוקליזציה. אחת התכונות הטובות ביותר ב- גרסה זו של Angular היא היכולת למזג מסמכי תרגום מרובים, בעוד שגרסאות קודמות הורידו רק קובץ אחד. כלומר, מפתחים יכולים כעת לשלב תרגומי מסמכים באמצעות מזהה הודעה. לשם כך עליך להעביר את המסמך כחשוב ביותר לתרגום הראשון, ואחרים למאוחר יותר.
נתב. מאבטח ה- CanLoad יכול כעת לחזור ל- Urltree בגרסת פינה 10. שומר ה- CanLoad שהוחזר על ידי Urltree מבטל ניווט חדיש ומסייע להפניית הנתונים. זה עולה בקנה אחד עם ההתנהגות הנוכחית של מגיני ה- CanActivate הזמינים, אשר ככל הנראה מתווספים.
Core. כל האזהרות נקראות כעת כשגיאות. זו לא תכונה גרועה, אך היא יכולה לשחק בכלים שלא מצפים שיירשם שום דבר באמצעות console.error. הגרסה החדשה הזו של Generic מחייבת את ModuleWithProviders לעבוד עם צינור האוסף והעיבוד של אייבי. זה מבטיח שאם היזם משתמש במנוע הצפייה, לא תונפק שום שגיאת בנייה.
המרת קוד ל- Ivy. יש להמיר את כל התלות ב- Ivy מ- npm לתלות של Ivy, שאמורה להתרחש כמבשר להפעלת ngtsc ביישום. בשלב הבא, כל פעולות האוסף והמחייב העתידיות חייבות להיעשות בכיוון של שינוי גרסאות של תלות.
מסקנה
במאמר זה כתבתי את הסיבות שבגללן Angular עדיף על AngularJS. לא התכוונתי לשכנע את כולם לשכוח את AngularJS וללכת ל- Angular 10. לא, כל מסגרת טובה יותר במשהו. עכשיו ל- Angular 10 יש את כל התכונות האפשריות ליצירת פרויקטים ללא תחרות, אך אל תשכח ששנה-שנתיים והגרסה החדשה יהיו אפילו טובים יותר מכך. העצה שלי - למדו כמה שיותר, כל הגרסאות של המסגרות יהיו שימושיות.
סרטון יוטיוב: מדוע כדאי לשדרג את האפליקציה שלך מ- AngularJS ל- Angular
