Здравейте, скъпи мои приятели! Днес ще говорим за ползите от 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 заема по-малко място от своите предшественици. Новите функции, които са добавени в този сорт, са подобрен избор на обхват на дата в Angular Material и предупреждения за импортиране на 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 ;, и т.н. Това беше направено, за да се защити вътрешната основа на функционалността Angular LS, която е доста нестабилна по производителност.
Конфигурация на браузъра. Старите и непопулярни браузъри вече са изключени от Angular 10. Това се прави с цел популяризиране на по-нови и по-удобни браузъри. Също така тази актуализация включва страничния ефект от деактивирането на автоматичното изграждане на ES5 за нови продукти. За целта разработчикът трябва да добави необходимите браузъри към RC файла .browserslist. за активиране на ES5 компилации и диференциално зареждане за браузъри.
Актуализация на компилатора . Компилаторът също не беше надстроен, в тази версия на Angular разработчиците добавиха интерфейс за компилатора, за да обгърнат действителния компилатор ngtsc. Пространства от имена също са добавени, така че свойствата и да могат да се четат. В допълнение към тази информация за зависимост, към метаданните са добавени и селектори за съдържание, Angular Language Service. Той поддържа разширяване на точния диапазон на разходите в израза за микросинтаксис ExpressionBinding до ParsedProperty, което от своя страна може да разшири обхвата до шаблон AST (както VE, така и Ivy).
Ngcc. Тази функция е добавена, така че програмата за търсене на входна точка може да бъде стартирана въз основа на програма, която е създадена само за обработка на входните точки, които програмата, дефинирана от файла tsconfig.json ще има достъп. Тази функция катализира процеса на зависимости с няколко входни точки, които се внасят в продукта. Нормалният път на пакета и точката на влизане могат да бъдат оставени извън файла, така че това помага да се отървете от празните масиви.
Подобряване на производителността . Това работи чрез намаляване на обема на входната точка. И още един плюс е, че кеширането на зависимости се извършва в манифеста на входната точка и информацията идва от там, вместо да се правят изчисления всеки път. Това, което се правеше всеки път, е, че е създаден екземпляр на робот, а сега това се прави само когато е необходимо в TargetEntryPointFinder.
Typescript 3.9. TypeScript е език, базиран на JavaScript, но със синтаксис за декларации за типове и пояснения. Тази версия на TypeScript, освен че проверява за грешки, работи с компилатора за структуриране, ускорява всичко и нормализира работата си.
Локализация. Една от най-добрите функции в тази версия на Angular е възможността за обединяване на множество документи за превод, докато предишните версии са изтеглили само един файл. Тоест разработчиците вече могат да комбинират преводи на документи, като използват идентификатор на съобщението. За да направите това, трябва да преместите документа като най-важния към първия превод, а други към по-късния.
Рутер. Охранителят CanLoad вече може да се върне към Urltree в ъглова версия 10. Защитата CanLoad, върната от Urltree, отменя съвременната навигация и помага за пренасочване на данните. Това е в съответствие с текущото поведение на наличните защитници CanActivate, които също очевидно са добавени.
Core. Всички предупреждения вече ще се четат като грешки. Това не е лоша функция, но може да играе инструменти, които очакват нищо да не се регистрира през console.error. Тази нова версия на Generic прави задължителна за ModuleWithProviders работа с Ivy компилация и рендъринг конвейер. Това гарантира, че ако разработчикът използва View Engine, не се издава грешка при изграждането.
Конвертиране на код в Ivy. Всички зависимости на Ivy от npm трябва да бъдат преобразувани в Ivy зависимости, което трябва да се появи като предшественик на стартирането на ngtsc в приложението. След това всички бъдещи операции по компилиране и обвързване трябва да се извършват в посока на трансформиране на версии на зависимости.
Заключение
В тази статия написах причините, поради които Angular все още е по-добър от AngularJS. Не исках да убеждавам всички да забравят за AngularJS и да отидат на Angular 10. Не, всяка рамка е по-добра в нещо. Сега Angular 10 има всички възможни функции за създаване на ненадминати проекти, но не забравяйте, че година-две и новата версия ще бъде дори по-добра от тази. Моят съвет - научете колкото е възможно повече, всички версии на рамки ще бъдат полезни.
YouTube Video.: Защо трябва да надстроите приложението си от AngularJS до Angular
