Angularjs לעומת Angular2 | מה ההבדל

AnglesJS

במבט לאחור, הייתה לנו ההזדמנות ליצור יישומי אינטרנט מתקדמים מאוד באמצעות ממשק ה- API הטהור של JavaScript, אך היה קשה מאוד לשמור על קוד המקור ולבדוק את הכל. ואז בשנת 2010 AngularJS JavaScript הוצג כמסגרת MVW. לעץ היו יתרונות גדולים שגרמו לאנשים לאהוב אותו:

  • יצירת קוד הייתה מהירה מאוד
  • קל לבדוק כל אפליקציה
  • גוגל עמדה מאחורי הפרויקט

ישנם דברים אחרים שיכולים להפוך את הפינה נהדרת עבור מתכנתים. הראשון הוא קישור נתונים דו כיווני. יש לו את היכולת להציג מידע ששונה ב- JavaScript להצגה אוטומטית בממשק המשתמש. בתחילה, הדבר הקל על פיתוח קל יותר, מכיוון שלא היה צורך בקידוד נוסף מלבד קישור בקר HTML. היתרון השני למתכנתים Angular הוא ההוראות. הם נקודת המוצא של כל החלקים שאנו רואים בחלק המודרני. הוראות איפשרו לנו להשתמש ולפענח קוד זה יותר מתמיד. AngularJS אילץ את הזרקת ההתמכרות, מה שעזר ללעוג להתמכרות. המראה שלה בפריים הוא צעד גדול קדימה בבדיקת תוכנת Angular.

כל היתרונות הללו הובילו יותר ויותר חברות לכתוב את היישומים שלהן מפתרונות אחרים מבוססי ספריה ל- AngularJS.

זווית 2

AngularJS היא דרך נהדרת לבנות אפליקציה או MVP. עם עליית הפופולריות והתוספת של פיצ'רים נוספים לתכונות העיקריות, צוות Angular החליט לשכתב את המסגרת המקורית על ידי הצגת Angular 2. יש "Angular 2" ו- "AngularJS" חולקים רק דבר אחד: שם. יש מסלול ng (נקרא ng-modernization) מ- AngularJS ל- Angular 2. עם זאת, זווית 2 היא עדיין מסגרת חדשה החולקת חלק מהמושגים של קודמותיה.

כל מושג מבנה היישום השתנה בפינה 2. בעבר זו הייתה מסגרת MVC שאפשרה לך ליצור תוכניות בצורה של אובייקטים מחוברים זה לזה, כמו בקרים, תצוגות, שירותים וכן הלאה. כל הארכיטקטורה של AngularJS הייתה כדלקמן:

אדריכלות img - ng1

כעת מושג ההנחיות הובא אל תקן רכיב האינטרנט ושיטת React לתכנות. זה בערך הרכיבים בפינה 2. משמעות הדבר היא שהתוכנית כולה היא כעת רכיב והיא מכילה מערך רכיבים שונה (שניתן לשנות). זה מסתיים במבנה דמוי עץ:

ארכיטקטורת img - ng2

מטרת ארכיטקטורת היישומים של Angular 2 היא ליצור כמה שיותר חלקים מחוברים זה לזה.

והכי חשוב, יש שתי דרכים ליצור רכיבים:

  • רכיבים חכמים: הם יודעים על מצב התוכנית ויכולים ליצור קשר עם השירותים כדי לקבל או לשנות מידע.
  • רכיבים מטומטמים: עליהם להיות רק כניסות ויציאות. כשמספקים ערכי קלט, הם מוכנים לפריסה בכל מקום (או אפילו מחוץ למערכת) והם לא צריכים להיות מודעים למצב היישום.

עובד

בעל עץ רכיב כזה גורם לשינוי עצום בביצועים. מטרת AngularJS לא הייתה ליצור את המסגרת היעילה ביותר, אבל הדבר הקל ביותר לעשות היה לכתוב. ככל שהביצועים הפכו לבעייתיים יותר, הוצגה Angular 2 כדי לטפל בנושא. ל- AngularJS היה מחזור עיכול שאיפשר לשינויים לעלות ולרדת. בזווית 2, בתורו, יש גרף מכוון של הרכיבים, אשר נבדקים תמיד פעם אחת (מהשורש לעלים דרך שביל מעבר יחיד). לדברי חברי צוות הליבה של Angular, שינויים אלה גורמים ליישומי Angular 2 להריץ פי 3-10 מהיישומים האחרונים מבוססי AngularJS.

מערכת אקולוגית

פורסם במקור באתר www.laravelfeed.com.