Садржај
- 01. Покрените проверу верзије
- 02. Инсталирајте Ангулар
- 03. Направите костур пројекта
- 04. Оптерећење диференцијала упртача
- 05. ... и погледајте резултате
- 06. Мрежа мрежног радника
- 07. Истражите код
- 08. Поставите скелу
- 09. Не брините због недостатка конструктора
- 10. Извршите мали поступак компајлирања
- 11. ... и пронађите излаз
- 12. Крените на посао
- 13. Истражите Иви
- 14. Покушајте са измењеном нг обрадом
- 15. Уживајте у побољшаној миграцији
- 16. Истражите контролу радног простора
- 17. Убрзати процес
- 18. Избегавај ходајуће мртве
- 19. Погледајте дневник промена
Ангулар 8 је најновија верзија Гоогле-овог Ангулар-а - једног од најбољих ЈаваСцрипт оквира. У овом чланку ћемо проћи кроз оно што је посебно у Ангулар 8 и показати вам како да започнете. Прво, кратак осврт на оно што се до сада догодило са оквиром.
Увођење Ангулала довело је до промене парадигме у веб развоју: док се већина библиотека ограничила на пружање подршке програмерима са релативно ограниченим архитектонским утицајем, тим програмера Ангулар кренуо је у другом смеру. Њихов производ вас приморава да користите одређену архитектуру, са одступањима у распону од тешких до комерцијално бесмислених. У ствари, већина кутова Ангулар пролази кроз релативно сложен ланац за транспилацију пре него што икада погоди прегледач.
Захваљујући огромном успеху компаније Ангулар, како унутар тако и изван компаније Гоогле Инц, развој се, у великој мери, стабилизовао. То значи да је промена преломних кодова мало, док су полугодишње надоградње усредсређене на прилагођавање оквира променама у прегледу веб-прегледа.
На пример, у случају Ангулар 8, постављен је нови ЈаваСцрипт компајлер (мада и даље експериментално). Оптимизира генерисани код компатибилности да буде знатно мањи и бржи на штету старијих прегледача. Поред тога, подршка за Веб Воркер интегрисана је како би се повећала способност обраде компаније Ангулар. Укратко, има се шта видети - па заронимо одмах.
Ако бисте радије дизајнирали веб локацију без кода, испробајте једног од ових једноставних креатора веб страница. А да би ствари текле глатко, исправите услугу веб хостинга.
01. Покрените проверу верзије
Ангулар-ов ланац алата живи у окружењу НодеЈС. Од писања овог чланка потребан је Ноде.јс 10.9 или новији - ако се нађете на старијој верзији, посетите веб локацију Ноде.јс и набавите надоградњу. Доњи код приказује статус верзије на овом рачунару.
тамхан @ ТАМХАН18: ~ $ ноде -в в12.4.0 тамхан @ ТАМХАН18: ~ $ нпм -в 6.9.0
02. Инсталирајте Ангулар
Ланчани алат Ангулар-а налази се у услужном програму командне линије са именом нг. Може се инсталирати путем добро познатог НПМ-а.
тамхан @ ТАМХАН18: ~ $ судо нпм инсталл -г @ ангулар / цли тамхан @ ТАМХАН18: ~ $ нг верзија
Будите опрезни и одговорите на питање приказано на доњој слици.
Избацивање информација о верзији из алата је прилично тешко - не само да је синтакса јединствена, већ је и исход детаљан (погледајте слику доле).
03. Направите костур пројекта
нг генерише Кутну скелу за нас. У следећим корацима желимо да додамо рутирање и да користимо Сасс за ЦСС транспилацију. Ако примена из неког разлога не успе, испразните радни директоријум и поново покрените нг са правима суперкорисника.
тамхан @ ТАМХАН18: ~ $ мкдир ангуларспаце тамхан @ ТАМХАН18: ~ $ цд ангуларспаце / тамхан @ ТАМХАН18: ~ / ангуларспаце $ нг нови раднички тест
04. Оптерећење диференцијала упртача
Нова верзија Ангулар-а оптимизује повратни код компатибилности ради смањеног утицаја - датотека звана листа прегледача омогућава вам да одлучите који прегледачи ће бити подржани. Отвори листа прегледача и уклони реч не испред ИЕ 9 до ИЕ11.
. . . > 0,5% последње 2 верзије Фирефок ЕСР није мртав ИЕ 9-11 # За подршку за ИЕ 9-11 уклоните „нот“.
05. ... и погледајте резултате
Наручите компајлирање пројекта, промените га у фасциклу дистрибуције и очистите непотребне датотеке мапе.
тамхан @ ТАМХАН18: ~ / ангуларспаце / воркертест $ судо нг буилд тамхан @ ТАМХАН18: ~ / ангуларспаце / воркертест / дист / воркертест $ лс
Позовите дрво да бисте видели резултате - нг креира више верзија различитих кодних датотека (погледајте слику испод).
06. Мрежа мрежног радника
Интернет радници пуштају ЈаваСцрипт да уђе у последњу границу нативних апликација: масовно паралелна обрада задатака. Уз Ангулар 8, веб радник може се створити из удобности нг услужни програм командне линије.
тамхан @ ТАМХАН18: ~ / ангуларспаце / воркертест $ судо нг генериши веб-воркер миворкер ЦРЕАТЕ тсцонфиг.воркер.јсон (212 битес) ЦРЕАТЕ срц / апп / миворкер.воркер.тс (157 битес) УПДАТЕ тсцонфиг.апп.јсон (236 битес ) АЖУРИРАЊЕ ангулар.јсон (3640 бајтова)
07. Истражите код
нгРезултат ће на први поглед изгледати застрашујуће. Отварање датотеке срц / апп / миворкер.воркер.тс у одабраном уређивачу кода открива код који бисте требали добро знати из ВебВоркер спецификација. У принципу, радник прима поруке и обрађује их по потреби.
/// референце либ = "вебворкер" /> аддЕвентЛистенер (’мессаге’, ({дата}) => {цонст респонсе = `одговор радника на $ {дата}`; постМессаге (респонсе);});
08. Поставите скелу
Угаоне апликације састоје се од компонената. Отпуштање нашег веб радника најбоље је обавити унутар АппЦомпонент, који је проширен тако да укључује слушаоца за ОнИнит догађај. За сада ће емитирати само информације о статусу.
увоз {Цомпонент, ОнИнит} из ’@ ангулар / цоре’; @Цомпонент ({...}) Класа извоза АппЦомпонент имплементира ОнИнит {титле = 'воркертест'; нгОнИнит () {цонсоле.лог ("АппЦомпонент: ОнИнит ()"); }}
09. Не брините због недостатка конструктора
Искусни програмери ТипеСцрипт-а се питају зашто наш код не користи конструктор који пружа програмски језик. Разлог томе је тај нгОнИнит је догађај животног циклуса који се активира кад год се догоди догађај иницијализације - ово не мора бити повезано са позивањем класе.
10. Извршите мали поступак компајлирања
У овом тренутку, програм је спреман за покретање. Извршићемо је са сервера унутар нг, на који се може позвати преко наредбе серве. Леп аспект овог приступа је тај што програм детектује промене и поново компајлира пројекат у лету.
тамхан @ ТАМХАН18: ~ / ангуларспаце / воркертест $ судо нг серве
Погледајте слику да бисте то видели на делу на слици испод.
11. ... и пронађите излаз
нг служи путпут даје адресу свог локалног веб сервера, што је обично хттп: // лоцалхост: 4200 /. Отворите веб страницу и отворите алате за програмере да бисте видели излаз статуса. Имајте то на уму конзола.лог избацује податке на конзолу прегледача и оставља нетакнуту конзолу инстанце НодеЈС.
12. Крените на посао
У овом тренутку креирамо инстанцу радника и пружамо јој поруку. Резултати се затим приказују у конзоли прегледача.
иф (типеоф Воркер! == ’ундефинед’) {// Направи нови цонст воркер = нев Воркер (’./ миворкер.воркер’, {типе: ’модуле’}); воркер.онмессаге = ({дата}) => {цонсоле.лог (’страница је добила поруку: $ {дата }’); }; воркер.постМессаге (’здраво’); } елсе {цонсоле.лог ("Нема подршке за раднике"); }
13. Истражите Иви
Будуће верзије Ангулар-а користиће напреднији компајлер, што доводи до још мањих приказа. Иако производ још није готов, преко њега се може изродити костур са бршљаном нови иви-пројекат - енабле-иви. Алтернативно, промените поставке компајлера као што је приказано у исечку.
"ангуларЦомпилерОптионс": {"енаблеИви": труе}
Реч упозорења: Бршљан доводи до невероватних смањења величине, али није бесплатан. Производ тек треба да се стабилизује, па се не препоручује употреба у продуктивном окружењу.
14. Покушајте са измењеном нг обрадом
Ангулар’с нг Алат за командну линију неко време је интерно користио подређене скрипте. Угаони 8 увећава анте у томе што сада такође можете да користите ову функцију за покретање сопствених задатака док се ваша апликација саставља и компајлира.
"арцхитецт": {"буилд": {"буилдер": "@ ангулар-девкит / буилд-ангулар: бровсер",
Једна уредна апликација нг скрипте укључује директно отпремање апликација на услуге у облаку. Гит спремиште пружа корисну скрипту која отпрема ваше дело на Фиребасе налог.
15. Уживајте у побољшаној миграцији
Програмери који се мигрирају са Ангулар 1.к-а, познатог и као АнгуларЈС, имали су поприличан број проблема у покретању навигатора како треба у „комбинованим“ апликацијама. Нова Унифиед Лоцатион Сервице има за циљ да овај процес учини лакшим.
16. Истражите контролу радног простора
Велики пројекти имају користи од могућности динамичке промене структуре радног простора. То се постиже путем новог АПИ-ја Воркспаце представљеног у програму Ангулар 8.0 - исечак који прати овај корак пружа брзи преглед понашања.
асинц функција демонстрирај () {цонст хост = радни простори. цреатеВоркспацеХост (нови НодеЈсСинцХост ()); цонст радни простор = чека радне просторе. реадВоркспаце (’патх / то / воркспаце / дирецтори /’, хост); цонст пројецт = радни простор.пројекти. гет (’моја-апликација’); цонст буилдТаргет = пројецт.таргетс. гет (’буилд’); буилдТаргет.оптионс.оптимизатион = труе; чекајте воркспацес.вритеВоркспаце (радни простор, хост); }
17. Убрзати процес
Изградња великих база ЈаваСцрипт кода постаје заморна. Будуће верзије АнгуларЈС ће користити Гоогле-ов систем за изградњу Базел да би убрзале процес - нажалост, у време писања овог текста није био спреман за почетни период.
18. Избегавај ходајуће мртве
Иако Гоогле изузетно пази да не разбије код, неке функције једноставно треба уклонити јер више нису потребне. Погледајте ову листу амортизација да бисте сазнали више о карактеристикама које треба избегавати.
19. Погледајте дневник промена
Као и увек, један чланак никада не може донети правду за цело издање. Срећом, овај дневник промена садржи детаљан списак свих промена - само у случају да вам се икад прохте пулс функције која вам је посебно драга.
Имате пуно датотека спремних за отпремање на вашу веб локацију? Направите их сигурносне копије у најпоузданијем складишту у облаку.
Овај чланак је првобитно објављен у часопису креативног веб дизајна Веб дизајнер.
