什么是
生成随机数据,拦截 Ajax 请求。
通过随机数据,模拟各种场景;不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据;支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等;支持支持扩展更多数据类型,支持自定义函数和正则。
现状:很多公司,后端还没有做好接口,写好接口文档
(前端就不需要等待后端实现接口再写代码);前端可以通过mockjs 参考接口文档自己先模拟数据写业务代码,等待后端准备好,在用后端接口替换自己写模拟数据实现前后端同时开发
安装
使用npm安装:npm install mockjs;
- 1
使用方法
// 使用 Mock
var Mock = require(‘mockjs’)
var data = ({
// 属性 list 的值是一个数组,其中含有 1 到 10 个元素
‘list|1-10’: [{
// 属性 id 是一个自增数,起始值为 1,每次增 1
‘id|+1’: 1
}]
})
// 输出结果
((data, null, 4))
语法规范
示例:
(‘v5/list’,{
“userInfo|4”:[{ //生成|num个如下格式名字的数据
“id|+1”:1, //数字从当前数开始后续依次加一
“name”:“@cname”, //名字为随机中文名字
“ago|18-28”:25, //年龄为18-28之间的随机数字
“sex|1”:[“男”,“女”], //性别是数组中的一个,随机的
“job|1”:[“web”,“UI”,“python”,“php”] , //工作是数组中的一个
“string|1-10”: “★”,//随机生成1-10个的星星
‘say’: function() {
return
}, }]
})
注意:
对于通过Random属性而来的一些随机数据-比如随机生成图片,使用方式如下:
(‘’,{
“ListInfo|5”:[{
“img”:(‘200x100’)
}]
});