AngularJs vs Angular 2 va 4-burchak!

Kirish:

AngularJs chiqqandan keyin frontend rivojlanishida inqilob qildi. Bu ishlab chiquvchilarga veb-ilovalarda dinamik ko'rinishni boshqarish uchun ko'proq imkoniyat berdi. Ko'proq boshqarish bilan bir qatorda, u yana ko'pgina foyda keltirdi:

· Bu ishlab chiqaruvchiga yagona sahifa ilovasini juda barqaror tarzda ishlab chiqishga imkon beradi.

Birlikni sinovdan o'tkazish AngularJs-da ishlab chiqilgan ilovada qo'llanilishi mumkin.

Agar AngularJs bilan yozilgan bo'lsa, kod kamaytiriladi.

· Va eng muhimi, mavjud tarkibiy qismlardan qayta foydalanish imkoniyatini beradi.

Shunga qaramay, hech narsa mukammal emasligi sababli, uning ba'zi kamchiliklari ham bor, masalan.

· Agar u JavaScript-ni o'chirib qo'ysa, foydalanuvchi shunchaki asosiy sahifani ko'radi.

· AngularJs-da ishlab chiqilgan ilova sizga ko'pgina xavfsizlikni ta'minlamaydi.

Hozirgacha Angularning to'rtta versiyasi chiqarilgan, ammo biz faqat uchta uchta, ya'ni AngularJs, 2-burchak va 4-burchakni muhokama qilamiz.

Farqlar:

AngularJs-dan boshlab, u bir necha yil oldin chiqarilgan. AngularJs butun IT hamjamiyatining e'tiboriga tushdi. Ko'pgina yagona sahifa ilovalari ishlab chiqila boshladi. Biroq, bu yangi texnologiyalarning birinchi versiyasi bo'lganligi sababli, ba'zi kamchiliklarni tuzatish zarurati paydo bo'ldi. Buning uchun o'tgan yili yangi versiya chiqdi va u Angular 2 deb nomlanuvchi bo'lib, u burchakli 1 ning to'liq qayta yozilishidir. Butun arxitekturasi Angular 2-da o'zgartirilgan. Bir muncha vaqt o'tgach, Angular 2-ning yangilangan versiyasi chiqdi va u chiqdi. Burchak 4 deb nomlanuvchi 3-raqamli burchak versiya raqamlaridagi ixtiloflar tufayli o'tkazib yuborildi. Uchala versiyani taqqoslashga kelsak.

AngularJS va Angular 2 o'rtasidagi farq har qanday ramka va ya'ni arxitekturaning boshidan boshlanadi. AngularJS MVC arxitekturasiga asoslangan, Angular 2 esa xizmat / boshqaruvchi arxitekturasiga ega. Har qanday dasturni AngularJS-dan Angular 2-ga o'tkazish uchun to'liq kodni qayta yozishdan boshqa ilojingiz yo'q.

2-burchak va 4-burchakning arxitekturalariga kelsak, ular bitta osmon ostida, ammo ishlash va samaradorlik 4-burchakning rivojlanishida asosiy omil bo'ldi, tarkibiy qismlardan ishlab chiqarilgan kod 60 ga tushirildi. 4-burchakda%, bu uni tezlashtiradi. Ikkinchidan, u disk raskadrovka uchun ham ishlatilishi mumkin.

Atrof-muhitni sozlash masalasiga kelsak, AngularJS-da bu osonroq edi, chunki biz kutubxonaga havolani qo'shishimiz kerak, lekin 2-burchakda u boshqa ba'zi kutubxonalarga bog'liq bo'lib, ozgina kuch sarflaydi.

AngularJS kontroller va $ ko'lamini ishlatadi, Angular2 esa komponentlar va direktivalarni ishlatadigan juda boshqacha tushunchaga ega.

AngularJS 'ng-model' kabi o'rnatilgan ko'rsatmalar uchun camelCase sintaksisini ishlatmaydi, lekin Angular2 camelCase sintaksisini, masalan 'NgModel'

Skript tiliga kelsak, AngularJS JavaScript-ni, burchakli 2 va 4-burchak esa Typecript ni ishlatadi. Typcript - bu Javascriptning quyi qismidir. Burchak 4, Typecript ning so'nggi 2.1 va 2.2 versiyalariga mos keladi.

Angular2 yordamida UI komponentlarining moslashuvchanligi va qayta ishlatilishi oshdi. 2-burchak va 4-burchak, asosan, tarkibiy qismlarga asoslangan foydalanuvchi interfeyslarini (UI) ta'minlaydi; istalgan vaqtda biz istalgan vaqtda foydalanuvchi interfeysidan qayta foydalanishimiz va qo'ng'iroq qilishimiz mumkinligini anglatadi. Shuning uchun talablar bir nechta tarkibiy qismlarga bo'linishi mumkin va keyin ushbu komponentlar istalgan vaqtda butun dasturning istalgan joyida ishlatilishi mumkin. Holbuki AngularJS-da komponentlar singari moslashuvchan bo'lmagan kontrolör tushunchasi paydo bo'ldi.

Bundan tashqari, 2-burchakda bizda HTML-ni server tomonida ko'rsatish vazifasi yuklatildi, bu esa bitta sahifali SEO-ilovani qulay qilishga yordam berdi.

Marshrutlash 4-raqamli burchakda tizimli ravishda amalga oshirildi. Ilgari, oddiy ob'ektlar marshrutlash uchun ishlatilgan, ammo hozirda tegishli usullar joriy qilingan, chunki uni marshrutlash usullari qabul qiladigan parametrlar oddiygina 'string' turiga kiradi.

Bundan tashqari, animatsiyalar uchun alohida paket taqdim etildi, bu esa dastur ish faoliyatini yaxshilagan. Dastlab AngularJS animatsion qismni o'z ichiga oladi, u dastur tomonidan ishlatiladimi yoki yo'qmi, lekin hozir u ixtiyoriy ravishda qilingan va to'plam hajmini kamaytiradi, bu esa natijaga ijobiy ta'sir qiladi.

Va nihoyat, eng ahamiyatlisi, "ngif" 4-chi burchakda "boshqa" iborasi bilan kiritilgan. Shu sababli, ishlab chiqaruvchiga bitta holatda ko'proq nazorat berildi, bu ba'zan kod hajmini kamaytirishga yordam beradi yoki ba'zan mantiqni soddalashtiradi.

Xulosa:

Burchak butun boshli rivojlanishning yo'nalishini o'zgartirdi. Bu dasturlarni yanada moslashuvchan, tezkor va qayta ishlatishga imkon yaratdi. Angularning keyingi versiyalari bilan ko'proq IT-sanoat unga tomon o'zgaradi deb umid qilaman.