前端模块化
- AMD (require.js)
- CMD (sea.js)
- Common.js (module.export rerquire)
- es6 模块化 (export import)
nodejs模块化
Common.js规范
- Node.js使用了Common.js规范
- Node.js中Common.js规范有三种使用类型:
- 内置模块 path url fs precess
- 第三方模块:插件
- 自定义模块
内置模块
使用步骤
- 先引入模块,然后用一个变量保存这个模块
const module = require("模块名")
- 使用这个模块上的api
- 模块是一个对象,模块上的api就是对象上的属性名
例:path.join path.resolve
path
- `path.join(__dirname,'static','..','html')`
- 把所有的参数拼接成一个路径,不合法字符会报错
- `path.resolve(__dirname,'static','..','html')`
- 拼接路径,大多情况下与join相同
- 当有一个参数为'/文件名'时就会把磁盘路径中的第一个'/'后面的内容替换成该文件名
- path.resolve(__dirname,'static','/html') => 盘名/html
url
api
- parse
url.parse(urlStr)
把一个url字符串转换成对象(有port,hostname,hash,search等属性) - format
url.format(urlObj)
把一个url对象转换成字符串 - resolve
url.resolve(urlStr,str)
修改urlStr,无法拼接,只能改
varr str = "http://localhost:8080/home/a"
url.resolve(str,'b') http://localhost:8080/home/b
url.resolve(str,'/b') http://localhost:8080/b
url.resolve(str,'./b') http://localhost:8080/home/b
url.resolve(str,'../b') http://localhost:8080/b
url.resolve(str,'//b') http://b/ //前没有内容就从host开始修改
url.resolve(str,'://b') http://localhost:8080/home/://b
url.resolve(str,'s://b') s://b 如果:前有内容就从协议开始修改
第三方模块
- 前端的第三方模块基本都存放在http://npmjs.com中
- 使用
- 需要模块化安装
- 项目根目录下
- npm init -y 初始化package.json文件
- npm i 模块名称 -D
- js文件下(以request为例)
- 引入
var request=require( 'request' )
- 使用:
var http = require ( 'http' )
http.createServer( function ( req,res ) {
request ( 'https://m.lagou.com/listmore.json', function ( error, response, body ) {
if( error ) throw error //es6同行可省略{}
res.write( body )
res.end( )
})
}).listen( 3000)
自定义模块
1. 创建js文件
2. 定义代码
3. 导出(向外暴露一个接口)
4. 使用 (require('模块的路径'))
自定义模块上传下载并使用
- 在文件下 npm init -y 创建package.json
- 在文件中把需要导出的模块命名为index.js(不然下载使用时会报not find)
- 在http://npmjs.com 上注册账号
- 激活账号(npmjs.com中激活邮箱)
- 在该文件的终端下使用命令登录npmjs.com(登录前将你的源从淘宝源 切到 npmjs)
- 登录 npm adduser 输出账号,密码(不会显示),邮箱
- 如果登录成功, 提示为: Logged in as yanyabing on https://registry.npmjs.org/.
- 发布到npmjs(文件名不能与npmjs上的文件重名)
- 下载 npm i 包名称 -D / -S
- 使用:与第三方模块用法一致