Hurtigt nedfældede noter om npm (node package manager) Installering af pakker med npm Lokal Installerer <pakkenavn> lokalt i mappen node_modules (mappen oprettes på den aktuelle lokation hvis den ikke eksisterer) og tilføjer pakken som afhængighed i package.json filen. npm install <pakkenavn> –save-dev Global Installerer <pakkenavn> globalt hvor node er installeret. I mit tilfælde ligger node […]
Kategori: Webudvikling
PHP: Horde Text_Diff
Horde Text_Diff er et fantastisk redskab når du skal finde forskellen mellem 2 tekster og præsentere det. Installation på Ubuntu 20.04
|
1 2 3 4 5 |
apt install php-pear pear channel-discover pear.horde.org pear install horde/horde_text_diff |
Herefter findes filerne under /usr/share/php/Horde Brug af Text_Diff Jeg illustrerer her hvordan du bruger Text_Diff ved hjælp af en php funktion:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
function diff_render($txt1,$txt2,$style) { //Hvis txt1 er tom returner da blot txt2 if (!isset($txt1) || strlen($txt1) == 0) { return $txt2; } //Hvis txt2 er tom, returner den if (!isset($txt2) || strlen($txt2) == 0) { return $txt2; } //Hvis der ingen forskel er på de to tekster, returnér if ($txt1 == $txt2) { return $txt2; } //Inkluder horde filerne //(Det kan sikkert gøres smartere med noget autoload) require "Horde/Text/Diff.php"; require "Horde/Text/Diff/Op/Base.php"; require "Horde/Text/Diff/Renderer.php"; require "Horde/Text/Diff/Renderer/Inline.php"; require "Horde/Text/Diff/Engine/Native.php"; require "Horde/Text/Diff/Op/Copy.php"; require "Horde/Text/Diff/Op/Change.php"; require "Horde/Text/Diff/Op/Delete.php"; require "Horde/Text/Diff/Op/Add.php"; require "Horde/String.php"; $txt1Ary = explode("\n",$txt1); $txt2Ary = explode("\n",$txt2); //Udfør diff $diff = new Horde_Text_Diff('auto',array($txt1Ary, $txt2Ary)); //Formater med html $renderer = new Horde_Text_Diff_Renderer_inline(array('ins_prefix' => '<span style="'.$style.'">','ins_suffix' => '</span>')); //Returner det endelige resultat return $renderer->render($diff); } |
Du bestemmer selv hvordan det skal formateres. Som standard vil Horde_Text_Diff_Renderer […]
Skifte php version på Ubuntu
Det er en fordel at have mulighed for at installere flere forskellige version af php, og skifte mellem dem forholdsvist nemt. På den måde kan man hurtigt fortryde, hvis man får skiftet til en version der viser sig ikke at være kompatibel med ens kode. De fleste har både php til Apache og php til […]
Angular 8
Jeg har fornylig opdateret et projekt til Angular 8 og har i den forbindelse opdaget et par signifikante ændringer: Fejlen “More than one module matches…”
|
1 2 |
$ ng g directive sti/til/nyt/modul/some-name More than one module matches. Use skip-import option to skip importing the component into the closest module. |
I Angular 7 blev nye moduler blot automatisk tilføjet i app.module.ts, men i Angular 8 er det åbenbart nødvendig at angive hvor det skal tilføjes. Løsningen er derfor (såfremt […]
Angular 7: Glem ikke versionsnummeret
I mine projekter viser jeg altid et versionsnummer et sted i app’en, så folk kan tjekke om de har seneste version. Det er derfor ekstremt vigtigt at jeg husker at ændre det versionsnummer hver gang jeg bygger projektet. Derfor at jeg lavet byggeproceduren således at den automatisk beder om version som det første. Herefter skrives […]
Apache, Varnish, Nginx og SPA app: Undgå at cache index.html
SPA står for “Single Page Application”, for den består fysisk kun af een side, nemlig index.html. Dvs. alt der har med brugerfladen at gøre hentes første gang hjemmesiden besøges, og herfra foregår al kommunikation via Ajax kald til en backend. Inde i index.html filen er der referencer til alt det andet hjemmesiden skal bruge. Disse […]
Angular: Browser webpush- og desktop notifikationer
Dette er mine noter om implemententering af push- og desktop notifikationer i en Angular 7 PWA. Se den fulde beskrivelse på engelsk her: Angular Push Notifications – a Complete Step-by-Step Guide Web Push notifikationer: Notifikationer der sendes fra en server til en browser, også når hjemmesiden ikke har fokus og endda når browseren er helt lukket. […]
Angular 6: Font Awesome
Font Awesome er en samling af ikoner baseret på en font. Den indeholder pt. knap 4000 ikoner hvoraf ca 1300 er gratis. Jeg bruger ikonerne i et Angular 6 projekt og lagde ud med at benytte dem via angular-font-awesome …. lige indtil jeg skulle bruge thumbtack ikonet, som ikke blev vist. Men det er hvad […]
Test dit webprojekt på Android enhed
Forbind din Android enhed til computeren via USB og sørg for at “Udviklingsindstillinger” er slået til. Søg på din Android version og mærket på din mobil (f.eks. Android version 7 Samsung udviklingsindstillinger) for at se hvordan. Gå til chrome://inspect i din Chrome browser. Hvis din enhed detekteres korrekt, vil du se modelnavn (i eksemplet SM-G390F) […]
Npm: opdatering af dit projekt
Opdater selve npm For at opdatere selve npm:
|
1 |
sudo npm install -g npm@next |
Få vist npm’s version:
|
1 |
npm -version |
npm outdated Vis pakker der er forældet, dvs. udkommet i nyere versioner:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
$ npm outdated Package Current Wanted Latest Location @angular-devkit/build-angular 0.6.8 0.6.8 0.8.3 my-app @angular/animations 6.1.3 6.1.9 6.1.9 my-app @angular/cdk 6.4.6 6.4.7 6.4.7 my-app @angular/cli 6.0.8 6.0.8 6.2.3 my-app @angular/common 6.1.3 6.1.9 6.1.9 my-app @angular/compiler 6.1.1 6.1.9 6.1.9 my-app @angular/compiler-cli 6.1.1 6.1.9 6.1.9 my-app @angular/core 6.1.3 6.1.9 6.1.9 my-app @angular/forms 6.1.3 6.1.9 6.1.9 my-app @angular/http 6.1.3 6.1.9 6.1.9 my-app @angular/language-service 6.1.3 6.1.9 6.1.9 my-app @angular/platform-browser 6.1.3 6.1.9 6.1.9 my-app @angular/platform-browser-dynamic 6.1.3 6.1.9 6.1.9 my-app @angular/pwa 0.6.8 0.6.8 0.8.3 my-app @angular/router 6.1.3 6.1.9 6.1.9 my-app @angular/service-worker 6.1.3 6.1.9 6.1.9 my-app @ng-bootstrap/ng-bootstrap 2.2.2 2.2.2 3.2.2 my-app @ng-select/ng-select 2.5.0 2.9.1 2.9.1 my-app @types/node 10.5.8 10.11.0 10.11.0 my-app jasmine-core 3.1.0 3.1.0 3.2.1 my-app karma 2.0.5 2.0.5 3.0.0 my-app karma-coverage-istanbul-reporter 2.0.1 2.0.4 2.0.4 my-app ng-sidebar 7.3.0 7.3.0 8.0.0 my-app protractor 5.4.0 5.4.1 5.4.1 my-app rxjs 6.2.2 6.3.3 6.3.3 my-app typescript 2.9.2 2.9.2 3.0.3 my-app |
CurrentDen version der pt. er installeret WantedDen version der bør installeres iht. reglerne (semver) i package.json LatestDen senest tilgængelige version Opdater iht. semver Hvis du blot vil opdatere […]