Eine kurze Analyse einiger APIs des Pfadmoduls im Knoten

1. Eine erste Einführung in das Pfadmodul

ist ein von Node.js offiziell bereitgestelltes Modul zur Verarbeitung von Pfaden . Es bietet eine Reihe von Methoden und Attributen, um den Anforderungen der Benutzer an die Pfadverarbeitung gerecht zu werden.

2. Pfadmodul-API

2.1 path.join()

Die path.join()-Methode wird verwendet, um mehrere Pfadfragmente zu einer vollständigen Pfadzeichenfolge zusammenzufügen.

Das Syntaxformat ist:

...paths(string) Die Folge von Pfadfragmenten ist die gesamte Pfadreihe, die Sie zusammenfügen müssen.

Beachten Sie, dass der zurückgegebene Wert string ist

//Führen Sie das Pfadmodul const path=require("path") ein.
//Schreibe den zu verbindenden Pfad const pathStr=path.join('/a','/b/c','../','./d','e')

console.log(pathStr)

2.2 path.basename()

Verwenden Sie die Methode path.basename(), um den letzten Teil des Pfads abzurufen. Diese Methode wird häufig verwendet, um

das Syntaxformat

path

• ist ein erforderlicher Parameter, eine Zeichenfolge, die einen Pfad darstellt.
• Optionaler Parameter, der die Dateierweiterung darstellt und
• den letzten Teil des Pfads darstellt.

const fpath='./a/b/c/index.html'

var fullname=path.basename(fpath)

console.log(vollständiger Name)
//Den Dateinamen mit dem angegebenen Suffix abrufen const namepath=path.basename(fpath,'.html')

console.log(Namenspfad)

2.3 path.extname()

,

um die Dateierweiterung im Pfad zu erhalten

• path ist ein erforderlicher Parameter, eine Zeichenfolge, die einen Pfad darstellt.

• Rückgabe: Gibt die erhaltene Erweiterungszeichenfolge

const path=require("path")

const fpath='./a/b/c/d/index.html'

const ftext =path.extname(fpath)

console.log(ftext)

3. Teilen Sie in der Uhrfallpraxis

den bereitgestellten Code (eine Datei enthält gleichzeitig HTML, CSS und JS) in drei Dateien auf, nämlich index.html, index.css und index.js, und speichern Sie sie in einem vorbereiteten

Quellcode

3.1 Implementierungsschritte

1. Erstellen Sie zwei reguläre Ausdrücke, die jeweils mit <style> und <script> übereinstimmen
2. Verwenden Sie das fs-Modul, um die zu verarbeitende HTML-Datei zu lesen
3. Passen Sie die Methode „resolveCSS“ an, um die Stildatei „index.css“ zu schreiben
4. Passen Sie die Methode „resolveJS“ an, um die Skriptdatei „index.js“ zu schreiben
5. Passen Sie die Methode „resolveHTML“ an, um die Datei „index.html“ zu schreiben.

3.1.1 Schritt 1 – Importieren Sie die erforderlichen Module und erstellen Sie den regulären Ausdruck

const path=require('path')
const fs=require('fs')

const regStyle=/<style>[sS]*</style>/

const scriptruler=/<script>[sS]*</script>/
//Die zu lesende Datei fs.readFile(path.join(__dirname,'/static/index.html'),'utf-8',function(err,dateStr){
    if(err){
        return console.log("Lesen fehlgeschlagen")
    }
   auflösenCSS(dateStr)
   auflösenHTML(dateStr)
   auflösenJS(dateStr)
})

3.1.2 Benutzerdefinierte ResolveCSS ResolveHTML ResolveJS-Methodenfunktion

ResolveCSS(htmlStr){
    const r1=regStyle.exec(htmlStr)
    const newcss=r1[0].replace('<style>','').replace('</style>','')
    //Schreiben Sie das passende CSS in die angegebene index.css-Datei fs.writeFile(path.join(__dirname,'/static/index.css'),newcss,function(err){
        if(err) return console.log("Import fehlgeschlagen"+err.message)
        console.log("ojbk")
    })
}
Funktion „resolveJS(htmlStr){“
    const r2=scriptruler.exec(htmlStr)
    const newcss=r2[0].replace('<script>','').replace('</script>','')
    //Schreiben Sie das passende CSS in die angegebene index.js-Datei fs.writeFile(path.join(__dirname,'/static/index.js'),newcss,function(err){
        if(err) return console.log("Import fehlgeschlagen"+err.message)
        console.log("ojbk")
    })
}
Funktion „resolveHTML(htmlStr){“
    const newhtml=htmlStr
    .replace(regStyle,'<link rel="stylesheet" href="./index.css">')
    .replace(scriptruler,'<script src="./index.js"></script>')
    //Schreiben Sie das passende CSS in die angegebene index.html-Datei fs.writeFile(path.join(__dirname,'/static/index2.html'),newhtml,function(err){
        if(err) return console.log("Import fehlgeschlagen"+err.message)
        console.log("ojbk")
    })
}

Das Endergebnis besteht darin, den Stil in der angegebenen Datei abzulösen

. Da die ursprüngliche index.html jedoch den gesamten Code enthält, ist der Speicherort beim Teilen des Stils immer noch der ursprüngliche, also die endgültige index.html Codekonstante