mock.js实现模拟生成假数据功能的实例
本文中,mock.js通过仿真实现了产生虚假数据的功能。分享给大家参考,如下:
mock的使用非常简单。下面是一个简单的用法。详细用法可以在公文中看到,写的很清楚。下面的代码被直接复制到本地html文件中,双击打开它以生成您想要的数据
!DOCTYPE html htmlheartheta charset=' UTF-8 ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge,chrome=1 ' title mockjs-demo/title script type=' text/JavaScript ' src=' http 3360http://mockjs.com/bower _ components/mockjs/dist/Mock . js '/script/header dyscript var Random=Mock。随机;vardata=mock . mock({ ' list | 4 ' :[{ ' id | 1 ' 3360 1,' number | 1-10' : 7,//英文名' name' 3360' @ name ',//color' color' ://英文标题' title': '@title ',//链接' url': '@url('http '),//email' email': '@email ',//图片' image ' : random . image(' 200)# FFF ',' Mock.js '),//时间' date ' : ' @ date '(yyyy-mm-DD hh 3360mm 3360s ')',' date2 ' : ' @ datetime//中文名称' canme': '@cname()',//地址' cadd' :' @省' ' @市' ' @县',//手机号码' phone ' :/1[385][1-9]\ console . log(JSON . stringfy(data,null,4))/script/body/HTML这里,在线HTML/CSS/JavaScript代码用于运行该工具:http://tools.jb51.net/code/HtmlJsRun测试运行了上述代码,可以获得以下结果:
有关JavaScript的更多信息,请查看本网站的专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》和《JavaScript数学运算用法总结》
希望本文对JavaScript编程有所帮助。
版权声明:mock.js实现模拟生成假数据功能的实例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。