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相对容易些。