1.mock js介紹

Mock.js （官網(wǎng)地址：http://mockjs.com/）是一款模擬數(shù)據(jù)生成器，旨在幫助前端工程師獨(dú)立于后端進(jìn)行開發(fā)，幫助編寫單元測(cè)試。提供了以下模擬功能：

1,根據(jù)數(shù)據(jù)模板生成模擬數(shù)據(jù)

2,模擬 Ajax 請(qǐng)求，生成并返回模擬數(shù)據(jù)

3,基于 HTML 模板生成模擬數(shù)據(jù)

2.mock js的使用

1.安裝mock

2.在src下新建一個(gè)mock文件 引入mock.js

3.在頁(yè)面中發(fā)送請(qǐng)求

4.在mock文件夾下的index.js中設(shè)置mock數(shù)據(jù)，并攔截請(qǐng)求，將假數(shù)據(jù)傳入頁(yè)面

3.mock 生成規(guī)則

1.屬性值是字符串

'name|min-max': string

通過(guò)重復(fù) string 生成一個(gè)字符串，重復(fù)次數(shù)大于等于 min，小于等于 max。

'name|count': string

通過(guò)重復(fù) string 生成一個(gè)字符串，重復(fù)次數(shù)等于 count。

2.屬性值是數(shù)字

name|+1': number

屬性值自動(dòng)加 1，初始值為 number。

’name|min-max': number

生成一個(gè)大于等于 min、小于等于 max 的整數(shù)，屬性值 number 只是用來(lái)確定類型。

'name|min-max.dmin-dmax': number

生成一個(gè)浮點(diǎn)數(shù)，整數(shù)部分大于等于 min、小于等于 max，小數(shù)部分保留 dmin 到 dmax 位。

3.屬性值是布爾類型

'name|1': boolean

隨機(jī)生成一個(gè)布爾值，值為 true 的概率是 1/2，值為 false 的概率同樣是 1/2。

4.屬性值是數(shù)組

'name|1': array

從屬性值 array 中隨機(jī)選取 1 個(gè)元素，作為最終值。

'name|+1': array

從屬性值 array 中順序選取 1 個(gè)元素，作為最終值。

'name|min-max': array

通過(guò)重復(fù)屬性值 array 生成一個(gè)新數(shù)組，重復(fù)次數(shù)大于等于 min，小于等于 max。

'name|count': array

通過(guò)重復(fù)屬性值 array 生成一個(gè)新數(shù)組，重復(fù)次數(shù)為 count。