Mockjs就是：造假數(shù)據(jù)。滿足臨時所需。
第一部分：直接使用
如果直接看GitHub或看一些文章，直接就是ajax攔截之類的。
但我們的需求就是，造一些假數(shù)據(jù)，滿足使用即可，
如果基本需求都沒滿足，別的都沒用，第二部分，來整沒用的東西。
1.1 提前條件
1. 安裝nodejs, 【沒裝的，找賣藥的問下】。
2. npm install mockjs
1.2 羅列基本法，盡量開箱即用
基本涵蓋了常用的所有字段類型
// mock.js
const Mock = require('mockjs')
const Random = Mock.Random;
const data = Mock.mock({
// 中文名字 | 姓 | 名
china_name: Random.cname(),
china_first: Random.cfirst(),
china_last: Random.clast(),
// 英文名 | firatname | lastname | 帶中間字的
eng_name: Random.name(),
eng_first: Random.first(),
eng_last: Random.last(),
eng_last: Random.name(true),
// 長度為4的字符串
string: Random.string(4),
// 數(shù)字 最小1 最大100
age: Random.integer(1, 100),
// 數(shù)字 浮點數(shù)
num: Random.float(1, 10, 1, 4),
// 數(shù)字 字符串
numString: Random.character('number'),
// 日期 YYYY-MM-DD
date: Random.date(),
// 時間 HH:mm:ss
time: Random.time(),
// 日期 時間 YYYY-MM-DD HH:mm:ss
dateTime: Random.datetime(),
// 當(dāng)前日期
now: Random.now(),
// 圖片
image: Random.image('200x100', '#ffcc33', '#FFF', 'png', '文字'),
// 顏色 hex rgb
color: Random.color(),
// 標題
title: Random.ctitle(),
cword: Random.cword(),
// 一段文本 1段-100段
cparagraph: Random.cparagraph(1, 2),
// 英文 句子
sentence: Random.sentence(),
// 區(qū)域
region: Random.region(),
// 省 city zip couty 等
province: Random.province(),
// ip 域名 網(wǎng)址
ip: Random.ip(),
url: Random.url(),
// 身份證
identify: Random.id(),
// 全局自增ID
id1: Random.increment(),
id2: Random.increment(),
id3: Random.increment(),
})
console.log(data);
{ china_name: '韓桂英',
china_first: '陳',
china_last: '磊',
eng_name: 'Thomas Johnson',
eng_first: 'Karen',
eng_last: 'Kenneth Donald Miller',
string: 'm&gP',
age: 84,
num: 10.3,
numString: '1',
date: '2005-07-07',
time: '14:45:30',
dateTime: '1977-06-17 03:30:19',
now: '2019-03-15 22:39:51',
image: 'http://dummyimage.com/200x100/ffcc33/FFF.png&text=文字',
color: '#8279f2',
title: '南被復(fù)接裝',
cword: '還',
cparagraph: '門油頭做得飛作政什影美產(chǎn)術(shù)已我半。',
sentence: 'Svowsinxy xbqtap fkh yblqteul orfenvlx iynptosx aggjg memsgtpknd xxdh futhhwbye mtnkfyolin vtht zcglztvjk iispwbshwj wnkdxfzg euetgctbn.',
region: '西南',
province: '貴州省',
ip: '15.33.17.63',
url: 'news://birulyvmr.bm/kmeqktu',
identify: '340000197902270270',
id1: 1,
id2: 2,
id3: 3
}
1.3 結(jié)合對象、數(shù)組的使用
Random.extend({
constellation: function() {
const constellations = [
'白羊座',
'金牛座',
'雙子座',
];
return this.pick(constellations);
},
});
const objList = Mock.mock({
id: Random.integer(),
titile: Random.ctitle(),
email: Random.email(),
// 數(shù)組隨機生成 2-4
'list|2-4': [
{
'id|+1': 10,
incrNum: () => Random.increment(),
title: () => Random.ctitle(),
date: () => Random.date('yyyy-MM-dd'),
enum: () => Random.constellation(),
},
],
});
console.log(objList);
返回值
{ id: 6615749548973956,
titile: '約布權(quán)',
email: 'p.hbjd@wwoprnolz.ci',
list:
[ { id: 10,
incrNum: 1,
title: '色需列流走只',
date: '1981-09-06',
enum: '巨蟹座' },
{ id: 11,
incrNum: 2,
title: '型關(guān)立',
date: '1997-11-18',
enum: '射手座' },
{ id: 12,
incrNum: 3,
title: '半我消空單高',
date: '1997-02-12',
enum: '摩羯座' },
{ id: 13,
incrNum: 4,
title: '才節(jié)片化',
date: '1993-06-30',
enum: '白羊座' }
]
}