mock的命名用一(生成随机数据)
Posted 流星飞雨
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mock的命名用一(生成随机数据)相关的知识,希望对你有一定的参考价值。
Mock.Random 是一个工具类,用于生成各种随机数据。
Mock.Random 的方法在数据模板中称为『占位符』,书写格式为 @占位符(参数 [, 参数])
。
var Random = Mock.Random Random.email() // => "[email protected]" Mock.mock(‘@email‘) // => "[email protected]" Mock.mock( { email: ‘@email‘ } ) // => { email: "[email protected]" }
注意
方法
Mock.Random 提供的完整方法(占位符)如下:
Type | Method |
---|---|
Basic | boolean, natural, integer, float, character, string, range, date, time, datetime, now |
Image | image, dataImage |
Color | color |
Text | paragraph, sentence, word, title, cparagraph, csentence, cword, ctitle |
Name | first, last, name, cfirst, clast, cname |
Web | url, domain, email, ip, tld |
Address | area, region |
Helper | capitalize, upper, lower, pick, shuffle |
Miscellaneous | guid, id |
<script id="fixPlaceholderLink" type="text/javascript"> $(‘#fixPlaceholderLink‘).prev(‘table‘) .find(‘td:nth-child(1)‘).each(function(index, td) { $(td).contents().wrapAll( $(‘‘).attr(‘href‘, ‘#‘ + $(td).text()) ) }) .end() .find(‘td:nth-child(2)‘).each(function(index, td) { var methods = $(td).text().split(‘ ‘) var links = $() $(methods).each(function(mindex, m) { links.push( $(‘‘).attr(‘href‘, ‘#‘ + m).text(m)[0] ) if (mindex < methods.length - 1) { links.push( $(‘‘).text(‘, ‘)[0] ) } }) $(td).empty().append(links) }) .end() </script>
扩展
Mock.Random 中的方法与数据模板的 @占位符
一一对应,在需要时还可以为 Mock.Random 扩展方法,然后在数据模板中通过 @扩展方法
引用。例如:
Random.extend({ constellation: function(date) { var constellations = [‘白羊座‘, ‘金牛座‘, ‘双子座‘, ‘巨蟹座‘, ‘狮子座‘, ‘处女座‘, ‘天秤座‘, ‘天蝎座‘, ‘射手座‘, ‘摩羯座‘, ‘水瓶座‘, ‘双鱼座‘] return this.pick(constellations) } }) Random.constellation() // => "水瓶座" Mock.mock(‘@CONSTELLATION‘) // => "天蝎座" Mock.mock({ constellation: ‘@CONSTELLATION‘ }) // => { constellation: "射手座" }
以上是关于mock的命名用一(生成随机数据)的主要内容,如果未能解决你的问题,请参考以下文章
mock.js生成随机数据,用于前后端分离开发的mock.js
前端开发:mock.js的简单应用(生成随机数据,拦截 Ajax 请求)
vue2中使用Mock.js生成随机数据,拦截 Ajax 请求
阿里RAP+fiddler实现app原生应用的cgi数据mock----- (二)添加mock规则,随机返回4中类型(不同长度)的数据