Vi har allerede dækket Angular.js og React i tidligere artikler, men der er et nyt frontend-bibliotek, som vi synes er din tid værd. Det hedder Vue.js, og det har samlet et stort fællesskab af entusiastiske udviklere. Filosofien bag Vue.js er at levere den enklest mulige API til at skabe tovejs dat
I dag skal vi træne vores Vue.js-færdigheder ved at bygge en simpel app til at gennemse reddit-indlæg. Vi vil konstruere det hele fra bunden for at demonstrere, hvor nemt det er at skabe brugergrænseflader med en ramme som Vue. Denne vejledning kræver, at du mindst har en vis grundlæggende viden om
Introduktion En bekræftelsesdialog er et UI-mønster, hvor brugeren vil få et valg om at fortsætte med sin handling eller at annullere den. Det bruges almindeligvis med destruktive eller irreversible handlinger for at sikre, at brugeren virkelig ønsker at fortsætte. I denne artikel implementerer vi
Introduktion GraphQL er et graforienteret forespørgselssprog skrevet af Facebook. I modsætning til REST APIer introducerer GraphQL funktioner, der gør API-udvikling mere effektiv og i harmoni med databasemodeller. GraphQL-funktioner I modsætning til REST , er der kun ét slutpunkt, hvor alle anmodn
Introduktion Vue-Router er en JavaScript-pakke, som giver dig mulighed for at opsætte routing for Single Page Applications (SPA). SPA refererer til en webapplikation, som kun betjener en enkelt index.html side og gengiver indhold dynamisk, da det er den måde, moderne JavaScript-rammer såsom React.
Hvad er AJAX? Asynkront Javascript og XML (AJAX), er en måde at kommunikere til en webserver fra en applikation på klientsiden gennem HTTP eller HTTPS protokol. Selvom AJAX har XML i navnet, behøver den måde, data sendes gennem anmodninger eller modtages på, ikke at være XML, men også almindelig t
AJAX-integration med REST API Tak, fordi du sluttede dig til det femte indlæg om brug af Vue.js og Flask til fuld-stack-webudvikling. Dette indlæg vil være ret kort, men meget værdifuldt, da jeg vil demonstrere, hvordan man forbinder front-end- og back-end-applikationerne ved hjælp af Asynkron Java
JWT-godkendelse Velkommen til den sjette del af denne flerdelte selvstudieserie om fuld-stack webudvikling ved hjælp af Vue.js og Flask. I dette indlæg vil jeg demonstrere en måde at bruge JSON Web Token (JWT)-godkendelse på. Koden til dette indlæg kan findes på min GitHub-konto under afdelingen S
Deployment til en virtuel privat server Velkommen til den syvende og sidste del af denne flerdelte selvstudieserie om fuld-stack webudvikling ved hjælp af Vue.js og Flask. I dette indlæg vil jeg demonstrere, hvordan man implementerer den applikation, der er bygget gennem denne serie. Koden til det
Opsætning og lær Vue.js at kende Introduktion Dette er åbningsindlægget til en vejledningsserie om brug af Vue.js og Flask til fuld stack-webudvikling. I denne serie vil jeg demonstrere, hvordan man bygger en undersøgelseswebapp, hvor applikationsarkitekturen består af en front-end bestående af en
Navigering af Vue-routeren Velkommen til det andet indlæg om brug af Vue.js og Flask til fuld-stack webudvikling. Hovedemnet i denne artikel vil være om Vue Router, men jeg vil også dække v-model-direktivet samt Vue-metoder og beregnede egenskaber. Når det er sagt, tag noget koffeinholdigt og spis
State Management med Vuex Tak, fordi du sluttede dig til det tredje indlæg om brug af Vue.js og Flask til fuld-stack-webudvikling. Hovedemnet i dette indlæg vil være at bruge vuex til at administrere tilstand i vores app. For at introducere vuex vil jeg demonstrere, hvordan man refaktoriserer Home-
En væsentlig produktivitetsmilepæl i min programmeringskarriere var at lære at fejlfinde korrekt. De fortæller dig, at det er vigtigt i skolen. Men ligesom programmering bliver du ikke bedre, medmindre du sætter timerne ind. Debugging sker på alle stadier af udviklingscyklussen. Det være sig, når
Populariteten af Vue.js er steget ret hurtigt. Den har endnu ikke nået niveauerne for Angular eller React, men i det år, hvor den nuværende VueJS-repo har eksisteret på Github, har den fået cirka 2.700 seere (mere end Angular), 47.000 stjerner (mere end dobbelt så mange som Angular og mere end 3/4
I denne artikel lærer vi, hvordan man bygger et billetsystem i den virkelige verden med Strapi og Vue.js, hvor brugere kan købe billetter til kommende begivenheder. Vores casestudie vil være et system til at købe billetter til kommende film. Hvad du skal bruge til dette selvstudie Grundlæggende ke
Indholdsfortegnelse Klon GitHub-lageret, hvis du er hoppet direkte til Part 4 af denne serie Hvad er der gjort indtil videre? Hurtigt overblik Trin 1:Opret ny git-gren og tjek ud til den Trin 2:Fjern dist mappe fra gitignore fil Trin 3:Opret vue.config.js fil Trin 4:Skift fil ved /src/router/index.
Fra vores kursus om JavaScript Basics lærte vi, at hændelseshåndtering er det vigtigste koncept i frontend-udvikling, og Vue.js, som er en JavaScript-frontend-ramme, skal have det samme koncept indbygget. I denne artikel vil vi fokusere på to aspekter, hændelseshåndtering med direktivet v-on , og f
Oprindeligt indlæg:https://compositecode.blog/2022/01/12/a-shiny-new-vuejs-v3-web-app-using-deployed-to-amplify-appsync-cognito/ Ingen krumspring, lad os bare starte. Forudsætninger Disse detaljer plus garn og et par andre noter er tilgængelige og stammer fra Amplify Docs, der er placeret her. De
Opad-udsendelse og nedad-udsendelsesmønstre I del 2 af denne serie brugte vi $parent og $children mønstrene til at gøre det muligt for komponenter at kommunikere i et tre-niveau hierarki. Mod slutningen havde vi et spørgsmål i tankerne til et endnu mere komplekst hierarki af komponenter, f.eks. h
Hej håndværker, I dagens blog vil jeg vise dig, hvordan vi kan åbne en anden indstillingsblok ved at vælge en anden indstilling i forskellige inputtyper som radio, vælg, afkrydsningsfelt. Dette er nyttigt, når vi ikke har valgmuligheder anført i givne muligheder, og vi ønsker, at du lægger vores