国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<object id="8sege"></object>

<li id="8sege"><strike id="8sege"></strike></li>

<li id="8sege"><small id="8sege"></small></li>

<wbr id="8sege"></wbr>

10-Node.js入門

2年前作者：是三好分類：Toy博客閱讀(48)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了10-Node.js入門。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

01.什么是 Node.js

目標(biāo)

什么是 Node.js，有什么用，為何能獨(dú)立執(zhí)行 JS 代碼，演示安裝和執(zhí)行 JS 文件內(nèi)代碼

講解

Node.js 是一個(gè)獨(dú)立的 JavaScript 運(yùn)行環(huán)境，能獨(dú)立執(zhí)行 JS 代碼，因?yàn)檫@個(gè)特點(diǎn)，它可以用來編寫服務(wù)器后端的應(yīng)用程序
Node.js 作用除了編寫后端應(yīng)用程序，也可以對(duì)前端代碼進(jìn)行壓縮，轉(zhuǎn)譯，整合等等，提高前端開發(fā)和運(yùn)行效率
Node.js 基于Chrome V8 引擎封裝，獨(dú)立執(zhí)行 JS 代碼，但是語法和瀏覽器環(huán)境的 V8 有所不同，沒有 document 和 window 但是都支持 ECMAScript 標(biāo)準(zhǔn)的代碼語法
想要得到 Node.js 需要把這個(gè)軟件安裝到電腦，下載安裝程序默認(rèn)下一步安裝即可
Node.js 沒有圖形化界面，需要使用 cmd 終端命令行（利用一些命令來操控電腦執(zhí)行某些程序軟件）輸入，node -v 檢查是否安裝成功
```
node -v
```

需求：新建 index.js 文件，編寫打印代碼和 for 循環(huán)打印 3 個(gè) 6

/**
 * 目標(biāo)：編寫 js 代碼，用 node 命令執(zhí)行
 * 終端作用：敲擊命令，調(diào)用對(duì)應(yīng)程序執(zhí)行
 * 終端打開：目標(biāo)文件->右鍵->在集成終端中打開
 * 命令：node xxx.js （注意路徑）
 */
console.log('Hello, World')
for (let i = 0; i < 3; i++) {
  console.log(6)
}

Node.js 執(zhí)行目標(biāo) JS 文件，需要使用 node xxx.js 命令來執(zhí)行（我們可以借助 VSCode 集成終端使用，好處：可以快速切換到目標(biāo) JS 文件所在終端目錄，利用相對(duì)路徑找到要執(zhí)行的目標(biāo) JS 文件

02.fs模塊-讀寫文件

目標(biāo)

了解模塊概念，使用 fs 模塊封裝的方法讀寫文件內(nèi)容

講解

模塊：類似插件，封裝了方法和屬性供我們使用
fs 模塊：封裝了與本機(jī)文件系統(tǒng)進(jìn)行交互的，方法和屬性

fs 模塊使用語法如下：

加載 fs 模塊，得到 fs 對(duì)象
```
const fs = require('fs')
```

寫入文件內(nèi)容語法：

fs.writeFile('文件路徑', '寫入內(nèi)容', err => {
  // 寫入后的回調(diào)函數(shù)
})

讀取文件內(nèi)容的語法：

fs.readFile('文件路徑', (err, data) => {
  // 讀取后的回調(diào)函數(shù)
  // data 是文件內(nèi)容的 Buffer 數(shù)據(jù)流
})

需求：向 test.txt 文件寫入內(nèi)容并讀取打印

/**
 * 目標(biāo)：使用 fs 模塊，讀寫文件內(nèi)容
 * 語法：
 * 1. 引入 fs 模塊
 * 2. 調(diào)用 writeFile 寫入內(nèi)容
 * 3. 調(diào)用 readFile  讀取內(nèi)容
 */
// 1. 引入 fs 模塊
const fs = require('fs')
// 2. 調(diào)用 writeFile 寫入內(nèi)容
// 注意：建議寫入字符串內(nèi)容，會(huì)覆蓋目標(biāo)文件所有內(nèi)容
fs.writeFile('./text.txt', '歡迎使用 fs 模塊讀寫文件內(nèi)容', err => {
  if (err) console.log(err)
  else console.log('寫入成功')
})
// 3. 調(diào)用 readFile  讀取內(nèi)容
fs.readFile('./text.txt', (err, data) => {
  if (err) console.log(err)
  else console.log(data.toString()) // 把 Buffer 數(shù)據(jù)流轉(zhuǎn)成字符串類型
})

03.path模塊-路徑處理

目標(biāo)

使用 path 模塊來得到絕對(duì)路徑

講解

為什么在 Node.js 待執(zhí)行的 JS 代碼中要用絕對(duì)路徑：

Node.js 執(zhí)行 JS 代碼時(shí)，代碼中的路徑都是以終端所在文件夾出發(fā)查找相對(duì)路徑，而不是以我們認(rèn)為的從代碼本身出發(fā)，會(huì)遇到問題，所以在 Node.js 要執(zhí)行的代碼中，訪問其他文件，建議使用絕對(duì)路徑
新建 03 文件夾編寫待執(zhí)行的 JS 代碼，訪問外層相對(duì)路徑下的文件，然后在最外層終端路徑來執(zhí)行目標(biāo)文件，造成問題
問題原因：就是從代碼文件夾出發(fā)，使用../text.txt解析路徑，找不到目標(biāo)文件，報(bào)錯(cuò)了！

解決方案：使用模塊內(nèi)置變量 __dirname配合 path.join() 來得到絕對(duì)路徑使用

const fs = require('fs')
console.log(__dirname) // D:\備課代碼\2_node_3天\Node_代碼\Day01_Node.js入門\代碼\03

// 1. 加載 path 模塊
const path = require('path')
// 2. 使用 path.join() 來拼接路徑
const pathStr = path.join(__dirname, '..', 'text.txt')
console.log(pathStr)

fs.readFile(pathStr, (err, data) => {
  if (err) console.log(err)
  else console.log(data.toString())
})

再次執(zhí)行查看問題就被修復(fù)了！以后在 Node.js 要執(zhí)行的 JS 代碼中訪問其他文件的路徑，都建議使用絕度路徑

04.案例-壓縮前端html

目標(biāo)

壓縮前端代碼，體驗(yàn)前端工程化的例子

講解

前端工程化：前端代碼壓縮，整合，轉(zhuǎn)譯，測試，自動(dòng)部署等等工具的集成統(tǒng)稱，為了提高前端開發(fā)項(xiàng)目的效率
需求：把準(zhǔn)備好的 html 文件里的回車符（\r）和換行符（\n）去掉進(jìn)行壓縮，寫入到新 html 中
步驟：
1. 讀取源 html 文件內(nèi)容
2. 正則替換字符串
3. 寫入到新的 html 文件中，并運(yùn)行查看是否能正常打開網(wǎng)頁

代碼如下：文章來源地址http://www.zghlxwxcb.cn/news/detail-727126.html

/**
 * 目標(biāo)一：壓縮 html 里代碼
 * 需求：把 public/index.html 里的，回車/換行符去掉，寫入到 dist/index.html 中
 *  1.1 讀取 public/index.html 內(nèi)容
 *  1.2 使用正則替換內(nèi)容字符串里的，回車符\r 換行符\n
 *  1.3 確認(rèn)后，寫入到 dist/index.html 內(nèi)
 */
const fs = require('fs')
const path = require('path')
// 1.1 讀取 public/index.html 內(nèi)容
fs.readFile(path.join(__dirname, 'public', 'index.html'), (err, data) => {
  const htmlStr = data.toString()
  // 1.2 使用正則替換內(nèi)容字符串里的，回車符\r 換行符\n
  const resultStr = htmlStr.replace(/[\r\n]/g, '')
  // 1.3 確認(rèn)后，寫入到 dist/index.html 內(nèi)
  fs.writeFile(path.join(__dirname, 'dist', 'index.html'), resultStr, err => {
    if (err) console.log(err)
    else console.log('壓縮成功')
  })
})

05.案例-壓縮前端JS

目標(biāo)

體驗(yàn)前端工程化，壓縮，轉(zhuǎn)譯，整合代碼

講解

需求：把準(zhǔn)備好的 JS 文件代碼的回車符，換行符，打印語句去掉，并插入到之前 html 內(nèi)容之后
步驟：
1. 讀取 js 文件內(nèi)容
2. 正則表達(dá)式替換回車符，換行符，打印語句為空字符串
3. 拼接 html 代碼和 js 代碼，寫入到新的 html 文件中

代碼如下：

/**
 * 目標(biāo)二：壓縮 js 里代碼，并整合到 html 中一起運(yùn)行
 *  2.1 讀取 public/index.js 內(nèi)容
 *  2.2 使用正則替換內(nèi)容字符串里的，回車符\r 換行符\n 打印語句console.log('xxx');
 *  2.3 確認(rèn)后，拼接 html 內(nèi)容寫入到 dist/index.html 內(nèi)
 */
const fs = require('fs')
const path = require('path')
fs.readFile(path.join(__dirname, 'public', 'index.html'), (err, data) => {
  const htmlStr = data.toString()
  const resultStr = htmlStr.replace(/[\r\n]/g, '')

  // 2.1 讀取 public/index.js 內(nèi)容
  fs.readFile(path.join(__dirname, 'public', 'index.js'), (err, data) => {
    const jsStr = data.toString()
    // 2.2 使用正則替換內(nèi)容字符串里的，回車符\r 換行符\n 打印語句console.log('xxx');
    const jsResultStr = jsStr.replace(/[\r\n]/g, '').replace(/console.log\('.+?'\);/g, '')
    const result = `<script>${jsResultStr}</script>`
    console.log(result)

    // 2.3 確認(rèn)后，拼接 html 內(nèi)容寫入到 dist/index.html 內(nèi)
    fs.writeFile(path.join(__dirname, 'dist', 'index.html'), resultStr + result, err => {
      if (err) console.log(err)
      else console.log('壓縮成功')
    })
  })


})

06.認(rèn)識(shí)URL中的端口號(hào)

目標(biāo)

認(rèn)識(shí) URL 中端口號(hào)的作用，以及 Web 服務(wù)的作用

講解

URL 是統(tǒng)一資源定位符，簡稱網(wǎng)址，用于訪問網(wǎng)絡(luò)上的資源
端口號(hào)的作用：標(biāo)記服務(wù)器里對(duì)應(yīng)的服務(wù)程序，值為（0-65535 之間的任意整數(shù)）
注意：http 協(xié)議，默認(rèn)訪問的是 80 端口
Web服務(wù)：一個(gè)程序，用于提供網(wǎng)上信息瀏覽功能
注意：0-1023 和一些特定的端口號(hào)被占用，我們自己編寫服務(wù)程序請(qǐng)避開使用

07.http模塊-創(chuàng)建Web服務(wù)

目標(biāo)

基于 Node.js 環(huán)境，使用內(nèi)置 http 模塊，創(chuàng)建 Web 服務(wù)程序

講解

需求：引入 http 模塊，使用相關(guān)語法，創(chuàng)建 Web 服務(wù)程序，響應(yīng)返回給請(qǐng)求方一句提示 ‘hello，world’
步驟：
1. 引入 http 模塊，創(chuàng)建 Web 服務(wù)對(duì)象
2. 監(jiān)聽 request 請(qǐng)求事件，對(duì)本次請(qǐng)求，做一些響應(yīng)處理
3. 啟動(dòng) Web 服務(wù)監(jiān)聽對(duì)應(yīng)端口號(hào)
4. 運(yùn)行本服務(wù)在終端進(jìn)程中，用瀏覽器發(fā)起請(qǐng)求
注意：本機(jī)的域名叫做 localhost

代碼如下：

/**
 * 目標(biāo)：使用 http 模塊，創(chuàng)建 Web 服務(wù)
 * Web服務(wù)：一個(gè)程序，用于提供網(wǎng)上信息瀏覽服務(wù)
 * 步驟：
 *  1. 引入 http 模塊，創(chuàng)建 Web 服務(wù)對(duì)象
 *  2. 監(jiān)聽 request 事件，對(duì)本次請(qǐng)求，做一些響應(yīng)處理
 *  3. 啟動(dòng) Web 服務(wù)監(jiān)聽對(duì)應(yīng)端口號(hào)
 *  4. 運(yùn)行本服務(wù)在終端，用瀏覽器訪問 http://localhost:3000/ 發(fā)起請(qǐng)求（localhost 是本機(jī)域名）
 * 注意：終端里啟動(dòng)了服務(wù)，如果想要終止按 ctrl c 停止即可
 */
// 1. 引入 http 模塊，創(chuàng)建 Web 服務(wù)對(duì)象
const http = require('http')
const server = http.createServer()
// 2. 監(jiān)聽 request 事件，對(duì)本次請(qǐng)求，做一些響應(yīng)處理
server.on('request', (req, res) => {
  res.end('hello, world') // 一次請(qǐng)求只能對(duì)應(yīng)一次響應(yīng)
})
// 3. 啟動(dòng) Web 服務(wù)監(jiān)聽對(duì)應(yīng)端口號(hào)
server.listen(3000, () => {
  console.log('Web 服務(wù)啟動(dòng)了')
})

08.Web服務(wù)-支持中文字符

目標(biāo)

讓 Web 服務(wù)，返回中文字符，瀏覽器正確解析加載

講解

需求：讓 Web 服務(wù)返回中文字符，瀏覽器能正確加載解析
步驟：給 Web 服務(wù)程序添加響應(yīng)頭，設(shè)置內(nèi)容類型和正確的編碼格式，重啟 Web 服務(wù)測試訪問即可
```
res.setHeader('Content-Type', 'text/html;charset=utf-8')
```
編碼：編碼是信息從一種形式或格式轉(zhuǎn)換為另一種形式的過程，指的把文字在計(jì)算機(jī)里的二進(jìn)制數(shù)據(jù)，用什么形式展示出來
utf-8編碼：是一種關(guān)系映射表，也叫 utf-8 編碼表，可以把中文，英文等等很多字符準(zhǔn)確的展示出來

09.案例-省份列表接口

目標(biāo)

基于 Web 服務(wù)，編寫代碼，把省份列表數(shù)據(jù)響應(yīng)給請(qǐng)求方

講解

需求：基于 Web 服務(wù)，開發(fā)提供省份列表數(shù)據(jù)的接口，了解下后端的代碼工作過程
步驟：
1. 基于 http 模塊，創(chuàng)建 Web 服務(wù)
2. 使用 req.url 獲取請(qǐng)求資源路徑，并讀取 province.json 理論省份數(shù)據(jù)返回給請(qǐng)求方
3. 其他路徑，暫時(shí)返回不存在的提示
4. 運(yùn)行 Web 服務(wù)，用瀏覽器發(fā)起請(qǐng)求測試，看是否可以獲取到省份列表數(shù)據(jù)

代碼如下：

/**
 * 目標(biāo)：基于 Web 服務(wù)，開發(fā)-省份列表數(shù)據(jù)接口
 * 步驟：
 *  1. 創(chuàng)建 Web 服務(wù)
 *  2. 使用 req.url 獲取請(qǐng)求的資源路徑，讀取 json 文件數(shù)據(jù)返回
 *  3. 其他請(qǐng)求的路徑，暫時(shí)返回不存在的提示
 *  4. 運(yùn)行 Web 服務(wù)，用瀏覽器請(qǐng)求地址查看效果
 */
const fs = require('fs')
const path = require('path')
// 1. 創(chuàng)建 Web 服務(wù)
const http = require('http')
const server = http.createServer()
server.on('request', (req, res) => {
  // 2. 使用 req.url 獲取請(qǐng)求的資源路徑，讀取 json 文件數(shù)據(jù)返回
  if (req.url === '/api/province') {
    fs.readFile(path.join(__dirname, 'data/province.json'), (err, data) => {
      res.setHeader('Content-Type', 'application/json;charset=utf-8')
      res.end(data.toString())
    })
  } else {
    // 3. 其他請(qǐng)求的路徑，暫時(shí)返回不存在的提示
    res.setHeader('Content-Type', 'text/html;charset=utf-8')
    res.end('你要訪問的資源路徑不存在')
  }
})
server.listen(3000, () => {
  console.log('Web 服務(wù)啟動(dòng)了')
})

10.案例-城市列表接口

目標(biāo)

體驗(yàn)城市列表接口開發(fā)效果，以及查詢參數(shù)如何傳遞給后端，后端是如何找到對(duì)應(yīng)的數(shù)據(jù)

講解

需求：基于剛剛的 Web 服務(wù)，開發(fā)提供城市列表數(shù)據(jù)的接口，了解下后端代碼的工作過程
步驟：
1. 判斷 req.url 資源路徑+查詢字符串，路徑前綴匹配 /api/city
2. 借助 querystring 模塊的方法，格式化查詢字符串
3. 讀取 city.json 城市數(shù)據(jù)，匹配省份名字下屬城市列表
4. 返回城市列表，啟動(dòng) Web 服務(wù)測試

代碼如下：

/**
 * 目標(biāo)：基于 Web 服務(wù)，開發(fā)-城市列表數(shù)據(jù)接口
 * 步驟：
 *  1. 判斷 req.url 資源路徑+查詢字符串，路徑前綴匹配/api/city
 *  2. 借助 querystring 模塊的方法，格式化查詢參數(shù)字符串
 *  3. 讀取 city.json 城市數(shù)據(jù)，匹配省份名字下屬城市列表
 *  4. 返回城市列表，啟動(dòng) Web 服務(wù)測試
 */
const qs = require('querystring')
const fs = require('fs')
const path = require('path')
const http = require('http')
const server = http.createServer()
server.on('request', (req, res) => {
  // 省份列表接口
  if (req.url === '/api/province') {
    fs.readFile(path.join(__dirname, 'data/province.json'), (err, data) => {
      res.setHeader('Content-Type', 'application/json;charset=utf-8')
      res.end(data.toString())
    })
    // 1. 判斷 req.url 資源路徑+查詢字符串，路徑前綴匹配/api/city
  } else if (req.url.startsWith('/api/city')) {
    // 城市列表接口
    // 2. 借助 querystring 模塊的方法，格式化查詢參數(shù)字符串
    // req.url: '/api/city?pname=遼寧省'
    // 以?分隔符分割，拿到'pname=遼寧省'查詢參數(shù)字符串
    const str = req.url.split('?')[1]
    // 把查詢參數(shù)字符串 轉(zhuǎn)成 JS 對(duì)象結(jié)構(gòu)
    const query = qs.parse(str)
    // 獲取前端發(fā)來的省份名字
    const pname = query.pname
    // 3. 讀取 city.json 城市數(shù)據(jù)，匹配省份名字下屬城市列表
    fs.readFile(path.join(__dirname, 'data/city.json'), (err, data) => {
      // 把 JSON 文件內(nèi)對(duì)象格式字符串，轉(zhuǎn)成對(duì)象結(jié)構(gòu)
      const obj = JSON.parse(data.toString())
      // 省份名字作為 key，去obj對(duì)象里取到對(duì)應(yīng)城市列表 value 值
      const cityList = obj[pname]
      // 4. 返回城市列表，啟動(dòng) Web 服務(wù)測試
      // 響應(yīng)的是 JSON 字符串內(nèi)容
      res.setHeader('Content-Type', 'application/json;charset=utf-8')
      res.end(JSON.stringify(cityList))
    })
  } else {
    res.setHeader('Content-Type', 'text/html;charset=utf-8')
    res.end('你要訪問的資源路徑不存在')
  }
})
server.listen(3000, () => {
  console.log('Web 服務(wù)啟動(dòng)了')
})

11.案例-瀏覽時(shí)鐘

目標(biāo)

體驗(yàn) Web 服務(wù)除了接口數(shù)據(jù)以外，還能返回網(wǎng)頁資源等

講解

需求：基于 Web 服務(wù)，開發(fā)提供網(wǎng)頁資源的功能，了解下后端的代碼工作過程
步驟：
1. 基于 http 模塊，創(chuàng)建 Web 服務(wù)
2. 使用 req.url 獲取請(qǐng)求資源路徑為 /index.html 的時(shí)候，讀取 index.html 文件內(nèi)容字符串返回給請(qǐng)求方
3. 其他路徑，暫時(shí)返回不存在的提示
4. 運(yùn)行 Web 服務(wù)，用瀏覽器發(fā)起請(qǐng)求

代碼如下：

/**
 * 目標(biāo)：編寫 web 服務(wù)，監(jiān)聽請(qǐng)求的是 /index.html 路徑的時(shí)候，返回 dist/index.html 時(shí)鐘案例頁面內(nèi)容
 * 步驟：
 *  1. 基于 http 模塊，創(chuàng)建 Web 服務(wù)
 *  2. 使用 req.url 獲取請(qǐng)求資源路徑，并讀取 index.html 里字符串內(nèi)容返回給請(qǐng)求方
 *  3. 其他路徑，暫時(shí)返回不存在提示
 *  4. 運(yùn)行 Web 服務(wù)，用瀏覽器發(fā)起請(qǐng)求
 */
const fs = require('fs')
const path = require('path')
// 1. 基于 http 模塊，創(chuàng)建 Web 服務(wù)
const http = require('http')
const server = http.createServer()
server.on('request', (req, res) => {
  // 2. 使用 req.url 獲取請(qǐng)求資源路徑，并讀取 index.html 里字符串內(nèi)容返回給請(qǐng)求方
  if (req.url === '/index.html') {
    fs.readFile(path.join(__dirname, 'dist/index.html'), (err, data) => {
      res.setHeader('Content-Type', 'text/html;charset=utf-8')
      res.end(data.toString())
    })
  } else {
    // 3. 其他路徑，暫時(shí)返回不存在提示
    res.setHeader('Content-Type', 'text/html;charset=utf-8')
    res.end('你要訪問的資源路徑不存在')
  }
})
server.listen(8080, () => {
  console.log('Web 服務(wù)啟動(dòng)了')
})

到了這里，關(guān)于10-Node.js入門的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

前端node.js入門-前端工程化與模塊化
(創(chuàng)作不易，感謝有你，你的支持，就是我前行的最大動(dòng)力，如果看完對(duì)你有幫助，請(qǐng)留下您的足跡）目錄 Node.js 入門? 什么是 Node.js？什么是前端工程化？ ? Node.js 為何能執(zhí)行 JS？? fs 模塊 - 讀寫文件? path 模塊 - 路徑處理 URL 中的端口號(hào)? 常見的服務(wù)程序? Node.js 模塊化什
2024年02月14日
瀏覽(158)
web學(xué)習(xí)筆記（四十五）Node.js
目錄 1. Node.js 1.1 什么是Node.js 1.2 為什么要學(xué)node.js 1.3??node.js的使用場景 1.4 Node.js 環(huán)境的安裝 1.5 如何查看自己安裝的node.js的版本 1.6 常用終端命令 2. fs 文件系統(tǒng)模塊 2.1引入fs核心模塊 2.2?讀取指定文件的內(nèi)容 2.3??向文件寫入指定內(nèi)容 2.4 創(chuàng)建文件夾? 2.5 判斷文件夾是否存
2024年04月16日
瀏覽(31)
python web 開發(fā)與 Node.js + Express 創(chuàng)建web服務(wù)器入門
目錄 1.?Node.js + Express 框架簡介 2??Node.js + Express 和 Python?創(chuàng)建web服務(wù)器的對(duì)比 3 使用 Node.js + Express 創(chuàng)建web服務(wù)器示例 3.1?Node.js + Express 下載安裝 3.2 使用Node.js + Express 創(chuàng)建 web服務(wù)器流程 ????????Node.js + Express 是一種常用于構(gòu)建 Web 應(yīng)用程序的開發(fā)堆棧，其中 Node.js 是運(yùn)行
2024年02月10日
瀏覽(29)
前端筆記10——Win7下node.js和npm版本兼容性問題解決。
新版本node.js不支持WIN7。 Win7的電腦只能支持到Node v13.14.0。可能之前裝了新版本的node，刪了重裝后，導(dǎo)致運(yùn)行npm命令老是提醒信息，說是不支持node版本。 npm does not support Node.js v13.14.0 可是顯示版本正常解決方法：卸載node之后，在把npm和npm cache兩個(gè)文件夾刪掉。刪干凈后再
2024年02月15日
瀏覽(40)
前端學(xué)習(xí) node 快速入門系列 —— 事件循環(huán)
本篇將對(duì)以下問題進(jìn)行討論：瀏覽器有事件循環(huán)，node 也有事件循環(huán)，兩者有什么異同？ node 核心特性（事件驅(qū)動(dòng)和非阻塞 I/O ）和事件循環(huán)有什么關(guān)系？ node 中的高并發(fā)和高性能和事件循環(huán)有關(guān)系嗎？ node 不適合什么場景？有人說 Node 是單線程，有人又說 node 存在多線程，
2024年02月06日
瀏覽(29)
淺談 Node.js 與快速入門使用——前端開發(fā)工程師必須要知道的技術(shù)（文末送書福利6.0）
當(dāng)下，各行各業(yè)都面臨著大數(shù)據(jù)、人工智能、AR（augmented reality，增強(qiáng)現(xiàn)實(shí)）、VR（virtual reality，虛擬現(xiàn)實(shí)）等各種互聯(lián)網(wǎng)新技術(shù)的沖擊。在此技術(shù)背景下，Web前端行業(yè)也發(fā)生了巨大的改變，前端程序員已從單純的切圖處理發(fā)展到了需要處理多種后端業(yè)務(wù)。其中，Node.js 就是連
2024年02月09日
瀏覽(36)
前端10年進(jìn)化 Node.js、模塊化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue
模塊化的概念在軟件開發(fā)領(lǐng)域已經(jīng)存在很長時(shí)間，但在?JavaScript?中的模塊化發(fā)展相對(duì)較晚。以下是對(duì)您提出的問題的回答：提出時(shí)間：JavaScript?中的模塊化概念相對(duì)較早地提出于?CommonJS?規(guī)范。CommonJS?是一種?JavaScript?模塊化規(guī)范，最早在?2009?年由?Ryan?Dahl?和其他社區(qū)成
2024年02月11日
瀏覽(25)
前端框架前置課Node.js學(xué)習(xí)(1) fs,path,模塊化,CommonJS標(biāo)準(zhǔn),ECMAScript標(biāo)準(zhǔn),包
目錄什么是Node.js 定義作用: 什么是前端工程化 Node.js為何能執(zhí)行Js fs模塊-讀寫文件模塊語法: 1.加載fs模塊對(duì)象 2.寫入文件內(nèi)容 3.讀取文件內(nèi)容 Path模塊-路徑處理為什么要使用path模塊語法 URL中的端口號(hào) http模塊-創(chuàng)建Web服務(wù) 需求步驟: 案例:瀏覽時(shí)鐘步驟: 什么是模塊化定
2024年01月16日
瀏覽(54)
前端食堂技術(shù)周刊第 93 期：7 月登陸 Web 平臺(tái)的新功能、Node.js 工具箱、Nuxt3 開發(fā)技巧、MF 重構(gòu)方案
美味值：?????????? 口味：橙橙冰萃美式食堂技術(shù)周刊倉庫地址：https://github.com/Geekhyt/weekly 大家好，我是童歐巴。歡迎來到前端食堂技術(shù)周刊，我們先來看下上周的技術(shù)資訊。 Deno 八月更新 Deno 1.36 更靈活的權(quán)限控制、Deno Deploy 可過濾、搜索的持久化日志、Fresh 1.3 路由
2024年02月13日
瀏覽(29)
【node.js從入門到精通】使用express創(chuàng)建web服務(wù)器，路由，進(jìn)行中間件的創(chuàng)建鏈接路由及其他中間件
目錄前言初識(shí)express 使用express創(chuàng)建基本的web服務(wù)器初識(shí)express路由路由匹配概念路由模塊化中間件中間件和路由的區(qū)別定義中間件函數(shù) 中間件作用? ?局部生效中間價(jià) 中間件分類 ?1.應(yīng)用級(jí)別中間件 ?2.路由級(jí)別的中間件 ?3.錯(cuò)誤級(jí)別中間件 ?4.內(nèi)置中間件 ?5.自定義中間
2024年02月02日
瀏覽(63)

<bdo id="miceg"><cite id="miceg"></cite></bdo>