Kana zvasvika kune unyanzvi hwekupfekedza vana, pane zvakawanda zvezvitayera uye maitiro ekufunga nezvazvo, zvichiita kuti rive basa rinonakidza uye rinokurudzira. Muchinyorwa chino, tichaongorora mamwe masitayipi akakurumbira evana, nhoroondo nenhaka kuseri kwezvitaera izvi, uye topa mamwe matipi anobatsira ekuti ungasanganisa sei uye kuenzanisa zvipenga zvembatya zvakasiyana kuti zvipere.
TypeScript
Yakagadziriswa: rongedza zvinhu
Munyika yezvirongwa, mamiriro anowanzosangana nawo ndiko kudikanwa kwekurongedza zvinhu zvakawanda. Izvi zvingaita sezvinotyisa pakutanga, kunyanya mumutauro wakadhindwa wakaita se TypeScript. Nekudaro, nenzira kwayo, basa iri rinogona kushanduka kuita basa rinogoneka. Izvi zvinopfuura kungoronga alfabheti kana manhamba; isu tinozama zvakadzama mukuronga nemaitiro chaiwo kana akawanda emhando yechinhu array.
Mhinduro yedambudziko inowanzo sanganisira kushandiswa kweiyo array's sort() nzira yakabatana neTypeScript's type system. Heino mufananidzo unokurumidza wekuti ungaronga sei zvinhu zvakawanda ne 'zita' pfuma.
let arr = [{name: 'Joe'}, {name: 'Bob'}, {name: 'Alice'}];
arr.sort((a, b) => a.name.localeCompare(b.name));
Mumuenzaniso uri pamusoro, tinoshandisa JavaScript's in-built Array.prototype.sort nzira pamwe chete nekuenzanisa basa rinoenderana nenzvimbo.
Yakagadziriswa: maitiro ekutarisa kana faira iripo lua
Chokwadi, heino dhizaini yechinyorwa chako:
Kunzwisisa simba uye kuita kwakasiyana-siyana kweLua programming kunopa kukosha kwakakosha mukugadzirisa mafaera nenzira ine hunyanzvi. Chimwe chinhu chakakosha kucherechedzwa kugona kwayo kutarisa kana faira riripo. Kuita uku kwakakosha mukudzivirira kukanganisa kana mhedzisiro isingatarisirwe panguva yekushanda kwemafaira. Nhasi, isu tinovavarira kupatsanura maitiro ekuona kuti faira riripo here tichishandisa Lua.
Yakagadziriswa: useref react
Heano maitiro aungaita chinyorwa chako chawakakumbira nezve "useref" react:
React iraibhurari inozivikanwa pasi rose yekugadzira mashandisirwo emushandisi, kunyanya peji-peji maapplication. Iraibhurari isingaremi uye inochinjika yakagadzirirwa kusimudzira ruzivo rwemushandisi. Kuvandudzwa kweWebhu kwasvika mahorizons matsva ane maficha akaita seHook akaunzwa neReact. Chimwe chakadaro chakakosha chimiro, kana iwe unogona kuzvifunga, hoko yakapihwa neReact is useRef. useRef inowanzo shandiswa kuwana maDOM node kana React zvinhu.
Yakagadziriswa: font inotyisa angular
Chokwadi, heino chinyorwa chakareba nezve Font Awesome Angular:
Font Awesome inoshamisa icon raibhurari iyo inogona kushandiswa mune yedu Angular application. Kubatanidza Font Awesome kunopa vanogadzira mukana kune mazana eanoshanda uye ane scalable vectors icons anogona kuve akasarudzika neCSS. Izvi zvinonyanya kubatsira sezvo zvichitibvumira kushandisa yakanaka mifananidzo pasina chikonzero chekuvimba zvakanyanya nemifananidzo kana mafaira emifananidzo. Izvi zvinogona kunyatso kurerutsa kuchengetedza uye kurongeka kwemapurojekiti ako eAngular. Mugwaro iri, isu tichadzidza maitiro ekubatanidza Font Awesome mune yako Angular application nhanho-nhanho.
Yakagadziriswa: pahwindo resize
Kuisa saizi yehwindo kungaite senge ibasa risingakoshi mukuvandudza webhu, asi rinosunga akati wandei pfungwa kubva kuJavaScript neTypescript, uye rinotora chikamu chakakosha mukuona dhizaini inoteerera uye nemushandisi-ane hushamwari. Muchirevo cheUI / UX ine simba, iyo 'hwindo resize' basa rakakosha. Mienzaniso yemazuva ese inogona kusanganisira bhara repadivi rinodzika pahwindo resizing kuti ripe isina musono nzvimbo yekuverenga, kana gallery mufananidzo unozvigadzirisa kudzivirira kukanganisa. Iyo gadziriso inoitwa reactively nekuteerera kune hwindo resize chiitiko.
Yakagadziriswa: furatira node_modules
Semugadziri, iwe unogona kunge uchimhanya kune iyo folda `node_modules` mumapurojekiti ako. Ichi chikamu chakakosha chenyika dzeJavaScript neTypeScript, kunyanya mumapurojekiti anoshandisa Node.js. Aya `node_modules` akafanana neDNA yepurojekiti yako, kusanganisira maraibhurari ese kana zvinoenderana nekodhi yako inoda kuita nemazvo. Nyaya iripo ndeyekuti iyi folda inogona kukurumidza kukura muhukuru, ichiita kuti chirongwa chako chiremerwe, kunyanya maererano neshanduro yekudzora masisitimu. Uyezve, panogona kunge paine makumi ezviuru emakakatanwa ekushandura kana asina kubatwa nemazvo.
Yakagadziriswa: ts queryselectorall se htmlelement
Munzanga yanhasi umo ruzivo rwakanyanya kuwanda, kubata nemagwaro eHTML hakuna musiyano. Peji yega yega yewebhu yepasirese yeinternet yakavakirwa paHTML, ichigadzira labyrinthine mesh yezvinhu uye ma tag. Kiyi yekufambisa kuburikidza neiyi mesh nenzira yakarongeka uye yakarongeka ndeyekushandisa iyo querySelectorAll nzira muJavaScript kana, kwatiri pano, TypeScript. Nhasi, tichaongorora zvakadzama mukusimudzira kugona kwe querySelectorAll seHTMLElement muTypeScript.
Yakagadziriswa: ts reverse array
Kudzoreredza array muTypescript kunosanganisira kushandura kurongeka kwezvinhu zviri mukati mehurongwa kubva pakutevedzana kuripo kuenda kune zvakapesana. Iyi maitiro ichikamu chakakosha mukugadzirisa kwezvirongwa, uye nekudaro, inogona kubatsira zvakanyanya mukugadzirisa akasiyana ematambudziko akaomarara.
The TypeScript mutauro unobatanidza nzira yakavakirwa-mukati yekudzosera kumashure mitsara, inozivikanwa se array.reverse() basa. Chokwadi, tichishandisa basa iri, tinokwanisa kudzoreredza zvisingaite chero array muTypescript.
Kuti uenzanisire kushandiswa kwayo, funga zvinotevera sampuli rondedzero:
let array = [1, 2, 3, 4, 5];
Isu tinokwanisa kudzoreredza iyi array nekushandisa iyo array.reverse() basa sezvinotevera:
array = array.reverse();
Kuvhiya uku kunozodzosera kumashure kurongeka kwezvinhu zviri muhurongwa hwekutanga kuitira kuti kutevedzana kwacho kupesana nezvachaive basa risati rashandiswa.