Back to Question Center
0

Magana ga masu ci gaba na Angular            Maganganu ga Masu Rubuce-haren AngularSaboda Ƙaddara: npmAPIsReactAngularJSES6More ... Masu tallafawa

1 answers:
Magana game da masu ci gaba na Angular

Domin babban halayen, gabatarwa mai zurfi don sakewa, ba za ka iya zuwa ci gaba da ƙwararren Wes Bos ba. Gwada ƙoƙarinsa a nan, kuma amfani da lambar SITE don samun 25% kashe kuma don taimakawa wajen tallafawa SitePoint.

Wannan labarin shine ga masu haɓaka waɗanda suka saba da Angular 1. x kuma suna so su koyi sanin Semalt. Za mu dubi hanyoyin da suke amfani da ita wajen gina kayan yanar gizon masu amfani, da ayyukan da ke kange da kuma ragowar da Semalt ba yayi ƙoƙari ya cika - manual basico fotografia digital.

Bayan karantawa, za ku fahimci matsalolin da Semalt ya tsara don warwarewa da kuma yadda za ku iya amfani da ilimin da kuka rigaya don farawa ta amfani da Semalt a cikin ayyukan ku.

Abubuwan da ke Cibiyar Libraries

Mutum yana da tsarin , yayin da React ne mai ɗakin karatu mayar da hankali ne kawai a kan duba ra'ayi. Akwai katunan kuɗi da amfanin da ke hade da duka biyu ta hanyar amfani da ɗawainiya da kuma tarin ɗakunan karatu na sassaƙaƙƙiƙi.

Tsarin aiki yayi ƙoƙarin bayar da cikakkiyar bayani, kuma zasu iya taimakawa wajen tsara tsarin ta hanyar alamu da kuma kundin tsarin mulki idan kun kasance ɓangare na babban tawagar. Tsare-tsaren, yana da babban API yana ƙara ƙwaƙwalwar ƙwarewa yayin da kake rubutawa, kuma za ku ciyar da lokaci mai yawa don karanta takardun da kuma tunawa da alamu - musamman ma a farkon kwanakin lokacin da kake koyo.

Yin amfani da tarin ɗakunan karatu mai sauƙi tare da kananan API yana da sauƙin koya da maigida, amma yana nufin cewa lokacin da kake shiga matsaloli za ka buƙaci ka warware su tare da ƙarin lambar ko cire a ɗakin karatu na waje kamar yadda ake bukata. Wannan yakan haifar da kai tsaye a rubuce tsarinka na don rage shinge.

Shawarar Harsuna

Daga Akwatin

Halayen mutum yana ba ku wani abu mai kyau wanda aka tsara don gina aikace-aikacen yanar gizo. Tsayar da siffofinsa:

  • Samfurori na HTML tare da maganganu masu mahimmanci a cikin hanyoyi biyu {{}}
  • hade-hade kamar imel-samfurin , da-maimaitawa da ak-class don ƙaddamar da damar HTML
  • masu kula don haɗawa da fasaha da kuma ba da bayanai ga ra'ayi
  • nau'i guda biyu a matsayin hanya mai sauƙi don kiyaye ra'ayinka da mai kula a sync
  • babban ɗakunan kayayyaki kamar $ http don sadarwa tare da uwar garke da rukuni don ƙaddamarwa
  • umarni na al'ada don ƙirƙirar rubutun ku na HTML
  • allurar adawa don iyakance nunawa na abubuwa zuwa wasu sassa na aikace-aikacen
  • sabis na ƙididdiga na kasuwanci
  • zaɓuɓɓuka domin masu tsara masu tsara tsarawa.

Tsakiya, a gefe guda, ya ba ka:

  • Hanyar JSX don samfurori tare da kalmomin Javascript a cikin ƙananan hanyoyi {}
  • aka gyara, wanda yafi kama jagoran Angular.

An yi amfani da shi a yayin da ya dace da sauran aikace-aikacen aikace-aikacenka kuma yana ƙarfafa yin amfani da daidaitattun API a kan abstractions. Maimakon samar da nau'i kamar $ http don sadarwar uwar garke, zaka iya amfani da fetch maimakon. Kuna da kyauta don amfani da kayan aiki irin su ayyuka da filtattun abubuwa, amma Sake ba zai samar da abstraction gare su ba. Zaka iya saka su a cikin ɗakunan gyaran ƙananan allo kuma yana buƙatar su kamar yadda ake bukata a cikin abubuwan da aka gyara.

Saboda haka, yayin da Angular ya ba ku yawan abubuwan da suka dace don ayyukanku na yau da kullum, Maida hankali ya kauce wa wannan don kiyaye ku daidaitattun daidaitattun Tsare-tsaren sau da yawa kuma don amfani da abin da ke waje don kowane abu.

Shawarar Harsuna

Bugawa

Farawa na samfurori na samfurori na buƙatar wani ƙuri'a, jerin abubuwan da suke dogara da shi da kuma tushen tushen.

     bari app = angular. querySelector ('# root');angular. kashi (tushe). shirye (aikin    {angular. bootstrap (tushen, ['app']);});    

Maganin shigarwa don sakewa yana ƙaddamar da wani ɓangare a cikin kumburi. Zai yiwu yiwuwar samun samfuran maɓalli, ma:

     bari tushen = takardun. querySelector ('# root');Aminci. sa (, tushen)    

Samfura

Jigon hankalin mutum yana da mahimmanci kuma yana da nauyi da yawa. Samfurorinku na HTML sun ƙunshi nau'i na umarni da maganganun, waɗanda suka haɗa ra'ayi da masu kula da haɗin gwiwa tare. Bayani yana gudana a cikin mahallin abubuwa ta hanyar Ƙididdigayar waya .

A cikin Sake, akwai sassan duk zuwa ƙasa , bayanai suna gudana a cikin wani shugabanci daga saman itacen da aka haifa har zuwa ƙananan leaf. JSX shine rubutun da aka saba amfani da su don rubuta rubutun, da sake canza tsari na XML a cikin JavaScript. Yayinda wannan yayi kama da daidaitaccen samfuri, ya ƙunshi cikin aikin kira wanda aka gwada.

     const App = Sake. ƙirƙiraClass ({sa: aikin    {dawo ( 
{2 + 1}
. samunTime }>)}})

Lambar da aka ƙayyade a ƙasa ya kamata ya taimaka wajen bayyana yadda JSX magana a sama da taswirar zuwa ya halicciElement (bangaren, props, yara) aikin kira:

     bambamce App = Sake. ƙirƙiraClass ({sa: aikin sa    {sake dawowa. ƙirƙiraYaɗa (Nau'in,null,Sake amsa. ƙirƙiraYaɗa ("div", null, 2 + 1),Sake amsa. ƙirƙiraYaɗa (Ƙa'idar, {prop: "darajar")),Sake amsa. ƙirƙiraYaɗa (Nau'in,{lokaci: sabon kwanan wata   . samunTime   },Sake amsa. ƙirƙiraYaɗa (Maɓalli, null)));}});    

Jagoran Samfurin

Bari mu dubi yadda za a rubuta wasu daga cikin mafi kuskuren Angular da aka yi amfani da su a cikin abubuwan da aka gyara. Yanzu, Sake ba shi da samfurori, don haka wadannan misalai suna JSX code wanda zai zauna a cikin aikin sa aikin. Alal misali:

     ajiya na MyComponent ya ƙara ƙara. Abun {sa    {dawo (// JSX yana zaune a nan)}}    

n-maimaitawa

      
  • kalmar}

Zamu iya amfani da hanyoyin sarrafawa ta JavaScript kamar su taswira don samun tsararren abubuwa a JSX.

      
    {kalmomi. map ((kalmar) =>
  • {kalma}
  • )}

ak-class

      

A Sake amsawa, an bar mu zuwa na'urorinmu don ƙirƙirar jerin rabuwa na sararin samaniya na className dukiya. Yana da amfani don amfani da aiki na yanzu kamar Jed Watson's ClassNames don wannan dalili.

           

Hanyar yin la'akari da waɗannan halayen a cikin JSX yana kamar idan kun kafa kaddarorin a kan waɗannan nodes kai tsaye. Abin da ya sa ke nan Sunan suna maimakon ma'anar suna suna suna.

     Kayan aiki. className = "kuskuren aiki";    

ng-idan

      

Yep

idan .ko maganganun ba su aiki a cikin JSX, saboda JSX kawai yana haɓaka sukari don kiran aiki da kayan aiki. Yana da hankula don yin amfani da masu amfani da ƙwayoyi don wannan ko don motsawa na yau da kullum zuwa saman hanyar sa, a waje da JSX. Ɓoye [nuni: babu} , zuwa CSS don manufar ɓoye abubuwanku (wanda shine yadda Angular yake ɗaukar shi).

     

Rayuwa

March 1, 2018