node.js – http、模組化、npm
今天是node學習的第二天，其實越往後面學越感覺有點熟悉的味道了，光針對於node來說哈，為什麼呢，因為我之前學過一點雲計算的東西，當時感覺沒什麼用搞了下伺服器客戶端這些，沒想到這裡還能用一用，至少看到伺服器這些概念一點不陌生，看到npm一點不奇怪，我當時用的都是yum。
1.
我們今天先看到http模組，也是node裡面的第一大模組，內置模組的內容，http是創建web伺服器的模組，在前端當中，不需要iis、Apache這些第三方伺服器軟體，只需要一個node.js提供的http模組就能夠寫一個伺服器，這麼一看，貌似node還多強大的。
我們的伺服器一般分為三個概念，ip、域名、埠，有了這三個你就可以訪問一個伺服器。
怎麼來創建啊web伺服器？
首先要導入http內置模組
const server = http.createServer（）
這個創建了一個伺服器實例，接下來還要對他綁定一個監聽事件，能夠監聽到客戶端發送過來的請求
server.on(‘request’,(req, res) => {})
注意這個事件裡面有兩個參數，這兩個參數代表什麼意思我們後面再說，當你綁定完事件過後，就可以開啟這個伺服器了
server.listen（『埠號』，callback）
這裡面兩個參數一個填埠號，一個是開啟伺服器後的回調函數。
const http = require('http')
const server = http.createServer()
server.on('request', (req, res) => console.log('someone visit our webServer'))
server.listen(83, () => console.log('開啟成功'))
瀏覽器上訪問 伺服器過後就會在伺服器的終端彈出來監聽裡面要列印的資訊
1.1
我們接下來說一下監聽事件裡面兩個參數到底是個什麼？
首先第一個req對象，它是一個對象，包含了客戶端相關的數據和屬性，你要對訪問進來的客戶端記性操作的話，儘管用到這個對象裡面的屬性和方法即可
req.url是客戶端請求的url地址 req.method是客戶端的請求方式
const http = require('http')
const server = http.createServer()
server.on('request', req => {
const url = req.url
const method = req.method
console.log(`your request url is ${url} and your request method is ${method}`)
// post請求藉助postman
})
server.listen('80',() => console.log('server is running in http:127.0.0.1'))
1.2
然後是res對象，沒錯，他也是一個對象，這是包含了伺服器相關屬性和數據的對象
res.send（）可以向客戶端發送你想發送的內容，而且它代表著請求結束，如果發送的內容裡面包含中文的話，還需要用到res來設置表頭編碼不然會出現亂碼的現象
const http = require('http')
const server = http.createServer()
server.on('request', (req, res) => {
let str = 'your request url is '+req.url+' + your request method is '+req.method+''
res.end(str)
})
server.listen(80, () => console.log(
'server is running at //127.0.0.1'
))
1.3
來一個案例，根據不同的url反映出不同的頁面，這個應該很經典吧
// 1.獲取到用戶的url const http = require('http') const server = http.createServer() server.on('request', (req, res) => { let url = req.url // 2.設置默認的頁面為404 let content = `<h1>404 Not Found</h1>` // 3.判斷用戶是否請求的是首頁 if (url == '/' || url == '/index.html') { content = `<h1>首頁</h1>` // } 4.判斷用戶是否訪問的是分頁 } else if (url == '/son.html') { content = `<h1>子頁</h1>` } // 5.設置請求頭 防止中文亂碼 res.setHeader('Content-Type', 'text/html; charset=utf-8') // 6.發送內容並結束請求 res.end(content) }) server.listen(80, () => console.log('your request is running at //127.0.0.1'))
2.
我們接下來看到模組化，模組化是指解決一個複雜問題的時候，自頂向下逐層把系統劃分到若干模組的過程，對於整個系統來說模組是可組合、分解和更換的單元。
在我們編程世界裡面，模組化就是遵守固定的規則，把一個大文件拆分成獨立並相互依賴的小模組，大家分工合作。
Node.js模組分類？
在我們node裡面模組分為三個部分，第一個是內置模組：我們前面學的都是內置模組，fs、path、http等
第二個是自定義模組：什麼叫做自定義模組，其實就是我們自己寫的這個js文件他就是自定義模組
第三個是第三方模組：就是由第三方開發出來的模組，需要提前下載
然後 我們的模組都需要載入用到require
還會有模組作用域，也就是在我們自定義模組裡面聲明的變數函數，在外面的模組是訪問不到的。
那麼有沒有辦法來訪問呢？
是有的，向外共享模組成員的方法要用到一個module對象，它是每個js自定義模組都有的內置對象，然後在這裡面有一個關鍵的對象，exports，在我們前面，require這個自定義模組的時候得到的內容其實就是exports對象裡面的內容，
所以說有時候為空，就是因為沒給exports賦值，他就是一個空對象，我們在寫的時候可以寫成module.exports 也可以是exports
module.exports = { uname : '張三', sayHello : function() { console.log('hello node'); } }
const md = require('./module對象共享')
console.log(md);
但是在模組化這裡exports有幾個要注意點的，始終要記住一點不管是exports還是module.exports他們雖然能完成一樣的效果但是始終以為module.exports裡面的數據為準。
為了防止混亂，最好不要將exports和module.exports混用
模組化規範
node遵循的是commenJS模組化的規範，包括我們前面說的module代表當前模組，exports是對外的介面，require用於載入模組都是commenJS規範的，但是我vue入了一點門被勸回來的那裡，剛好看到後面應該遵循的都是es6模組化規範了，這個commenJS逐漸要淘汰了。
3
繼續看到包和npm的一些內容，首先要明確什麼叫包，第三方模組就叫包，包是由第三方個人和團隊做出來的，都是免費的。
我們為什麼要用包呢？
包是基於內置模組封裝出來的，提提供了更高級、更簡便的用法，其實就相當於jQuery和瀏覽器內置對象的關係，jq的ajax方法就是通過xhr封裝來的撒。
npm
我們首先看到一個案例對時間格式化如果用我們的傳統做法，也就是自定義模組的做法。
const module對象共享 = require("./module對象共享")
function timeFormat(dataStr) {
let date = new Date(dataStr)
let y = date.getFullYear()
let m = addZero(date.getMonth() + 1)
let d = addZero(date.getDate())
let h = addZero(date.getDate())
let mm = addZero(date.getDate())
let s = addZero(date.getDate())
return `${y}-${m}-${d} ${h}:${mm}:${s}`
}
function addZero(n) {
return n = n < 10? '0' + n : n
}
module.exports.timeFormat = timeFormat
const time = require('./格式化時間傳統做法')
// console.log(time);
const date = new Date()
console.log(date);
console.log(time.timeFormat(date));
這就完成了一個對於時間格式化的操作，舒適還是有點麻煩，但我們現在有了npm就不一樣了，可以用npm安裝一個moment的包，安裝導入查看文檔api這三步曲走起。
const moment = require('moment')
const timer = moment().format('YYYY-MM-DD HH:mm:ss')
console.log(timer);
之前多少程式碼量，現在多少程式碼量，這就是為什麼要用包。
最後說一下當你安裝了包後文件夾多多出兩個文件一個node_modules的文件夾這裡面存放的npm下載的包文件，一個是pachage_lock.json的配置文件這裡面是前面文件夾裡面所有npm下載的包的詳細資訊這兩個都不能去修改
最後如果要安裝指定版本的包的話只需要在包名的後面添加@版本號
