Javascript handledning

  1. 11 fantastiska resurser för att ta din React-app till nästa nivå

    Om du redan har arbetat med ReactJS tidigare vet du att det finns många verktyg och resurser som gör vårt liv enklare som front-end-utvecklare. Det är dock inte alla som arbetar med samma verktyg eller känner till alla fantastiska resurser som kan stärka ett ReactJS-projekt. Därför har jag bestämt

  2. Hur får man hex-färgvärde snarare än RGB-värde?

    Här är den renare lösningen jag skrev baserat på @Matts förslag: function rgb2hex(rgb) { rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); function hex(x) { return (0 + parseInt(x).toString(16)).slice(-2); } return # + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); } Vissa web

  3. Advent av PBT 2021 - Dag 6

    Vår algoritm idag är:simplifyFraction . Den levereras med följande dokumentation och prototyp: type Fraction = { numerator: number; denominator: number }; /** * Simplify a fraction by reducing (if possible) the numerator * and denominator * * @param f - Fraction to be simplified * * @return

  4. Responsiv Navbar @material-ui, react-router-dom

    Jag har gjort en responsiv navbar med material-ui och react-router-dom, App.js beroenden som används: npm install @material-ui/core npm install @material-ui/icons npm install @fontsource/roboto npm install react-router-dom anpassa temat För att anpassa temat måste vi först importera dessa modu

  5. JavaScript-sträng:Extrahera en del av strängen

    Skapade denna komiska gif för att skildra hur delsträngsmetoden kan vara användbar för att extrahera en del av strängen. Men kom alltid ihåg att strängar är oföränderliga , så delsträng eller någon annan metod när den tillämpas på en sträng muterar inte den ursprungliga strängen. Den returnerar is

  6. Distribuera en Angular-app till Azure via CLI

    Hej killar! I det här inlägget kommer jag att visa dig hur du distribuerar en vinkelapplikation till azurblått med azurblå cli. Du måste ha det installerat på din maskin: Windows Terminal NodeJs Angular - CLI Azure - CLI Konto i Azure Coaltime Coaltime är ett socialt nätverk för att dela recept

  7. Så här lägger du till Bootstrap 5 till ditt Angular 11-projekt

    Först och främst vill du lägga till bootstrap 5 som ett npm-paket som så npm install bootstrap@next I din angular.json lägg till bootstrap-stilmall och javascript styles: [ src/scss/styles.scss, ./node_modules/bootstrap/dist/css/bootstrap.min.css, ], scripts: [ ./node_modules/bootstrap/

  8. Uppgradera Husky till senaste versionen

    I det här inlägget ska jag visa dig hur du uppgraderar från Husky - Git hooks v4.x till v5.x. Motivationen att skriva om det är för att jag gjorde den här uppgraderingen på några av mina projekt och jag tror att det här korta inlägget kan vara till hjälp för dig. För tillfället jag skriver det här

  9. Skillnaden mellan in och hasOwnProperty i JavaScript

    Med tanke på ett allmänt JavaScript-objekt finns det två vanliga sätt att kontrollera om ett objekt innehåller en nyckel:in operatorn och hasOwnProperty() fungera. Med en enkel POJO och inga speciella nycklar är dessa två likvärdiga: const obj = { answer: 42 }; answer in obj; // true obj.hasOwnPrope

  10. Globala typförstärkningar med automagisk IntelliSense

    Automatiska globala typökningar med intellisense Om du någonsin velat lägga till metoder till en inbyggd typ som Number eller String i JavaScript kan du utöka prototypen direkt: // Add helper function to number Object.defineProperty(Number.prototype,clamp,{ enumerable: false, value: fun