玩转 Mockjs,前端也能跑的很溜

JavaScript03

玩转 Mockjs,前端也能跑的很溜,第1张

mockjs作用就是,生成随机模拟数据,拦截 ajax 请求,可以对数据进行增删改查。在生成数据时,我们就需要能够熟练使用 mock.js 的语法。

Mockjs 的语法规范包括两部分:数据模板定义规范和数据占位符定义规范。

数据模板中的每个属性组成有:属性名、生成规则、属性值。

使用语法为:

值得注意的有:

生成规则的格式分别有:

1.1、属性值是类型 String

变量的重复次数是一个随机值。

直接指定重复次数。

1.2、属性值是 Number

生成不断累加的数字。

生成一个区间数值。

生成带有小数点的数字。

1.3、属性值是 Boolean

1.4、属性值是对象 Object

生成一个指定属性个数的对象。

生成一个属性个数随机的对象。

1.5、属性值是数组 Array

取数组中某个元素作为结果。

生成新数组。

1.6、属性值是函数 Function

在数据占位符中,属性值是函数有重要的意义。待会会重点解释。

1.7、属性值是正则 RegExp

数据占位符只是在属性字符串中占个位置,并不会出现在最终的属性值中。

使用格式:

注意:

创建一个 api 接口,返回一个随机生成的数组:

占位符引用的都是 Mock.random 内的方法,所以我们可以把上述代码更改为:

此时我们再查阅的时候,就发现生成的数组内,名字都是一模一样的。如果我们想生成不一样的姓名,该如何解决呢?

解决办法:把属性值更改为函数,将函数的返回值作为最终结果。

好了我今天的文章就到此结束了,喜欢我的可以点个关注哦!

css是层叠式样式表,用来处理页面的显示样式。

.xxx{}代表一种样式,不针对特定节点。#xxx也是一种样式,针对特定节点写的。

js是javascript是一种页面脚本,用来处理页面事件。

css相对容易些。