Node.js概述1

爲何咱們要學習Node.js?

1. 認爲：
   • Node.js就學習一週，時間比較短，不重要
   • 未來工做我後端又不用Node.js作，咱們又java/python/php/c，爲何要在乎它
   • Node.js接下來項目中又不用，不用好好學，不用在乎
2. 重要性？
   • 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如今已經成爲不少企業的職位要求了
3. Node.js 是一個基於Chrome V8 引擎的JavaScript運行環境
   • 服務端的js有什麼能力？(服務器)
4. Node.js使用了一個事件驅動、非阻塞式I/O的模型,使其輕量又高效
   • Node.js功能
     • 事件驅動
     • 非阻塞I/O模型【 異步的輸入輸出，好比： 文件操做、數據庫操做 等 】

Node.js文件的運行？

1. 使用Node.js編譯器
2. 使用命令運行

Node.js文件的實時監聽改動

1. nodemon

Node.js版本

1. Current [ 最新的版本 ] - 小白鼠
2. LTS - 長期穩定版本

Node.js的模塊化問題

1. Node.js採用了Common.js模塊化
2. 應用
   • 內置模塊 -> 能夠直接使用

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 )

1. 模塊化解決的是什麼問題？
   • js中能夠引用其餘類型文件(html css sass )
2. 自定義模塊上傳實現步驟 【 公司中應用比較多 】
   • 1. 建立文件夾，注意命名不要衝突
   • 1. 建立package.json文件
     • npm init / npm init -y
   • 1. 建立了 index.js, 裏面封裝任意一個功能
   • 1. 建立一個 npm.js 帳號
     • 發送一個郵箱鏈接激活【 手動點 】
   • 1. 保證咱們當前的源是 npm 源
     • $ nrm use npm
   • 1. 登陸帳號
     • $ npm adduser
   • 1. 上傳
     • $ npm publish

JSON.stringify / JSON.parse

1. 字符串、對象互相轉換
2. 拷貝

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 內置模塊

1. 使用場景
   • 用於處理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

1. 使用場景
   • 用於處理絕對路徑/磁盤路徑
2. 問題： 瀏覽器中全局對象是？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)