模塊/包 與Common.js
模塊/包 與Common.js
Node.js使用了Common.js規範
Node.js中Common.js規範有三種使用類型：
內置模塊 path url fs precess
//內置模塊很多，我們下面以 磁盤處理的模塊 為例//內置模塊註重模塊的使用，直接用就行了//1.先引入模塊，然後用一個變量保存var path=require(‘path‘);//內置模塊在require裏直接寫模塊名稱console.log(path)
//2.使用模塊上的api，就是方法,有很多，學幾個常用的方法 path.join path.resolveconsole.log(__dirname);
//path.join path.resolve ,將一個目錄的名稱拼接到磁盤路徑上，用處極其相似 - 第三方模塊：插件
前端的第三方模塊基本都存放在 http://npmjs.com
npmjs.com中會第三方包的 文檔 就在這裏
以一個 request 的一個模塊來進行研究
需要一個package.json的文件來記錄我們安裝過的模塊
package.json 文件的創建
npm init 一步一步進行
快速創建 npm init -y / cnpm init -y / yarn init -y
命令安裝的環境區分
cnpm i request --save 生產環境安裝
簡寫： cnpm i request -S
生產環境安裝在package.json中記錄在 dependencies 中
cnpm i request --save-dev 開發環境安裝
簡寫： cnpm i request -D
開發環境安裝在 package.json中記錄在 depenDencies 中
後端 不存在跨域問題， 後端是不依靠瀏覽器，
第三方的包使用步驟：
1. - 自定義模塊
自定義模塊：
1. 先定義一個 變量， 變量值可以隨意
2. 導出模塊
module.exports = 變量名
module.exports = {
變量名
}
3. 導入
如果是第一種方式導出 ， var 變量名 = require( 相對路徑 )
如果是第二種方式導出， var { 變量名 } = require ( 相對路徑 )
//自定義模塊，//1先定義一個變量，變量值可以隨意，//2.導出模塊 module.exports=變量名 或者 module.exports={變量名}//3.導入//如果是第一種方式導出， var 變量名=require(相對路徑)//如果是第二種方式導出， var {變量名}=require(相對路徑)//導入var {name}=require(‘./name.js‘)
var student={
id:‘1‘,
name:‘zhangsan‘
}
console.log(name)
//導出//module.exports=student;//安全導出module.exports={
student,
name
}
前端模塊化
- AMD （ require.js ）
- CMD ( sea.js )
- Common.js ( module.export require )
- es6 模塊化 ( export import )
終端
- gitbash 客戶端軟件中的命令 叫 linux命令
- clear 清屏
- ls 列出當前目錄下的所有目錄和文件
- cmd中的命令叫做 DOS命令
- dir/w 列出當前目錄下的所有的目錄和文件
- cls 清屏
自定義模塊上傳 npmjs.com 過程
-
創建package.json
-
在 http://npmjs.com 上註冊賬號
-
激活賬號（ npmjs.com會發送一個郵件給你的註冊郵箱 ）
-
使用命令登錄npmjs.com ( 登錄前將你的源從淘寶源 切到 npmjs)
- 問題 ： 如何切換源呢？
- 解決： 使用 nrm 切換
$ nrm use npm - 查看nrm下面的源
$ nrm ls - nrm 安裝
$ npm i nrm -g$ npm adduser
-
如果登錄成功， 提示為： Logged in as ‘你的用戶名‘ on https://registry.npmjs.org/.
-
發布包到npmjs
$ npm publish -
在npmjs官網查看包有沒有發送上去
-
下載包來使用一下
$ npm i 包名稱 -S / -D
### 模塊/包 與Common.js Node.js使用了Common.js規範Node.js中Common.js規範有三種使用類型：1. 內置模塊 path url fs precess ```javascript//內置模塊很多，我們下面以 磁盤處理的模塊 為例//內置模塊註重模塊的使用，直接用就行了//1.先引入模塊，然後用一個變量保存var path=require(‘path‘);//內置模塊在require裏直接寫模塊名稱console.log(path)//2.使用模塊上的api，就是方法,有很多，學幾個常用的方法 path.join path.resolveconsole.log(__dirname);//path.join path.resolve ,將一個目錄的名稱拼接到磁盤路徑上，用處極其相似var pathre=path.resolve(__dirname,‘./static‘);var pathjo=path.join(__dirname,‘../static‘);console.log(pathre);console.log(pathjo);
var process=require(‘process‘);//process是進程管理模塊，記錄整個項目的運行情況console.log(process)
var url=require(‘url‘);var urlStr=‘http://www.baidu.com‘;var urlObj=url.parse(urlStr);console.log(urlObj);console.log(url.format(urlObj));var str=‘http://localhost:8080/home/b‘;console.log(url.resolve(str,‘../d‘));console.log(url.resolve(str,‘d‘));```2. 第三方模塊：插件 ```javascript 前端的第三方模塊基本都存放在 http://npmjs.com npmjs.com中會第三方包的 文檔 就在這裏 以一個 request 的一個模塊來進行研究 需要一個package.json的文件來記錄我們安裝過的模塊 package.json 文件的創建 npm init 一步一步進行 快速創建 npm init -y / cnpm init -y / yarn init -y 命令安裝的環境區分 cnpm i request --save 生產環境安裝 簡寫： cnpm i request -S 生產環境安裝在package.json中記錄在 dependencies 中 cnpm i request --save-dev 開發環境安裝 簡寫： cnpm i request -D 開發環境安裝在 package.json中記錄在 depenDencies 中 後端 不存在跨域問題， 後端是不依靠瀏覽器， 第三方的包使用步驟： 1. 引用 ( 第三方包如果使用了模塊化安裝， require( 模塊名稱 ) ) 2. 使用： 舉例： request是用來數據請求的 ： 接下來我們去請求一下拉勾的數據//第三方模塊需要下載下來，前端的第三方模塊基本都存放在npmjs.com中//npmjs.com中 第三方包的文檔就在這裏面//需要掌握文檔閱讀能力//以request模塊為例//1.先安裝第三方包，需要一個文件用來記錄，就是用package,json來記錄我們安裝過的模塊，//1.1先把package.json造出來 快速安裝：`$ npm init -y`//開發環境：正在做；生產環境：已經做成成品了，直接用//1.2安裝request `$ npm i request -S`,裝出來的是小寫的，生產環境//node_modules不能手動刪除，需要用命令`$ rm -rf node_modules/`//2.使用第三方包//2.1引用(第三方包如果使用了模塊化安裝，require裏面直接寫模塊名稱)//request是用來做數據請求的，後端不存在跨域，因為後端是不依靠瀏覽器的，跨域只存在於瀏覽器
var request = require(‘request‘);var http = require(‘http‘);http.createServer(function (req, res) { //request(url,function(error,response,body){}) request(‘https://m.lagou.com/listmore.json‘, function (error, response, body) { if (error) throw error//es6中，一行的時候可以省略大括號 //console.log(response);//請求的接口的信息 //console.log(body)//請求的數據 res.write(body); res.end(); })}).listen(8001)
```3. 自定義模塊```javascript自定義模塊： 1. 先定義一個 變量， 變量值可以隨意 2. 導出模塊 module.exports = 變量名 module.exports = { 變量名 } 3. 導入 如果是第一種方式導出 ， var 變量名 = require( 相對路徑 ) 如果是第二種方式導出， var { 變量名 } = require ( 相對路徑 )//自定義模塊，//1先定義一個變量，變量值可以隨意，//2.導出模塊 module.exports=變量名 或者 module.exports={變量名}//3.導入//如果是第一種方式導出， var 變量名=require(相對路徑)//如果是第二種方式導出， var {變量名}=require(相對路徑)//導入var {name}=require(‘./name.js‘)
var student={ id:‘1‘, name:‘zhangsan‘}console.log(name)//導出//module.exports=student;//安全導出module.exports={ student, name}```### 前端模塊化1. AMD （ require.js ）2. CMD ( sea.js )3. Common.js ( module.export require ) 4. es6 模塊化 ( export import )
### 終端1. gitbash 客戶端軟件中的命令 叫 linux命令 - clear 清屏 - ls 列出當前目錄下的所有目錄和文件2. cmd中的命令叫做 DOS命令 - dir/w 列出當前目錄下的所有的目錄和文件 - cls 清屏
## 自定義模塊上傳 npmjs.com 過程1. 創建package.json2. 在 http://npmjs.com 上註冊賬號3. 激活賬號（ npmjs.com會發送一個郵件給你的註冊郵箱 ） 4. 使用命令登錄npmjs.com ( 登錄前將你的源從淘寶源 切到 npmjs) - 問題 ： 如何切換源呢？ - 解決： 使用 nrm 切換 `$ nrm use npm` - 查看nrm下面的源 `$ nrm ls` - nrm 安裝 `$ npm i nrm -g` `$ npm adduser`
5. 如果登錄成功， 提示為： Logged in as ‘你的用戶名‘ on https://registry.npmjs.org/. 6. 發布包到npmjs `$ npm publish`
7. 在npmjs官網查看包有沒有發送上去
8. 下載包來使用一下 `$ npm i 包名稱 -S / -D `
模塊/包 與Common.js