Node.js概述1
阿新 • • 發佈:2020-08-19
為什麼我們要學習Node.js?
-
認為:
- Node.js就學習一週,時間比較短,不重要
- 將來工作我後端又不用Node.js做,我們又java/python/php/c,為什麼要在意它
- Node.js接下來專案中又不用,不用好好學,不用在意
-
重要性?
- Node.js可以說是對js功能的擴充套件,比如: Node.js可以操作檔案,資料庫
- Node.js是webpack的底層語言,如果Node.js不瞭解,那麼我們webpack學不好
- Node.js是現在vue/React中構建專案的一環,如果學不好,那麼會導致Vue/React基礎不好
- Node.js可以充當前後端連線的一個橋樑
- Node.js也可以當做後端這個角色來看,如果我們想和後端配合的更好,那麼我們必須瞭解後端,Node.js可以說是我們接觸後端的一個方式
- Node.js現在已經成為很多企業的職位要求了
-
Node.js 是一個基於Chrome V8 引擎的JavaScript執行環境
- 服務端的js有什麼能力?(伺服器)
-
Node.js使用了一個事件驅動、非阻塞式I/O的模型,使其輕量又高效
- Node.js功能
- 事件驅動
- 非阻塞I/O模型【 非同步的輸入輸出,比如: 檔案操作、資料庫操作 等 】
- Node.js功能
Node.js檔案的執行?
- 使用Node.js編譯器
- 使用命令執行
Node.js檔案的實時監聽改動
- nodemon
Node.js版本
- Current [ 最新的版本 ] - 小白鼠
- LTS - 長期穩定版本
Node.js的模組化問題
- Node.js採用了Common.js模組化
- 應用
- 內建模組 -> 可以直接使用
const fs = require('fs') // Common.js 模組引入方式
/*
* fs 是一個物件
* 定義的fs 其實拿的是一個地址,地址我們希望是穩定不變的,所以const
*/
// fs.readFileSync // 同步讀
// fs.readFile // 非同步讀
- 第三方模組 -> Node.js沒有的 類似於外掛
/* * 類似外掛 * 我們現在想在我們的當前檔案中引入帶有功能的外掛 * 前端第三方模組全部都在一個網站中: www.npmjs.com * 使用 * 1. 安裝【 npm/cnpm/yarn 】 * 2. cnpm i request -S/-D * -S 生產環境 * -D 開發環境 * * 問題: 這裡是否存在跨域? * 不存在 Node.js是執行在服務端的,不是瀏覽器端,沒有同源策略 * ! 總結 ! 第三方模組使用? 將來別人專案中使用了你沒有用過的東西,怎麼辦? ! 1. npm.js 查閱文件 ! 2. 先寫單案例測試 ! 3. 記錄使用文件,記錄自己部落格中 */ const request = require('request') request('https://m.lagou.com/listmore.json', function (error, response, body) { console.log('error:', error); console.log('statusCode:', response && response.statusCode); console.log('body:', body); });
- 自定義模組
/*
* 自定義模組
* 自己建立模組,自己使用
* 型別:
* 1. 函式
* 2. 物件
* 3. 字串
*/
// 1. 定義模組
const people = {
name: '西閣',
sex: 'man',
age: 18
}
// 2. 匯出模組
module.exports = people
// 3. 自定義模組匯入
const people = require('./3-自定義模組定義.js')
console.log('people.name:', people.name )
-
模組化解決的是什麼問題?
- js中可以引用其他型別檔案(html css sass )
-
自定義模組上傳實現步驟 【 公司中應用比較多 】
-
- 建立資料夾,注意命名不要衝突
-
- 建立package.json檔案
- npm init / npm init -y
-
- 建立了 index.js, 裡面封裝任意一個功能
-
- 建立一個 npm.js 賬號
- 傳送一個郵箱連線啟用【 手動點 】
-
- 保證我們當前的源是 npm 源
- $ nrm use npm
-
- 登入賬號
- $ npm adduser
-
- 上傳
- $ npm publish
-
JSON.stringify / JSON.parse
- 字串、物件互相轉換
- 拷貝
const fs = require('fs')
const data = fs.readFileSync('./data.json','utf8')//字串
const newData = JSON.parse( data )//將JSON字串轉為一個物件
const newStr = JSON.stringify( newData )//將 JavaScript 物件轉換為 JSON 字串
const state = {
msg: '千鋒教育',
obj: {
x: 1,
y: 2
}
}
// 深拷貝 -> 1. 遞迴 2. JSON序列化實現
const newState = JSON.parse(JSON.stringify( state ))
newState.msg = " hello Node.js "
console.log('state',state)
console.log('newState',newState)
querystring 內建模組
- 使用場景
- 用於處理url上的查詢字串
/*
! querystring - 應用場景: 處理url查詢字串
! 1. querystring.parse string -> object
! 2. querystring.stringify object -> string
! 3. querystring.escape 中文轉碼
! 4. querystring.unescape 中文解碼
*/
const qs = require('querystring')
const url = require('url')
// console.log("西閣: qs", qs)
// ! 1. parse
const str = 'https://detail.tmall.com/item.htm?spm=a230r.1.14.6.7a344d82XrCvx0&id=604098442154&cm_id=140105335569ed55e27b&abbucket=2'
const newObj = qs.parse(url.parse( str ).query,'&','=')
// console.log("西閣: newObj", newObj)
/*
{
spm: 'a230r.1.14.6.7a344d82XrCvx0',
id: '604098442154',
cm_id: '140105335569ed55e27b',
abbucket: '2'
}
*/
// ! 2. stringify
const newStr = qs.stringify( newObj )
// console.log("西閣: newStr", newStr)
// ! 3. escape
const str1 = 'city=北京'
const city = qs.escape( str1 )
console.log("西閣: city", city) // city%3D%E5%8C%97%E4%BA%AC
// !4. unescape
const cityCape = qs.unescape( city )
console.log("西閣: cityCape", cityCape)
path
- 使用場景
- 用於處理絕對路徑/磁碟路徑
- 問題: 瀏覽器中全域性物件是?Node.js全域性變數?
- 瀏覽器中全域性物件: window
- Node.js全域性變數: global
const path = require('path')
console.log("西閣: path", path)
// console.log( __dirname ) // 全域性變數
/* e:\1911\1-Node.js\day01\code\5-內建模組 */
// const pathUrl = path.join( __dirname, 'aa')
const pathUrl = path.resolve( __dirname, 'aa')
console.log("西閣: pathUrl", pathUrl)