本文实例讲述了mock.js实现模拟生成假数据功能。分享给大家供大家参考,具体如下:
mock使用方法很简单, 下面是简单的用法, 详细的用法可以看, 写的很清楚, 下面的代码直接拷贝到本地html文件, 双击打开即可生成你想要的数据
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1"> <title>mockjs-demo</title> <script type="text/javascript" src="http://mockjs.com/bower_components/mockjs/dist/mock.js"></script> </head> <body> <script> var random = mock.random; var data = mock.mock({ 'list|4': [{ 'id|+1': 1, 'number|1-10': 7, // 英文姓名 'name' :'@name', // 颜色 'color': '@color', // 英文标题 'title': '@title', // 链接 'url': '@url("http")', // 邮箱 'email': '@email', // 图片 'image': random.image('200x200', '#50b347', '#fff', 'mock.js'), // 时间 'date': '@date("yyyy-mm-dd hh:mm:ss")', 'date2': '@datetime', // 汉字 'ctitle': '@ctitle(8)', // 汉字姓名 'canme': '@cname()', // 地址 'cadd': '@province' + '@city' + '@county', // 手机号 'phone': /^1[385][1-9]\d{8}/ }] }); console.log(json.stringify(data, null, 4)) </script> </body> </html>
这里使用在线html/css/javascript代码运行工具:测试运行上述代码,可得如下运行结果:
更多关于javascript相关内容还可查看本站专题:《javascript面向对象入门教程》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》及《javascript数学运算用法总结》
希望本文所述对大家javascript程序设计有所帮助。
如对本文有疑问, 点击进行留言回复!!
同事牛逼啊,写了个隐藏 bug,我排查了 3 天才解决问题!
【JavaScript笔记(一)】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
网友评论