การวิเคราะห์โดยย่อของ API บางตัวของโมดูลเส้นทางในโหนด

1. การแนะนำครั้งแรกเกี่ยวกับโมดูลเส้นทาง โมดูล

เส้นทางเป็น โมดูลที่จัดทำอย่างเป็นทางการโดย Node.js สำหรับเส้นทางการประมวลผล โดยจัดเตรียมวิธีการและคุณลักษณะต่างๆ มากมายเพื่อตอบสนองความต้องการของผู้ใช้ในการประมวลผลเส้นทาง

2. โมดูลเส้นทาง API

2.1 path.join()

วิธีการ path.join() ใช้เพื่อแยกส่วนเส้นทางหลายส่วนให้เป็นสตริงเส้นทางที่สมบูรณ์

รูปแบบไวยากรณ์คือ:

...เส้นทาง(สตริง) ลำดับของส่วนของเส้นทางคือชุดเส้นทางทั้งหมดที่คุณต้องการประกบกัน

ควรสังเกตว่าค่าที่ส่งคืนคือสตริง

//แนะนำโมดูลเส้นทาง const path=require("path")
//เขียนเส้นทางที่จะประกบกัน const pathStr=path.join('/a','/b/c','../','./d','e')

console.log(pathStr)

2.2 path.basename()

ใช้เมธอด path.basename() เพื่อรับส่วนสุดท้ายของพาธ วิธีนี้มักใช้เพื่อ รับ

รูปแบบไวยากรณ์

• path เป็นพารามิเตอร์ที่จำเป็น ซึ่งเป็นสตริงที่แสดงถึงพารามิเตอร์
• ทางเลือก ซึ่งแสดงถึงนามสกุลไฟล์
• ซึ่งแสดงถึงส่วนสุดท้ายของเส้นทาง

const path=require("path")

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

var ชื่อเต็ม=path.basename(fpath)

console.log (ชื่อเต็ม)
//รับชื่อไฟล์ที่มีส่วนต่อท้ายที่ระบุ const namepath=path.basename(fpath,'.html')

console.log (เนมพาธ)

2.3 path.extname()

path.extname() ใช้เพื่อรับนามสกุลไฟล์ในพา

ธ

• path เป็นพารามิเตอร์ที่จำเป็น ซึ่งเป็นสตริงที่แสดงถึงเส้นทาง

• Return: ส่งคืนสตริงส่วนขยายที่ได้รับ

const path=require("path")

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

const ftext =path.extname(fpath)

console.log(ftext)

3. ในทางปฏิบัติกรณีนาฬิกา

ให้แยกโค้ดที่ให้มา (ไฟล์หนึ่งมี html, css และ js ในเวลาเดียวกัน) ออกเป็นสามไฟล์ ได้แก่ index.html index.css index.js และจัดเก็บไว้ใน

ซอร์สโค้ด

3.1 ขั้นตอนการใช้งาน

1. สร้างนิพจน์ทั่วไปสองตัวเพื่อให้ตรงกับแท็ก <style> และ <script> ตามลำดับ
2. ใช้โมดูล fs เพื่ออ่านไฟล์ HTML ที่ต้องประมวลผล
3. ปรับแต่งวิธีการ solveCSS เพื่อเขียนไฟล์สไตล์ index.css
4. ปรับแต่งเมธอด solveJS เพื่อเขียนไฟล์สคริปต์ index.js
5. ปรับแต่งเมธอด solveHTML เพื่อเขียนไฟล์ index.html

3.1.1 ขั้นตอนที่ 1 - นำเข้าโมดูลที่จำเป็นและสร้างนิพจน์ทั่วไป

const path=require('path')
const fs=ต้องการ('fs')

const regStyle=/<สไตล์>[sS]*</style>/

const scriptruler=/<script>[sS]*</script>/
//ไฟล์ที่จะอ่าน fs.readFile(path.join(__dirname,'/static/index.html'),'utf-8',function(err,dateStr){
    ถ้า(ผิดพลาด){
        return console.log ("อ่านล้มเหลว")
    -
   แก้ไข CSS (dateStr)
   แก้ไข HTML (dateStr)
   แก้ไข JS (dateStr)
})

3.1.2 ฟังก์ชันเมธอด resolCSS แบบกำหนดเอง solveHTML solveJS

ฟังก์ชัน solveCSS(htmlStr){
    const r1=regStyle.exec(htmlStr)
    const newcss=r1[0].replace('<สไตล์>','').replace('</ style>','')
    //เขียน css ที่ตรงกันลงในไฟล์ index.css ที่ระบุ fs.writeFile(path.join(__dirname,'/static/index.css'),newcss,function(err){
        ถ้า (ผิดพลาด) กลับ console.log ("การนำเข้าล้มเหลว"+err.message)
        console.log("ojbk")
    -
-
ฟังก์ชั่น solveJS(htmlStr){
    const r2=scriptruler.exec(htmlStr)
    const newcss=r2[0].replace('<script>','').replace('</script>','')
    //เขียน css ที่ตรงกันลงในไฟล์ index.js ที่ระบุ fs.writeFile(path.join(__dirname,'/static/index.js'),newcss,function(err){
        ถ้า (ผิดพลาด) กลับ console.log ("การนำเข้าล้มเหลว"+err.message)
        console.log("ojbk")
    -
-
ฟังก์ชั่น solveHTML(htmlStr){
    const newhtml=htmlStr
    .replace(regStyle,'<link rel="stylesheet" href="./index.css">')
    .replace(scriptruler,'<script src="./index.js"></script>')
    //เขียน css ที่ตรงกันลงในไฟล์ index.html ที่ระบุ fs.writeFile(path.join(__dirname,'/static/index2.html'),newhtml,function(err){
        ถ้า (ผิดพลาด) กลับ console.log ("การนำเข้าล้มเหลว"+err.message)
        console.log("ojbk")
    -
}

ผลลัพธ์สุดท้ายคือการลอกสไตล์ในไฟล์ที่ระบุออกไป

อย่างไรก็ตาม เนื่องจาก index.html เริ่มต้นมีโค้ดทั้งหมด ตำแหน่งที่จัดเก็บไว้เมื่อแบ่งสไตล์ยังคงเป็นต้นฉบับ ดังนั้น index.html สุดท้าย รหัสคงที่