咱們前端這么多技術(shù)，上手容易，但是搞清楚原理不太簡(jiǎn)單呀，而我偏偏強(qiáng)迫癥，不喜歡一頭霧水的使用某個(gè)技術(shù)，某行代碼，所以在之前學(xué)習(xí)node的時(shí)候研究了一點(diǎn)東西，梳理了一下趁著這次整理，一齊放上來

先來段入門的文件讀寫練練手再開講

• 讀取文件（fs）
  1、fs模塊是系統(tǒng)模塊，叫文件系統(tǒng), FileSystem用來操作本地文件,原生js做不到。
  2、文件系統(tǒng)的寫讀nodejs/js都有一個(gè)異步的回調(diào)機(jī)制。
  3、nodejs 錯(cuò)誤優(yōu)先機(jī)制,在nodejs 中大部分模塊的回調(diào)函數(shù)中,第一個(gè)參數(shù)為異常信
  息。
  4、二進(jìn)制流轉(zhuǎn)換成字符串toString。
  
• 文件夾操作—自己創(chuàng)模塊

注意路徑問題:
如果沒有加相對(duì)路徑默認(rèn)Mnodejs系統(tǒng)模塊中查找，然后查找當(dāng)前項(xiàng)目中的node_ modules眼然后報(bào)錯(cuò)

//dufile.js const t = require('./tools'); const { add } = require('./tools'); console.log(t.add(3,2)) console.log(add(3,4))//tool.js function add(a,b){return a+b } module.exports={add}

• 文件夾操作–創(chuàng)建文件夾

existsSync判斷是否存在目錄,然后返回bool值。

循環(huán)創(chuàng)建 recursive:true,如果父級(jí)不存在會(huì)自動(dòng)創(chuàng)建

const fs = require("fs"); // existsSync判斷是否存在目錄，然后返回bool值。 if (!fs.existsSync("./data")) {fs.mkdirSync("./data"); }fs.mkdirSync("./data/20191111", {recursive: true });fs.mkdirSync("./books/20191111", {recursive: true //循環(huán)創(chuàng)建，如果父級(jí)不存在會(huì)自動(dòng)創(chuàng)建 });/* 文件夾操作 !判斷是否存在 existsSync ?循環(huán)創(chuàng)建 recursive:true */

• 如何安裝第三方模塊來使用
• 1. 網(wǎng)絡(luò)請(qǐng)求axios
  直接npm安裝就能用，安裝后可以發(fā)送各種網(wǎng)絡(luò)請(qǐng)求數(shù)據(jù)然后放在某個(gè)地方直接用。axios使一 個(gè)http可以用在瀏覽器端和nodejs端，如果在瀏覽器里使用，可以根據(jù)當(dāng)前使用環(huán)境調(diào)用瀏覽器里發(fā)網(wǎng)絡(luò)請(qǐng)求的底層插件(底層API)叫XmlHttpRequest模塊,如果在nodejs使用, 會(huì)調(diào)用nodejs 里的http模塊,這個(gè)是插件自己封裝好的。
  1、axios發(fā)起網(wǎng)絡(luò)請(qǐng)求,發(fā)完之后把數(shù)據(jù)存在一個(gè)文件里
  2、get取數(shù)據(jù)然后直接展示出來或者存在文件里
• 2. 數(shù)據(jù)截取cheerio
  如何抓取網(wǎng)頁里面的詳細(xì)內(nèi)容，目的是做- -些假數(shù)據(jù)，讓網(wǎng)站看起來不太假，手寫太累，用爬蟲，數(shù)據(jù)采集。
  cheerio可以在nodejs中使用,用來解析htmL 內(nèi)容–做爬蟲

// *1、引入這個(gè)值 const axios = require('axios').default; // *3、 const fs = require("fs"); // *5、cheerio 可以在nodejs中使用，用來解析html內(nèi)容---做爬蟲 const cheerio = require("cheerio"); // *2、發(fā)請(qǐng)求 // *發(fā)送一個(gè)get請(qǐng)求，.then表示成功之后回調(diào)函數(shù) // axios.get("http://www.baidu.com").then(res => { // // ?console.log(res.data); // // *3、把這個(gè)返回結(jié)果放在db.html // fs.writeFileSync("./data/bd.html", res.data) // }); /* *4、 !axios發(fā)起網(wǎng)絡(luò)請(qǐng)求，發(fā)完之后把數(shù)據(jù)存在一個(gè)文件里 !get 取數(shù)據(jù) 然后直接展示出來或者存在文件里 */ // *6、其元素選擇方式和jqery一模一樣，此處截取的是當(dāng)前網(wǎng)絡(luò)的標(biāo)題 /* axios.get("http://www.baidu.com").then(res => {const $ = cheerio.load(res.data);console.log($("title").text()); }); */// *1、向這個(gè)網(wǎng)址發(fā)起一個(gè)get請(qǐng)求，請(qǐng)求成功之后獲取一個(gè)數(shù)據(jù)放在jq對(duì)象$里 axios.get('https://www.readnovel.com/book/13360954903153104#Catalog').then(res => {const $ = cheerio.load(res.data);const books = [] 7// *2、jq操作 元素選擇$(".volume-wrap .volume .cf li").each(function() {const book = {}book.title = $(this).find('a').text()book.url = $(this).find('a').attr("href")books.push(book)})fs.writeFileSync("./books/text1.json", JSON.stringify(books));console.log("抓取數(shù)據(jù)完成！");console.log(res.data); })

說到node，必須來說下，如何通過express快速搭建一個(gè)服務(wù)器

安裝npm install express ---- 引入模塊 const express = require(“express”)

啟動(dòng)并監(jiān)聽它的運(yùn)行端口express.listen(端口號(hào),()=>{})
搭建完成，已經(jīng)可以通過輸入網(wǎng)址發(fā)出get請(qǐng)求, post請(qǐng)求了, 要知道(請(qǐng)求地址,回調(diào)函數(shù))。

那么客戶端如何向服務(wù)器調(diào)接口發(fā)請(qǐng)求的呢

延伸原理來咯

• Part 1
  通信協(xié)議（TCP/IP HTTP等），計(jì)算機(jī)里看得見的看不見的都有協(xié)議

  》 ISO 國際標(biāo)準(zhǔn)化組織，分成不同層次，七層模型，OSI/RM 開放系統(tǒng)互聯(lián)/參考模型
  物理層、數(shù)據(jù)鏈路層、網(wǎng)絡(luò)層、傳輸層、會(huì)話層、表示層、應(yīng)用層
  》TCP/IP 四層模型
  網(wǎng)絡(luò)接口層、網(wǎng)絡(luò)層、傳輸層、應(yīng)用層
  》利用下一層為上一層提供服務(wù)
  》IP TCP 傳輸控制協(xié)議 HTTP 超文本傳輸協(xié)議
  》TCP三次握手，保證端到端的可靠連接，UDP用戶數(shù)據(jù)報(bào)協(xié)議，不可卡片的鏈接
  》HTTP 無狀態(tài)協(xié)議，有請(qǐng)求來了就去響應(yīng)就完事了

• Part 2

TCP傳輸控制協(xié)議，傳輸層協(xié)議,定義數(shù)據(jù)傳輸和連接方式的規(guī)范。三次握手完畢后，客戶端與服
務(wù)器才正式開始傳送數(shù)據(jù)。

HTTP超文本傳輸協(xié)議，應(yīng)用層協(xié)議,定義傳輸數(shù)據(jù)的內(nèi)容的規(guī)范。

HTTP協(xié)議中的數(shù)據(jù)是利用TCP協(xié)議傳輸?shù)?#xff0c;特點(diǎn)是客戶端每次發(fā)送的請(qǐng)求都需要服務(wù)器回送響應(yīng)，它
是TCP協(xié)議族中的一種,默認(rèn)使用TCP 80端口。

HTTPS協(xié)議和HTTP協(xié)議不一樣,http是明文傳輸，https則是 更具有安全性的ssl加密傳輸協(xié)議，銨
全,需要到ca申請(qǐng)證書,需要一定費(fèi)用,以安全為目標(biāo)。

SSH為Secure Shell的縮寫，SSH 是建立在應(yīng)用層基礎(chǔ)上的安全協(xié)議。SSH是目前較可靠，專為遠(yuǎn)程登錄會(huì)話和其他網(wǎng)絡(luò)服務(wù)提供安全性的協(xié)議。利用SSH協(xié)議可以有效防止遠(yuǎn)程管理過程中的信息泄露問題。

(FTP)文件傳輸協(xié)議是一種客戶端/服務(wù)器協(xié)議，用于將文件傳輸?shù)街鳈C(jī)或與主機(jī)交換文件。它可以使用用戶名和密碼進(jìn)行身份驗(yàn)證。匿名FTP允許用戶從Internet訪問文件和數(shù)據(jù)。

• Part 3

既然說到端口了，那就來說下常用端口號(hào)
IIS (HTTP) : 80
SQL Server: 1433
Oracle: 1521
MySQL: 3306
FTP: 20/21
MongoDB: 27017
SSH: 22
Tomcat: 8080
https: 443

發(fā)請(qǐng)求的方法都啥呢、其中g(shù)et和post啥區(qū)別呢

當(dāng)時(shí)我也查了查，打下的江山在此截圖奉上

小問題，向服務(wù)器發(fā)起請(qǐng)求都有啥常見情形呢

繼續(xù)我們的node入門之客戶端渲染和服務(wù)端渲染的區(qū)別

SSR 和 B( C )SR

• SSR
  Server side Render服務(wù)器渲染，所有的頁面生成都在服務(wù)器端實(shí)現(xiàn)。
• B( C )SR
  Browser(Client) Side Render 瀏覽器(客戶端)渲染，客戶端向服務(wù)器發(fā)起請(qǐng)求,服務(wù)器端返回?cái)?shù)據(jù)給客戶端,客戶端實(shí)現(xiàn)頁面拼接顯示。
• 哪一個(gè)更好?
  沒有哪個(gè)更好,服務(wù)器只負(fù)責(zé)給數(shù)據(jù),服務(wù)器端的壓力分擔(dān)給客戶端，這是優(yōu)點(diǎn),缺點(diǎn)是客戶端會(huì)多次請(qǐng)求

想了想還是簡(jiǎn)單介紹下路由吧，畢竟咱是個(gè)完整的入門介紹

沒看懂上面一段？往下看，看完下面的白話，再回去品上面的這段，你品，你細(xì)品~

OVER~

總結(jié)

以上是生活随笔為你收集整理的精心整理Node.js入门---原理篇的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。