共计 1444 个字符，预计需要花费 4 分钟才能阅读完成。
Mock 是生成随机数据，拦挡 Ajax 申请的 JavaScript 库。
本文来介绍下 Mock 的罕用语法。
模仿数据
生成随机数据
Mock.Random.boolean()
生成一个随机的布尔值。例如：
返回值为 true 或 false。
Mock.Random.integer(min, max)
生成一个随机的整数，能够指定范畴。例如：
返回值为 0 到 10 之间的整数。
Mock.Random.float(min, max, dmin, dmax)
生成一个随机的浮点数，能够指定范畴和精度。例如：
返回值为 0.00 到 100.00000 之间的浮点数，精度为 2 到 5 位小数。
Mock.Random.string(length)
生成一个随机的字符串，能够指定长度。例如：
返回值为长度为 10 的随机字符串。
Mock.Random.date()
生成一个随机的日期。例如：
返回值为随机日期的字符串示意，例如 "1977-07-03"。
Mock.Random.time()
生成一个随机的工夫。例如：
返回值为随机工夫的字符串示意，例如 "05:38:02"。
Mock.Random.datetime()
生成一个随机的日期工夫。例如：
返回值为随机日期工夫的字符串示意，例如 "2007-06-29T22:03:06.140Z"。
Mock.Random.image(size, background, foreground, format, text)
生成一个随机的图片，能够指定大小、背景色、前景色、格局和文字。例如：
返回值为图片的 Base64 编码字符串。
生成数据模板指定的数据
Mock.mock(template) 依据数据模板生成模仿数据。数据模版能够生成简单的数据结构。
数据模版的语法如下：
- 属性名和属性值之间用
:分隔。 - 属性与属性之间用
,分隔。 - 属性值是字符串类型，能够应用
@来示意占位符。 - 属性值是对象类型，能够应用
name|rule来示意生成规定。
示例：
const Mock = require('mockjs')
const data = Mock.mock({
'list|1-10': [{
'id|+1': 1, // 从 1 开始，每次加 1
'name': '@cname', // 随机中文名字
'age|18-60': 1, // 18 到 60 岁之间的整数
'gender|1': ['男', '女'], // 男或女
'email': '@email' // 随机电子邮件地址
}]
})
console.log(data)
输入：
{
"list": [
{
"id": 1,
"name": "林志玲",
"age": 32,
"gender": "女",
"email": "kbsc@pmpuaaq.pk"
},
{
"id": 2,
"name": "周杰伦",
"age": 55,
"gender": "男",
"email": "whq@zjfwq.uz"
},
...
]
}
模仿接口
Mock.mock(url, template)依据接口地址和数据模板模仿接口申请。Mock.mock(method, url, template)依据申请办法、接口地址和数据模板模仿接口申请。
以上是 Mock 中罕用的语法，更多语法请查阅官网文档。想进阶成为一位 Mock 高手？Apifox 是一个弱小的接口文档管理工具，用 Apifox 能够让 Mock 变得更容易。Apifox 语法齐全兼容 Mock， 并扩大了一些 Mock 没有的语法（如国内手机号 @phone）。小伙伴们能够去体验下。
常识扩大：
更多 Mock 相干常识可点击下方链接查看。
- 理解 Mock.js 的语法标准
- Mock.js 生成模仿数据教程
正文完
