無標(biāo)題文章

#?Node課程大綱V10（一周）

##?目錄

*?1?day

-?基本介紹

-?環(huán)境配置（node?nvm,cnpm）

-?REPL?環(huán)境（命令行）?運(yùn)行js代碼

-?js文件執(zhí)行

-?nodemon實(shí)時(shí)監(jiān)聽

-?模塊/包與commonjs?規(guī)范

????+?內(nèi)置

????+?第三方

????+?自定義

-?內(nèi)置模塊詳解

????+?Url

????????1.?url?介紹

????????2.?parse

????????3.?format

????????4.?

????+?Query?String

????????1.?parse

????????2.?stringfly

????????3.?escape

????????4.?unescape

????+?Http(爬蟲)

????????1.?get

????????2.?requst

????????3.?cheerio

????+?Event

????+?Fs?文件操作

????+?Stream?

-?作業(yè)：

????1.?遍歷目錄樹

????2.?爬取網(wǎng)站圖片并下載

????3.?爬取網(wǎng)站音樂并下載

????4.?封裝發(fā)送郵件驗(yàn)證碼模塊

*?2day

-?服務(wù)器代理跨域原理

-?nodejs創(chuàng)建后端路由

-?nodejs參數(shù)

-?node中的異步處理

-?npmscript

-?scocket?實(shí)時(shí)通信

????+?net

????+?websocket

????+?socket.io

-?作業(yè)：

????1.?實(shí)現(xiàn)聊天室

????2.?實(shí)現(xiàn)廣播中獎信息

*?3day

-?express基本使用

-?express?路由

-?express?常用插件

-?ejs?模板使用

-?搭建web服務(wù)器（靜態(tài)路徑）

-?搭建api服務(wù)

-?api測試工具?postman

-?作業(yè)：

????+?實(shí)現(xiàn)文件系統(tǒng)版注冊登錄

????+?實(shí)現(xiàn)數(shù)據(jù)庫注冊登錄

*?4day?

-?mongodb?環(huán)境配置安裝

-?mongoose?操作mongod數(shù)據(jù)庫

-?常用的服務(wù)器緩存redis

-?自動化測試

-?作業(yè)

????+?數(shù)據(jù)緩存郵箱驗(yàn)證登錄

*?5day

-?token?驗(yàn)證

-?cookie+session?用戶鑒權(quán)

-?圖片上傳實(shí)現(xiàn)

-?jwt+驗(yàn)證碼實(shí)現(xiàn)注冊登錄

##?Node?簡介

###?客戶端的JavaScript是怎樣的

-?什么是?JavaScript这弧？

??+是一個(gè)腳本語言

??+運(yùn)行在瀏覽器（瀏覽器的js解析內(nèi)核??v8）

??+實(shí)現(xiàn)用戶的交互?（interactive）

??+?變量??賦值???循環(huán)?邏輯?判斷?分支?對象???函數(shù)贮勃。。裕便。请垛。

??+?dom?操作

??+?bom?操作

??+?ajax?

-?JavaScript?的運(yùn)行環(huán)境催训？

??+瀏覽器內(nèi)核解析內(nèi)核???es6??

-?瀏覽器中的?JavaScript?可以做什么？

-?瀏覽器中的?JavaScript?不可以做什么宗收？（不安全）

??+訪問數(shù)據(jù)庫

??+不能對文件進(jìn)行操作????

??+對os?進(jìn)行操作

??+原因?是不安全??和瀏覽器運(yùn)行機(jī)制有關(guān)

-?在開發(fā)人員能力相同的情況下編程語言的能力取決于什么漫拭？

??+cordova?hbuilder????平臺??platform

??+java???java虛擬機(jī)????????（運(yùn)行平臺）

??+php????php虛擬機(jī)

??+c#?????.net?framework???mono

??+js?????解析內(nèi)核??chrome?v8?

-?JavaScript?只可以運(yùn)行在瀏覽器中嗎？

??+不是

###?為什么是JavaScript

+?node?js?不是因?yàn)閖s?產(chǎn)生的

+?node?選擇了js

+?Ryan?dahl

+?2009??2?月份?node有想法

+?2009??5?月份?githup?開源

+?2009??11月份??jsconf??講解推廣node

+?2010年底????被xxx公司收購

+?2018??發(fā)布有重大bug

+?npm?

+?githup?世界上最大的同性交友網(wǎng)站???碼云??

###?what?is?node?混稽？

-?Node.js?是一個(gè)基于Chrome?V8?引擎的JavaScript運(yùn)行環(huán)境

-?Node.js使用了一個(gè)事件驅(qū)動采驻、非阻塞式I/O的模型,使其輕量又高效

-?Node.js的包管理工具npm,是全球最大的開源庫生態(tài)系統(tǒng)

-?官網(wǎng)?http://nodejs.cn/

-?npm??插件官網(wǎng)：https://www.npmjs.com/

##?環(huán)境配置

###?Node的安裝

-?安裝包安裝

????+?官網(wǎng)下載對應(yīng)的安裝包

????+?一路next

-?nvm安裝(有一個(gè)類似的工具：n)

????+?Node?Version?Manager（Node版本管理工具）

????+?由于以后的開發(fā)工作可能會在多個(gè)Node版本中測試审胚，而且Node的版本也比較多，所以需要這么款工具來管理

????+

###?相關(guān)版本

-?node版本常識??

??+?偶數(shù)版本為穩(wěn)定版??（0.6.x?礼旅，0.8.x?膳叨，0.10.x）

??+?奇數(shù)版本為非穩(wěn)定版（0.7.x?，0.9.x?痘系，0.11.x）

??+?LTS（Long?Term?Support）

??+?[LTS和Current區(qū)別](https://blog.csdn.net/u012532033/article/details/73332099)

-?操作方式：

??+?重新下載最新的安裝包菲嘴；

??+?覆蓋安裝即可；

-?問題：

??+?以前版本安裝的很多全局的工具包需要重新安裝

??+?無法回滾到之前的版本

??+?無法在多個(gè)版本之間切換（很多時(shí)候我們要使用特定版本）

###?Windows下常用的命令行操作

-?切換當(dāng)前目錄（change?directory）：cd

-?創(chuàng)建目錄（make?directory）：mkdir

-?查看當(dāng)前目錄列表（directory）：dir

??+?別名：ls（list）

-?清空當(dāng)前控制臺：cls

??+?別名：clear

-?刪除文件：del

??+?別名：rm

>?注意：所有別名必須在新版本的?PowerShell?（linux系統(tǒng)）中使用

###?常見問題

-?Python環(huán)境丟失

?+?Node中有些第三方的包是以C/C++源碼的方式發(fā)布的汰翠，需要安裝后編譯,確保全局環(huán)境中可以使用python命令,python?版本推薦2.7.0

-?環(huán)境變量丟失

?+?部分電腦安裝完畢之后沒有環(huán)境變量需要手動配置

?+?Windows中環(huán)境變量分為系統(tǒng)變量和用戶變量

?+?環(huán)境變量的變量名是不區(qū)分大小寫的

?+?PATH?變量：只要添加到?PATH?變量中的路徑龄坪，都可以在任何目錄下

?+?目的可以在任何地方調(diào)起node命令

##模塊,包?commonjs

###?commonjs規(guī)范

前端模塊化：AMD,CMD,Commonjs

Node?應(yīng)用由模塊組成，采用?CommonJS?模塊規(guī)范奴璃。

#####?定義module

每個(gè)文件就是一個(gè)模塊悉默，有自己的作用域。在一個(gè)文件里面定義的變量苟穆、函數(shù)抄课、類，都是私有的雳旅，對其他文件不可見跟磨。

#####?暴露接口

?CommonJS規(guī)范規(guī)定，每個(gè)模塊內(nèi)部攒盈，module變量代表當(dāng)前模塊抵拘。這個(gè)變量是一個(gè)對象，它的exports屬性（即module.exports）是對外的接口型豁。加載某個(gè)模塊僵蛛，其實(shí)是加載該模塊的module.exports屬性。

?```javascript

??var?x?=?5;

??var?addX?=?function?(value)?{

????return?value?+?x;

??};

??module.exports.x?=?x;

??module.exports.addX?=?addX;

?```

#####?引用

?require方法用于加載模塊迎变。

?```

??var?example?=?require('./example.js');

??console.log(example.x);?//?5

??console.log(example.addX(1));?//?6

?```

###?模塊的分類

*?內(nèi)置模塊

```

??const?process?=?require('process')

??const?path?=?require('path')

??console.log(process.version)

??console.log(path.resolve('../'))

```

*?第三方模塊

```

????const?request=require("request");

??console.log(request)

??request.get('http://api.douban.com/v2/movie/in_theaters',?(err,?response,?body)?=>?{

????if?(!err)?{

??????//?console.log(body);

??????console.log(JSON.parse(body))

????}?else?{

??????console.log(err);

????}

??})

```

*?自定義模塊

###npm?使用入門

?官網(wǎng):[https://www.npmjs.com/](https://www.npmjs.com/)

?安裝：無需安裝

?查看當(dāng)前版本：

?```

?$?npm?-v

?```

?更新：

?```

?$?npm?install?npm@latest?-g

?```

?初始化工程

?```

?$?npm?init

?$?npm?init?--yes?默認(rèn)配置

?```

?安裝包

?使用npm?install會讀取package.json文件來安裝模塊充尉。安裝的模塊分為兩類

?dependencies和devDependencies，分別對應(yīng)生產(chǎn)環(huán)境需要的安裝包和開發(fā)環(huán)境需要的安裝包衣形。

?```

?$?npm?install

?$?npm?install?<package_name>?

?$?npm?install?<package_name>?--save

?$?npm?install?<package_name>?--save-dev

?```

?更新模塊

?```

?$?npm?update

?```

?卸載模塊

?```

?$?npm?uninstall?<package_name>

?$?npm?uninstall?--save?lodash

?```

配置npm源

*?臨時(shí)使用,?安裝包的時(shí)候通過--registry參數(shù)即可

????$?npm?install?express?--registry?https://registry.npm.taobao.org

*?全局使用

??```

????$?npm?config?set?registry?https://registry.npm.taobao.org

????//?配置后可通過下面方式來驗(yàn)證是否成功

????npm?config?get?registry

????//?或

????npm?info?express

??```

*?cnpm?使用

????```

???????//?安裝cnpm

??????npm?install?-g?cnpm?--registry=https://registry.npm.taobao.org

??????//?使用cnpm安裝包

??????cnpm?install?express

????```

###?常用的內(nèi)置模塊

node?常用內(nèi)置api??

(1)?URL?網(wǎng)址解析

????解析URL相關(guān)網(wǎng)址信息

????url.parse(urlString[,?parseQueryString[,?slashesDenoteHost]])

????url.format(urlObject)

????url.resolve(from,?to)

(2)?QueryString?參數(shù)處理

????querystring.escape(str)

????querystring.unescape(str)

????querystring.parse(str[,?sep[,?eq[,?options]]])

????querystring.stringify(obj[,?sep[,?eq[,?options]]])

(3)?HTTP?模塊概要

??http.createServer([options][,?requestListener])

??http.get(options[,?callback])

??簡易的爬蟲

????代理跨域處理

(4)?事件?events?模塊

(5)?文件fs模塊

????打印目錄樹

(6)?Stream?流模塊?

????歌詞播放

????音樂下載

(8)?request?方法

2驼侠、Node.js?基礎(chǔ)應(yīng)用

1、應(yīng)用?HTTP?模塊編寫一個(gè)小爬蟲工具

(1)?利用爬蟲獲取“拉勾網(wǎng)”首頁列表數(shù)據(jù)?

(2)?通過?npm?安裝?cheerio?模塊獲得數(shù)據(jù)

2谆吴、后端表單的提交

要求:

(1)?應(yīng)用?request?post?模擬提交表單

###?文件讀取

Node中文件讀取的方式主要有：

>?fs.readFile(file[,?options],?callback(error,?data))

```javascript

fs.readFile('c:\\demo\1.txt',?'utf8',?(err,?data)?=>?{

??if?(err)?throw?err;

??console.log(data);

});

```

>?fs.readFileSync(file[,?options])

```javascript

try?{

??const?data?=?fs.readFileSync('c:\\demo\1.txt',?'utf8');

??console.log(data);

}?catch(e)?{

??//?文件不存在倒源，或者權(quán)限錯(cuò)誤

??throw?e;

}

```

>?fs.createReadStream(path[,?options])

```javascript

const?stream?=?fs.createReadStream('c:\\demo\1.txt');

let?data?=?''

stream.on('data',?(trunk)?=>?{

??data?+=?trunk;

});

stream.on('end',?()?=>?{

??console.log(data);

});

```

>?*由于Windows平臺下默認(rèn)文件編碼是GBK，在Node中不支持句狼，可以通過[iconv-lite](https://github.com/ashtuchkin/iconv-lite)解決*

###?Readline模塊逐行讀取文本內(nèi)容

```javascript

const?readline?=?require('readline');

const?fs?=?require('fs');

const?rl?=?readline.createInterface({

??input:?fs.createReadStream('sample.txt')

});

rl.on('line',?(line)?=>?{

??console.log('Line?from?file:',?line);

});

```

###?文件寫入

Node中文件寫入的方式主要有：

>?fs.writeFile(file,?data[,?options],?callback(error))

```javascript

fs.writeFile('c:\\demo\a.txt',?new?Date(),?(error)?=>?{

??console.log(error);

});

```

>?fs.writeFileSync(file,?data[,?options])

```javascript

try?{

??fs.writeFileSync('c:\\demo\a.txt',?new?Date());

}?catch?(error)?{

??//?文件夾不存在笋熬，或者權(quán)限錯(cuò)誤

??console.log(error);

}

```

>?fs.createWriteStream(path[,option])

```javascript

var?streamWriter?=?fs.createWriteStream('c:\\demo\a.txt');

setInterval(()?=>?{

??streamWriter.write(`${new?Date}\n`,?(error)?=>?{

????console.log(error);

??});

},?1000);

```

###node中的異步操作

-?fs模塊對文件的幾乎所有操作都有同步和異步兩種形式

-?例如：readFile()?和?readFileSync()

-?區(qū)別：

??+?同步調(diào)用會阻塞代碼的執(zhí)行，異步則不會

??+?異步調(diào)用會將讀取任務(wù)下達(dá)到任務(wù)隊(duì)列腻菇，直到任務(wù)執(zhí)行完成才會回調(diào)

??+?異常處理方面胳螟，同步必須使用?try?catch?方式苫拍，異步可以通過回調(diào)函數(shù)的第一個(gè)參數(shù)

```javascript

console.time('sync');

try?{

??var?data?=?fs.readFileSync(path.join('C:\\Users\\iceStone\\Downloads',?'H.mp4'));

??//?console.log(data);

}?catch?(error)?{

??throw?error;

}

console.timeEnd('sync');

console.time('async');

fs.readFile(path.join('C:\\Users\\iceStone\\Downloads',?'H.mp4'),?(error,?data)?=>?{

??if?(error)?throw?error;

??//?console.log(data);

});

console.timeEnd('async');

```

#####??promise?對象的使用

參考資料：[JavaScript??Promise迷你書](http://liubin.org/promises-book/#what-is-promise)

*?what?is?Promise?*

Promise是抽象異步處理對象以及對其進(jìn)行各種操作的組件。Promise并不是從JavaScript中發(fā)祥的概念旺隙。

Promise最初被提出是在?E語言中绒极，?它是基于并列/并行處理設(shè)計(jì)的一種編程語言。

現(xiàn)在JavaScript也擁有了這種特性蔬捷，這就是JavaScript?Promise

使用了回調(diào)函數(shù)的異步處理

```javascript

----

getAsync("fileA.txt",?function(error,?result){

????if(error){//?取得失敗時(shí)的處理

????????throw?error;

????}

????//?取得成功時(shí)的處理

});

----

<1>?傳給回調(diào)函數(shù)的參數(shù)為(error對象垄提，?執(zhí)行結(jié)果)錯(cuò)誤優(yōu)先處理

```

使用了回調(diào)函數(shù)的異步處理

```javascript

----

var?promise?=?getAsyncPromise("fileA.txt");?

promise.then(function(result){

????//?獲取文件內(nèi)容成功時(shí)的處理

}).catch(function(error){

????//?獲取文件內(nèi)容失敗時(shí)的處理

});

----

<1>?返回promise對象

```

*?創(chuàng)建Promise對象?*

```

var?promise?=?new?Promise(function(resolve,?reject)?{

????//?異步處理

????//?處理結(jié)束后、調(diào)用resolve?或?reject

????resolve('成功處理')

????reject('錯(cuò)誤處理')

});

```

*?使用實(shí)例?*

1.?創(chuàng)建一個(gè)priomise?對象并返回`new?Promise(fn)`

2.?在fn?中指定異步等處理

??*?處理結(jié)果正常的話周拐，調(diào)用`resolve(處理結(jié)果值)`

??*?處理結(jié)果錯(cuò)誤的話铡俐，調(diào)用?`reject(Error對象)`

```javascript

function?asyncFunction()?{

????return?new?Promise(function?(resolve,?reject)?{

????????setTimeout(function?()?{

????????????resolve('Async?Hello?world');

????????},?16);

????});

}

asyncFunction().then(function?(value)?{

????console.log(value);????//?=>?'Async?Hello?world'

}).catch(function?(error)?{

????console.log(error);

});

```

*?Promise的狀態(tài)

用new?Promise?實(shí)例化的promise對象有以下三個(gè)狀態(tài)。

*?**"has-resolution"?-?Fulfilled**???resolve(成功)時(shí)妥粟。

*?**"has-rejection"?-?Rejected**?????reject(失敗)時(shí)

*?**"unresolved"?-?Pending**???既不是resolve也不是reject的狀態(tài)审丘。也就是promise對象剛被創(chuàng)建后的初始化狀態(tài)等

promise對象的狀態(tài)，從Pending轉(zhuǎn)換為Fulfilled或Rejected之后勾给，?這個(gè)promise對象的狀態(tài)就不會再發(fā)生任何變化滩报。

也就是說，Promise與Event等不同播急，在.then?后執(zhí)行的函數(shù)可以肯定地說只會被調(diào)用一次脓钾。

另外，F(xiàn)ulfilled和Rejected這兩個(gè)中的任一狀態(tài)都可以表示為Settled(不變的)桩警。

Settled

resolve(成功)?或?reject(失敗)可训。

從Pending和Settled的對稱關(guān)系來看，Promise狀態(tài)的種類/遷移是非常簡單易懂的捶枢。

當(dāng)promise的對象狀態(tài)發(fā)生變化時(shí)握截，用.then?來定義只會被調(diào)用一次的函數(shù)。

###?路徑模塊

在文件操作的過程中烂叔，都必須使用物理路徑（絕對路徑）谨胞，path模塊提供了一系列與路徑相關(guān)的?API

```javascript

console.log('join用于拼接多個(gè)路徑部分，并轉(zhuǎn)化為正常格式');

const?temp?=?path.join(__dirname,?'..',?'lyrics',?'./友誼之光.lrc');

console.log(temp);

console.log('獲取路徑中的文件名');

console.log(path.basename(temp));

console.log('獲取路徑中的文件名并排除擴(kuò)展名');

console.log(path.basename(temp,?'.lrc'));