Мундариҷа
- 01. Тафтиши версияро иҷро кунед
- 02. Angular насб кунед
- 03. Скелети лоиҳаро эҷод кунед
- 04. Борбардории дифференсиалӣ
- 05. ... ва натиҷаҳоро бубинед
- 06. Коргари веб
- 07. Рамзро омӯзед
- 08. Сохтмонҳоро насб кунед
- 09. Аз набудани созанда хавотир нашавед
- 10. Иҷроиши хурди компиляториро иҷро кунед
- 11. ... ва натиҷаро пайдо кунед
- 12. Ба кор расед
- 13. Айвиро биомӯзед
- 14. Коркарди тағирёбандаро санҷед
- 15. Баҳра баред муҳоҷирати беҳтар
- 16. Идоракунии фазои кориро омӯзед
- 17. Равандро суръат бахшед
- 18. Аз мурдагони роҳ роҳ надиҳед
- 19. Ба журнали тағиротҳо нигоҳ кунед
Angular 8 версияи охирини Angular-и Google мебошад - яке аз беҳтарин чаҳорчӯбаи JavaScript дар атрофи он. Дар ин мақола, мо чизҳои махсуси Angular 8-ро иҷро карда, ба шумо нишон медиҳем, ки чӣ гуна оғоз кардан лозим аст. Аввалан, ба таври кӯтоҳ ба қафо нигоҳ кунед, ки бо чаҳорчӯбаи то ба имрӯз чӣ рӯй дода буд.
Ҷорисозии Angular боиси тағирёбии парадигма дар рушди веб гардид: дар ҳоле ки аксар китобхонаҳо бо дастгирии таҳиягароне, ки таъсири меъмории нисбатан маҳдуд доранд, маҳдуд шуданд, гурӯҳи таҳиягарони Angular ба самти дигар рафт. Маҳсулоти онҳо шуморо маҷбур мекунад, ки меъмории мушаххасро истифода баред, ва каҷравӣ аз мушкил то тиҷорати беҳуда. Дар асл, аксар рамзи Angular пеш аз он ки браузерро пахш кунад, тавассути силсилаи василаи нисбатан мураккаби трансплантатсия мегузарад.
Бо сабаби муваффақияти бениҳоят Angular, чӣ дар дохил ва чӣ берун аз Google Inc, рушд ба таври васеъ устувор гардид. Ин маънои онро дорад, ки тағирёбии кодҳо кам аст, дар ҳоле ки такмилдиҳии нимсола ба мутобиқ кардани чаҳорчӯба ба тағирот дар манзараи дидани веб равона карда шудааст.
Масалан, дар мавриди Angular 8, як компилятери нави JavaScript ҷойгир карда шудааст (гарчанде ки ҳоло ҳам таҷрибавӣ бошад). Он рамзи мутобиқати тавлидшударо ба андозаи назаррас хурдтар ва зудтар аз ҳисоби браузерҳои кӯҳна оптимизатсия мекунад. Ғайр аз он, дастгирии Web Worker барои баланд бардоштани қобилияти коркарди Angular муттаҳид карда шудааст. Хулоса, бисёр чизҳоро дидан мумкин аст - пас биёед рост ба он ғарқ шавем.
Агар шумо мехоҳед сайти бе рамз таҳия кунед, яке аз ин вебсайтсозони осонро санҷед. Ва барои ҳамвортар кардани корҳо, хидмати хостинги вебии худро дуруст кунед.
01. Тафтиши версияро иҷро кунед
Асбоби Angular дар дохили муҳити NodeJS зиндагӣ мекунад. То ин навишта, Node.js 10.9 ё беҳтараш лозим аст - агар шумо худро дар версияи кӯҳна пайдо кунед, ба вебсайти Node.js ворид шавед ва навсозӣ кунед. Рамзи зерин ҳолати версияро дар ин мошин нишон медиҳад.
тамхан @ TAMHAN18: ~ $ node -v v12.4.0 tamhan @ TAMHAN18: ~ $ npm -v 6.9.0
02. Angular насб кунед
Асбоби Angular дар як утилити фармони номгузорӣ ҷойгир аст нг. Он метавонад тавассути NPM маъруф насб карда шавад.
tamhan @ TAMHAN18: ~ $ sudo npm install -g @ angular / cli tamhan @ TAMHAN18: ~ $ ng version
Эҳтиёт бошед, ки ба саволи дар тасвири дар поён овардашуда ҷавоб диҳед.
Гирифтани маълумоти версия аз асбоб хеле мушкил аст - на танҳо наҳвӣ беназир аст, балки натиҷаи он низ возеҳ аст (ба расм нигаред).
03. Скелети лоиҳаро эҷод кунед
нг барои мо skaffolding Angular тавлид мекунад. Дар қадамҳои зерин, мо мехоҳем масирро илова намоем ва Sass -ро барои трансплантатсияи CSS истифода барем. Агар ҷойгиркунӣ бо ягон сабаб ноком шавад, директорияи кориро холӣ кунед ва аз нав оғоз кунед нг бо ҳуқуқҳои superususer.
тамхан @ TAMHAN18: ~ $ mkdir angularspace tamhan @ TAMHAN18: ~ $ cd angularspace / tamhan @ TAMHAN18: ~ / angularspace $ ng workestest new
04. Борбардории дифференсиалӣ
Версияи нави Angular рамзи мутобиқати ақибро барои кам кардани таъсир оптимизатсия мекунад - файл ном дорад рӯйхати браузерҳо ба шумо имкон медиҳад, ки кадом браузерҳоро дастгирӣ кунед. Кушодан рӯйхати браузерҳо ва калимаро хориҷ кунед не дар назди IE 9 то IE11.
. . . > 0.5% 2 версияи охирини Firefox ESR намурдааст IE 9-11 # Барои дастгирии IE 9-11, хориҷ 'not'.
05. ... ва натиҷаҳоро бубинед
Тартиб додани лоиҳа, тағир додан ба ҷузвдони тақсимот ва тоза кардани файлҳои харитаи нолозим.
tamhan @ TAMHAN18: ~ / angularspace / workertest $ sudo ng build tamhan @ TAMHAN18: ~ / angularspace / workertest / dist / workertest $ ls
Барои дидани натиҷа аз дарахт даъват кунед - нг версияҳои гуногуни файлҳои рамзи гуногунро месозад (ба расми поён нигаред).
06. Коргари веб
Коргарони веб ба JavaScript иҷозат медиҳанд, ки ба сарҳади охирини барномаҳои ватанӣ ворид шавад: коркарди параллелии вазифаҳо. Бо Angular 8, коргари вебро метавон аз осоиштагӣ эҷод кард нг утилитаи сатри фармон.
tamhan @ TAMHAN18: ~ / angularspace / workertest $ sudo ng generate web-коргар myworker CREATE tsconfig.worker.json (212 байт) CREATE src / app / myworker.worker.ts (157 байт) UPDATE tsconfig.app.json (236 байт) ) ТАКДИР angular.json (3640 байт)
07. Рамзро омӯзед
нгБаромади эҳтимол дар назари аввал метарсонад. Кушодани файл src / app / myworker.worker.ts дар муҳаррири коди интихобшуда рамзеро нишон медиҳад, ки шумо бояд аз WebWorker мушаххасот. Аслан, коргар паёмҳоро қабул мекунад ва дар мавриди зарурӣ коркард мекунад.
/// reference lib = "webworker" /> addEventListener (’message’, ({data}) => {const response = `посухи коргар ба $ {data} '; postMessage (response);});
08. Сохтмонҳоро насб кунед
Барномаҳои кунҷӣ аз ҷузъҳо иборатанд. Барканор кардани коргари вебии мо беҳтарин дар дохили дохили он анҷом дода мешавад AppComponent, ки васеъ карда шудааст, ба ҳайати шунаванда барои OnInit чорабинӣ. Дар ҳоли ҳозир, он танҳо иттилооти ҳолатро интишор мекунад.
воридоти {Component, OnInit} аз '@ angular / core'; @Component ({..}) Синфи содиротии AppComponent OnInit {title = ’workertest '-ро иҷро мекунад; ngOnInit () {console.log ("AppComponent: OnInit ()"); }}
09. Аз набудани созанда хавотир нашавед
Таҳиягарони ботаҷрибаи TypeScript аз худ мепурсанд, ки чаро рамзи мо созандаи бо забони барномасозӣ пешбинишударо истифода намекунад. Сабаби он дар он аст ngOnInit ин як ҳодисаи давраи ҳаёт аст, ки ҳар гоҳе ки ҳодисаи ибтидоӣ рух диҳад, оташ зада мешавад - ин ба даъвати синфӣ алоқамандӣ надорад.
10. Иҷроиши хурди компиляториро иҷро кунед
Дар айни замон, барнома омода аст, ки иҷро шавад. Мо онро аз сервер дар дохили иҷро хоҳем кард нг, ки онро тавассути фармони сервис метавон даъват кард. Ҷанбаи тозаи ин равиш аз он иборат аст, ки барнома тағиротро ошкор мекунад ва лоиҳаро ҳангоми фаврӣ ҷамъоварӣ мекунад.
tamhan @ TAMHAN18: ~ / angularspace / workertest $ sudo ng serve
Ба расм нигаред, то инро дар тасвири зер амалӣ намоед.
11. ... ва натиҷаро пайдо кунед
хизмат кардан суроғаи веб-сервери маҳаллии худро мегузорад, ки одатан он аст http: // localhost: 4200 /. Веб саҳифаро кушоед ва воситаҳои таҳиягарро барои дидани натиҷаи ҳолат кушоед. Дар хотир доред, ки console.log маълумотро ба консоли браузер мебарорад ва консолии мисоли NodeJS-ро бетаъсир мегузорад.
12. Ба кор расед
Дар айни замон, мо як мисоли коргарро эҷод мекунем ва онро бо паём таъмин мекунем. Натиҷаҳои он пас дар консол браузер нишон дода мешаванд.
if (typeof Worker! == ’undefined ') {// Эҷоди як const коргари нав = коргари нав (' ./ myworker.worker ', {type:’ module'}); worker.onmessage = ({data}) => {console.log ('саҳифа паём гирифт: $ {data }'); }; worker.postMessage ('салом'); } else {console.log ("Дастгирии коргарон нест"); }
13. Айвиро биомӯзед
Версияҳои ояндаи Angular як компилятори мукаммалтарро истифода мебаранд, ки боиси боз ҳам хурдтар шудани дидорҳо мегардад. Дар ҳоле, ки маҳсулот ҳанӯз ба итмом нарасидааст, кузовае, ки бо пилта имконпазир аст, тавассути тавлид кардан мумкин аст ng-лоиҳаи нави ivy - имконпазир-ivy. Ғайр аз ин, танзимоти компиляторро тавре, ки дар порча нишон дода шудааст, тағир диҳед.
"angularCompilerOptions": {"enableIvy": ҳақиқӣ}
Як калимаи огоҳӣ: Ivy ба коҳишҳои ҳайратангез оварда мерасонад, аммо ин ройгон нест. Маҳсулот ҳанӯз ба эътидол наомадааст, бинобар ин истифодаи он дар муҳити самаранок тавсия дода намешавад.
14. Коркарди тағирёбандаро санҷед
Кунҷӣ нг воситаи сатри фармон скриптҳои кӯдаконро дар дохили худ барои муддате истифода бурд. Angular 8 пеш аз он, ки шумо метавонед ин иншоотро барои иҷрои вазифаҳои худ истифода баред, зеро замимаи шумо ҷамъ ва тартиб дода мешавад.
"Architect": {"build": {"builder": "@ angular-devkit / build-angular: browser",
Як барномаи тозаи нг скриптҳо бевосита бор кардани замимаҳоро ба хидматҳои абрӣ дар бар мегиранд. Анбори Git як скрипти муфидро пешниҳод мекунад, ки кори шуморо ба ҳисоби Firebase бор мекунад.
15. Баҳра баред муҳоҷирати беҳтар
Таҳиягароне, ки аз Angular 1.x, ки бо номи AngularJS маъруфанд, муҳоҷират мекунанд, ҳиссаи одилонаи масъалаҳое буданд, ки ба кор бурдани навигатор дар барномаҳои 'якҷояшуда' кор мекунанд. Хадамоти нави ягонаи ҷойгиршавӣ мақсад дорад, ки ин раванд ҳамвор карда шавад.
16. Идоракунии фазои кориро омӯзед
Лоиҳаҳои калон аз қобилияти ба таври динамикӣ тағир додани сохтори фазои корӣ баҳра мебаранд. Ин ба воситаи API нави Workspace, ки дар Angular 8.0 ҷорӣ шудааст, анҷом дода мешавад - порчае, ки ин марҳиларо ҳамроҳӣ мекунад, шарҳи фаврии рафторро фароҳам меорад.
функсияи асинк намоиш () {const host = ҷойҳои корӣ. createWorkspaceHost (NodeJsSyncHost нав ()); фазои кории const = интизори ҷойҳои корӣ. readWorkspace (’path / to / workspace / directory /’, host); const лоиҳа = workspace.projects. гирифтан ('my-app'); const buildTarget = project.targets. гирифтан ('сохтан'); buildTarget.options.optimization = ҳақиқӣ; мунтазири ҷойҳои корӣ.writeWorkspace (фазои корӣ, мизбон); }
17. Равандро суръат бахшед
Сохтани пойгоҳҳои бузурги рамзи JavaScript дилгиркунанда мешавад. Версияҳои ояндаи AngularJS барои суръат бахшидани раванди системаи сохтани Google Bazel истифода хоҳанд кард - мутаассифона, ҳангоми навиштан он барои primetime омода набуд.
18. Аз мурдагони роҳ роҳ надиҳед
Гарчанде ки Google барои вайрон накардани рамз хеле ғамхорӣ мекунад, баъзе хусусиятҳоро бояд тоза кард, зеро онҳо дигар ниёз надоранд. Барои фаҳмидани маълумоти бештар дар бораи функсияҳое, ки бояд пешгирӣ карда шавад, ин рӯйхати амортизатсияро санҷед.
19. Ба журнали тағиротҳо нигоҳ кунед
Чун ҳамеша, як мақола ҳеҷ гоҳ наметавонад нисбати тамоми озодӣ адолат кунад. Хушбахтона, ин журнали тағиротҳо рӯйхати муфассали ҳамаи тағиротҳоро дар бар мегирад - танҳо дар сурате, ки шумо ҳамеша мехоҳед, ки набзи ягон хусусиятро барои шумо азиз донед.
Оё шумо файлҳои зиёдеро барои боргузорӣ ба сайти худ омода кардаед? Онҳоро дар анбори боэътимоди абр нусхабардорӣ кунед.
Ин мақола аслан дар маҷаллаи тарроҳии эҷодӣ нашр шудааст Веб-дизайнер.
