AngularJs супраць Angular 2 супраць Angular 4!

Уводзіны:

AngularJs зрабіла рэвалюцыю ў развіцці інтэрфейсу пасля яго вызвалення. Гэта дало распрацоўнікам большы кантроль над дынамічнымі праглядамі ў вэб-дадатках. Разам з большым кантролем ён прыносіў значна больш карысці:

· Гэта дазваляе распрацоўшчыку распрацоўваць прыкладанне Адзіная старонка вельмі даступным спосабам.

· Блакаванне тэсціравання прымяняецца ў дадатку, які распрацаваны ў AngularJs.

· Код зведзены да мінімуму, калі ён напісаны ў AngularJs.

· І апошняе, але не ў апошнюю чаргу, гэта дазваляе паўторна выкарыстоўваць існуючыя кампаненты.

Тым не менш, паколькі нічога не ідэальна, гэта мае і некаторыя недахопы, напрыклад,

· Карыстальнік будзе проста бачыць асноўную старонку, калі ён адключае JavaScript.

· Дадатак, распрацаванае ў AngularJs, не дае вам столькі бяспекі.

Да гэтага часу былі выпушчаныя чатыры версіі Angular, але мы абмяркуем толькі першыя тры, т. Е. AngularJs, Angular 2 і Angular 4.

Адрозненні:

Пачынаючы з AngularJs, ён быў выпушчаны пару гадоў таму. AngularJs прыцягнуў увагу ўсёй ІТ-супольнасці. Шмат прыкладанняў для адной старонкі пачалі развівацца. Аднак гэта была першая версія новай тэхналогіі, таму ўзнікла неабходнасць у яе выпраўленні. Для гэтага ў мінулым годзе была выпушчана новая версія, яна атрымала назву Angular 2. Гэта поўная перапісванне Angular 1. Уся архітэктура была зменена на Angular 2. Праз некаторы час была выпушчана абноўленая версія Angular 2, і яна вядомы як Angular 4. Angular 3 быў прапушчаны з-за канфліктаў з нумарам версіі. Пераходзім да параўнання ўсіх трох версій.

Розніца паміж AngularJS і Angular 2 пачынаецца з самага пачатку любой асновы, гэта значыць архітэктуры. AngularJS заснаваны на архітэктуры MVC, тады як Angular 2 мае архітэктуру абслугоўвання і кантролера. Каб перанесці любое прыкладанне з AngularJS на Angular 2, у вас няма магчымасці акрамя як перапісаць поўны код.

Што тычыцца архітэктур Angular 2 і Angular 4, яны знаходзяцца пад адным небам, але прадукцыйнасць і эфектыўнасць былі галоўным фактарам развіцця Angular 4. Код, які ствараецца з кампанентаў, быў зніжаны да 60 % у Angular 4, што робіць яго хутчэй. Па-другое, ён таксама можа быць выкарыстаны ў мэтах адладкі.

Што тычыцца стварэння навакольнага асяроддзя, то ў AngularJS гэта было больш проста, бо нам проста трэба дадаць спасылку на бібліятэку, а вось у Angular 2, гэта залежыць ад некаторых іншых бібліятэк, што патрабуе мала намаганняў.

AngularJS выкарыстоўвае кантролер і $ range, тады як Angular2 мае зусім іншую канцэпцыю, якая выкарыстоўвае кампаненты і дырэктывы.

AngularJS не выкарыстоўвае сінтаксіс camelCase для ўбудаваных дырэктыў накшталт "ng-model", але Angular2 выкарыстоўвае сінтаксіс camelCase, напрыклад. 'NgModel'

Набліжаючыся да мовы сцэнарыяў, AngularJS выкарыстоўвае JavaScript, тады як Angular 2 і Angular 4 выкарыстоўвае Typescript. Машынны тэкст - гэта суперсэт JavaScript. Angular 4 сумяшчальны з найноўшымі версіямі Typescript, якія складаюць 2.1 і 2.2.

З дапамогай Angular2, гнуткасць і выкарыстанне кампанентаў інтэрфейсу павялічылася. Angular 2 і Angular 4 у асноўным забяспечвае карыстацкі інтэрфейс (UI) на аснове кампанентаў; азначае, што мы можам паўторна выкарыстоўваць і выклікаць любы неабходны кампанент карыстацкага інтэрфейсу ў любы час. Такім чынам, патрабаванні можна падзяліць на некалькі кампанентаў, і тады гэтыя кампаненты можна выкарыстоўваць у любы час у любым месцы прыкладанні. У той час як у AngularJS было ўведзена паняцце кантролера, якое было не настолькі гнуткім, як кампанент.

Акрамя таго, у Angular 2 нам было даручана прадставіць HTML на баку сервера, што дапамагло зрабіць прыкладанне адзінай старонкі SEO зручным.

Маршрутызацыя была зроблена структурнай у Angular 4. Раней простыя аб'екты выкарыстоўваліся для мэт маршрутызацыі, але цяпер былі ўведзены адпаведныя метады, якія зрабілі яе больш арганізаванай і больш зразумелай, так як параметры, якія цяпер прымае метад маршрутызацыі, проста тыпу "string".

Акрамя таго, для анімацыі быў уведзены асобны пакет, які павысіў прадукцыйнасць прыкладання. Спачатку AngularJS ўключае ў сябе анімацыйную частку, выкарыстоўваецца яна прыкладаннем ці не, але цяпер яна стала неабавязковай і гэта памяншае памер камплекта, што станоўча ўплывае на прадукцыйнасць.

І апошняе, але не менш важнае, «ngif» уводзіцца ў вуглавой форме 4 з заявай «else». Дзякуючы гэтаму, больш кантролю было прадастаўлена распрацоўшчыку ў адзінай умове, што часам дапамагае ў памяншэнні памеру кода, а часам і робіць логіку больш простай.

Выснова:

Кутняя змяніла увесь ход франтальнага развіцця. Гэта зрабіла прыкладанні больш гнуткімі, хуткімі і шматразовымі. Я спадзяюся, што з больш познімі версіямі Angular больш ІТ-індустрыі будзе змяняцца да яго.