使用Mock.js模拟生成数据
现在越来越多的应用程序都在向前后端分离的模式方向进行发展,前端注重页面样式和页面功能,后端注重代码功能,从而实现分工合作,达到效率和功能齐头并进的效果。
有时候因为前端的部分数据是从后端响应回来的,但是呢,后端功能还没实现,会导致前端部分功能停滞不前,从而也就影响了工作的效率。
有人选择等待后端的功能完成,有人选择自己造数据,有人...
为了解决这个问题,就出现了Mock.js,Chance.js等外部js,其能随机生成数据供页面使用。本文主要已Mock.js作为案例来模拟生成一个表格数据。更多配置请参考Mock.js官网,Mock.js的随机数据参考了Chance.js官网。
Demo.html
ID 姓名 年龄 生日 出生地 {user.id}}{{user.name}} {{user.age}} {{user.birthday}} {{user.city}} -->
Demo结果1:
刷新一下浏览器后,得到
Demo结果2:
两次结果都是随机的,从而达到快速开发的功能。
当然,这种开发也是有前提的,那前提就是熟悉Mock.js的配置,其实这也是引入外面js的一个通病----不熟悉,为了达到一个效果,不得不先学习这个js的配置等等,所以也会影响开发效率。
个人建议,先实现功能,在有业余的时候的时候再使用外部js来实现更丰富的功能。仁者见仁,智者见智。
====================打个广告,欢迎关注====================
| QQ: | 412425870 |
| csdn博客: | http://blog.csdn.net/caychen |
| 码云: | https://gitee.com/caychen/ |
| github: | https://github.com/caychen |
点击群号或者扫描二维码即可加入QQ群: 328243383(1群) | |
点击群号或者扫描二维码即可加入QQ群: 180479701(2群) |
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
