Beddelaha JSON ilaa TypeScript oo Bilaash ah
Samee interfaces ama type aliases TypeScript ah laga bilaabo shay ama array JSON kasta. Ku dheji JSON-kaaga oo hel noocyada TypeScript diyaar u ah isticmaal isla markiiba.
export interface User {
id: number;
name: string;
email: string;
isActive: boolean;
score: number;
tags: string[];
address?: null;
}
export interface Root {
user: User;
createdAt: string;
version: number;
}Sida Ay U Shaqeyso
Qalabkani wuxuu isticmaalaa algorithm isdaba-joog ah oo saadaalinta nooca ah oo gacan lagu qoray oo eber laybreri dibadeed ah β JSON.parse si loo xaqiijiyo loona falanqeeyo gelitaanka, kadibna hab-mar oo gaar ah oo maro qiime kasta oo geedka JSON ku jira wuxuuna soo saaraa interface TypeScript ama declarations nooc ah si toos ah biraawsarka. Waxba server looma diro.
- 1JSON waa la falanqeeyay waana la xaqiijiyayGelitaankaaga waxaa loo gudbiyaa JSON.parse. Haddii ay fashilanto, khaladka falanqaynta saxda ah ayaa isla markiiba ka soo baxa hoosta gelitaanka. Falanqayn guulaysatay ayaa soo saarta geed qiime nooc leh oo wada wado inta hadhay beddelka.
- 2Saadaalinta nooca isdaba-joog ahFunction isdaba-joog ah oo la yiraahdo getType ayaa mara node kasta: primitives waxay u dhigmaan string, number, boolean, ama null; shayaashu waxay kicin siiyaan interface cusub oo magacaysan; arrays shayaal ah waxaa furayaashooda isku daraya dhammaan unugyada, sidaa darteed furayaasha uun ku jira qaar shayaal ka mid ah waxay noqdaan ikhtiyaar ahaan noocyada khilaafsanna waxaa isku daraya |.
- 3Magac-bixinta interface-ka oo aan is-hor-imanaynShay geli-geli ah kastaa wuxuu helaa magac PascalCase ah oo laga soo saaray furihiisa JSON (snake_case, kebab-case, iyo bannaanku dhammaantood waa la caadiyaa). Haddii laba shay oo qaab-dhismeed ahaan kala duwan ay wadaagi lahaayeen isla magac, lambar-la-daray (Data, Data2, β¦) ayaa lagu daraa halkii uu si aamusan u dul-qorin lahaa qeexitaankii hore.
- 4Wax-soo-saarka waa la sawiraa waana la soo dejin karaaInterfaces-ka geli-geli ah ayaa marka hore la soo saaraa, ka dibna nooca xididka, oo loo qaabeeyay export interface ama export type sida doorashadaada. Natiijada waxaa loo koobiyeyn karaa clipboard-ka ama loo soo dejin karaa fayl .ts ah β dhammaantood waxaa lagu dhisay Blob caadi ah, wicitaan server ahna ma jiro.
Qalabka La Xiriira
JSON Schema loo rogayo Foom
Ku dheji JSON Schema oo hel foom toos ah oo shaqeynaya β goobaha qoraalka, tirada, sanduuqa hubinta, liiska hoos u dhaca, iyo goobaha liiska β kaddibna koobi JSON-ka gelitaannadaadu soo saarayaan. Aad ayey ugu wanaagsan tahay in lagu tijaabiyo qaab-dhismeedka codsiga API. Wuxuu ku shaqeeyaa browser-kaaga.
Tijaabada Xawaaraha Qorista (WPM)
Cabbir xawaaraha qoristaada (WPM) iyo saxnaanta adiga oo isticmaalaya tijaabooyin la xaddiday, tirada ereyada, xigasho, gaar ah, iyo zen. WPM tooska ah, xawaaraha ceyriin, joogtaynta, jaantus natiijooyin, luqado badan, iyo jawaab-celin xaraf-xaraf ah β dhammaan browser-kaaga.
Soo Saaraha CSS clamp()
Samee qiime CSS clamp() dabacsan oo loogu talagalay far-qoraalka jawaab-celinta iyo booska. Dej cabbirka ugu yar/ugu badan iyo xadka viewport-ka, arag hordhac tooska ah, oo nuqul CSS-ka hal sadarka ah.