當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Node基础篇（一）

發布時間：2024/4/14 编程问答 33 豆豆

生活随笔收集整理的這篇文章主要介紹了 Node基础篇（一）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Node內置對象

1、全局對象（無論是在Node程序中哪個地方，哪個時間都能夠訪問，主要有一下幾個對象）

process

process.env,可以通過process.env.xxx來獲取系統中的環境變量值，可以通過根據不同的環境變量的值生成不同的配置，已達到不同的開發環境運行效果

具體用法：

// 在這里可以通過不同運行環境引入不同的配置，如端口號、文件編譯壓縮出口等等 let cif = proccess.env.development ? ...require( config.production || config.development ) 復制代碼

process.argv,獲取命令行參數

//add文件，在這里，可以通過輸入命令行，然后加兩個數字做一個簡單的加法 let num1 = parseInt(process.argv[2]); let num2 = parseInt(process.argv[3]); let sum = num1 + num2; setTimeout(()=>{console.log(sum); }.1000)//然后通過運行Node命令行,process.argv=>[node絕對路徑，文件的絕對路徑，參數1，參數2，...] node ./add.js (文件路徑) 1(第一個參數) 3(第二個參數)復制代碼

filename/dirname

__filename,獲取當前運行文件的絕對路徑

__dirname,獲取當前運行文件的目錄的絕對路徑

2、核心對象（需要向系統引入，不需要下載）

path

path.resolve(__dirname,xxx,xxx)，將路徑或路徑片段的序列解析為絕對路徑

path.join(__dirname,xxx,xxx)，將字符串拼接起來解析成路徑

path.join(__dirname), 將路徑解析成一個對象

3、自定義對象
需要下載，按照路徑引入

文件引入、導出

// 引入文件 const xxx = require('XXX') // 導出文件 const xxx = 對象/函數 module.exports xxx復制代碼

fs模塊，文件讀寫操作

fs.readFile（異步讀取文件的全部內容）

const fs = require('fs'); let filepath = 'xxx'; //讀取文件的路徑 // 如果data是 fs.readFile(filepath,'utf-8',(error,data)=>{if(error)console.log(error)// 回調函數返回的是二進制數據Bufferconsole.log(data);// 需要輸出字符串的話，可以通過toString()轉換console.log(data.toString()) })復制代碼

?2. fs.wirteFile(異步將數據寫入文件，如果文件已存在則覆蓋改文件)

const fs = require('fs') let filepath = 'xxx' //寫入文件的路徑 // data可以是一個字符串，也可以為buffer,若data為buffer,encoding（utf-8）則被忽略 fs.writeFile(filepath,data,'utf-8',(error)=>{if(error){console.log(error);} })復制代碼

3.fs.writeFileSync（同步寫入文件）

fs.writeFileSync(file,data)復制代碼

4.fs.readFileSync （同步讀取文件）

fs.readFileSync(file,data)復制代碼

相關補充點：

fs.access(測試用戶對filepath指定的文件或目錄的權限)

fs.state(獲取文件的狀態)

fs.readdir(讀取文件目錄)

fs.stats類

stats.isFile(判斷是否為文件)
stats.isDireactor(判斷是否為文件夾)

讀寫流——壓縮、加密(fs.createReadStream、fs.createWriteStream、zlib)

const http = require('http'); const fs = require('fs'); const zlib = require('zlib');http.createServer((req,res)=>{let filePath = 'xxx'; // 讀取文件的路徑let rs = fs.createReadStream(filePath); //創建讀取流rs.on('error',(error)=>{});res.setHeadr('content-encoding','gzip'); //發送響應頭，告知瀏覽器返回的數據格式let gz = zlip.createGzip(); // 壓縮rs.pipe(gz).pipe(res); // pipe管道，將上一步的結果作為輸入，然后進行相應的處理 }).listen(8080);復制代碼

http模塊?

// 創建一個server服務 const http = require('http'); let server = http.createServer((req,res)=>{// req 是瀏覽器請求的內容，有關請求的內容都可以從req里面獲取// res 是服務器返回的響應res.write();res.end(); }) server.listen(8080);復制代碼

原生Node常見解析GET提交的表單數據

原生Node常見解析POST提交普通表單數據

querystring.parse(),將user=test&password=123這類數據格式轉換成一個json對象

quertstring.stringify(),將json對象轉換成user=test&password=123數據格式

multiparty解析上傳文件

(需要將HTML中form表單提交方式為POST,enctype="multipart/formdata")

使用前先下載??

npm i multiparty復制代碼

返回請求頭

獲取請求頭

const http = require('http'); http.createServer((req,res)=>{let header = req.headers; // 獲取請求頭let url = req.url; // 獲取域名let method = req.method; //獲取請求方式 }).listen(8080);復制代碼

原生ajax跨域問題，因為SOP(同源策略機制)，ajax向服務器發出請求時（不是直接向服務器發出請求），首先是向瀏覽器發起請求，然后瀏覽器再向服務器發出請求，服務器返回請求結果，然后瀏覽器接收到請求結果，判斷請求的結果與ajax是否處于同一域名下，如果不是，則丟棄，反之，則將結果返回給ajax。要想原生ajax能成功跨域，則需要服務器做出聲明。

<!DOCTYPE html> <html lang="en" dir="ltr"><head><meta charset="utf-8"><title></title><script>window.onload=function (){let oBtn=document.getElementById('btn1');oBtn.onclick=function (){let ajax=new XMLHttpRequest();ajax.open('GET', 'http://localhost:8080/a', true);ajax.send();ajax.onreadystatechange=function (){if(ajax.readyState==4){if(ajax.status==200){alert('成功');let json=JSON.parse(ajax.responseText);console.log(json);}else{alert('失敗');}}};};};</script></head><body><input type="button" value="請求" id="btn1"></body> </html>復制代碼

fetch請求方式

(原生，可以解析普通文本、JSON、二進制數據)

<!DOCTYPE html> <html lang="en" dir="ltr"><head><meta charset="utf-8"><title></title><script>window.onload=function (){let oBtn=document.getElementById('btn1');let img1=document.getElementById('img1');// fetch是異步請求的方式，這里利用了ES6的async/await語法oBtn.onclick=async function (){//1.請求// let res=await fetch('data/1.txt'); //普通文本數據// let res = await fetch('data/1.json'); //json數據let res = await fetch('data/1.png'); // 二進制數據//2.解析數據，也是異步方式// let str= await res.text();// alert(str);// let json = await res.json();// console.log(json);let data = await res.blod(); //解析二進制數據let url = URL.createObjectURL(data); //在本地臨時創建保存一個urlimg1.src = url;};};</script></head><body><input type="button" value="讀取" id="btn1"><img id="img1" /></body> </html>復制代碼

FormData

FormDate(前端處理表單數據,然后交給ajax提交數據)、Ajax、multiparty(Node)配合使用

原生Ajax提交數據

<!DOCTYPE html> <html lang="en" dir="ltr"><head><meta charset="utf-8"><title></title></head><body><form id="form1" action="http://localhost:8080/" method="post">用戶：<input type="text" name="user" /><br>密碼：<input type="password" name="pass" /><br>文件：<input type="file" name="f1" /><br><input type="submit" value="提交"></form></body><script>let oForm=document.querySelector('#form1');oForm.onsubmit=function (){let formdata=new FormData(oForm);let xhr=new XMLHttpRequest();xhr.open(oForm.method, oForm.action, true);xhr.send(formdata);xhr.onreadystatechange=function (){if(xhr.readyState==4){if(xhr.status==200){alert('成功');}else{alert('失敗');}}};return false;};</script> </html>復制代碼

JQuery-Ajax

<!DOCTYPE html> <html lang="en" dir="ltr"><head><meta charset="utf-8"><title></title></head><body><form id="form1" action="http://localhost:8080/" method="post">用戶：<input type="text" name="user" /><br>密碼：<input type="password" name="pass" /><br>文件：<input type="file" name="f1" /><br><input type="submit" value="提交"></form></body><script src="jquery.js" charset="utf-8"></script><script>$('#form1').on('submit', function (){let formdata=new FormData(this);$.ajax({url: this.action,type: this.method,data: formdata,/* JQuery會自動將data中上傳的數據轉換成另外一種格式，所以會導致數據格式不正確，導致失敗 */processData: false, // 不需要轉換數據格式/* JQuery會自動提交一個contentType,導致失敗 */contentType: false // 不需要篡改contentType}).then(res=>{alert('成功');}, res=>{alert('失敗');});return false;});</script> </html>復制代碼

若無form表單，可自定義一個FormData(Ajax2.0)，然后在FormData里添加內容

<!DOCTYPE html> <html lang="en" dir="ltr"><head><meta charset="utf-8"><title></title></head><body><div id="div1">用戶：<input type="text" id="user" /><br>密碼：<input type="password" id="pass" /><br>文件：<input type="file" id="f1" /><br><input id="btn1" type="button" value="提交"></div></body><script>let oBtn=document.querySelector('#btn1');oBtn.onclick=function (){let formdata=new FormData();formdata.append('username', document.querySelector('#user').value);formdata.append('password', document.querySelector('#pass').value);formdata.append('f1', document.querySelector('#f1').files[0]);//let xhr=new XMLHttpRequest();xhr.open('post', 'http://localhost:8080/', true);xhr.send(formdata);xhr.onreadystatechange=function (){if(xhr.readyState==4){if(xhr.status==200){alert('成功');}else{alert('失敗');}}};};</script> </html>復制代碼

Websocket（性能高、雙向發送數據,天然加密）

原生Websocket創建連接：

<!DOCTYPE html> <html lang="en" dir="ltr"><head><meta charset="utf-8"><title></title><script>// 創建scoketlet ws=new WebSocket('ws://localhost:8080/');// 建立連接ws.onopen=function (){alert('連接已建立');};// 數據交互ws.onmessage=function (){};// 連接關閉ws.onclose=function (){};// 連接發送錯誤ws.onerror=function (){};</script></head><body></body> </html> 復制代碼

socket.io

（簡單方便，自動解析，兼容IE5，自帶跨域）

前端用法：

<!DOCTYPE html> <html lang="en" dir="ltr"><head><meta charset="utf-8"><title></title>// 服務器自動返回socket.io<script src="http://localhost:8080/socket.io/socket.io.js" charset="utf-8"></script><script>// 連接scoket.iolet sock=io.connect('ws://localhost:8080/');// 發送數據 sock.emit(函數名字，數據值1，數據值2)//sock.emit('aaa', 12, 5);// 接收數據 sock.in(函數名字，(參數1，參數2)=>{})sock.on('timer', time=>{console.log(time);});</script></head><body></body> </html>復制代碼

服務器：

npm i socket.io復制代碼

轉載于:https://juejin.im/post/5cbe5108e51d456e5977b19e

總結

以上是生活随笔為你收集整理的Node基础篇（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

基础
node

上一篇：【SRX】RE与PFE策略不同步，导致C
下一篇： OAuth 2.0初学者指南