MOCK.JS
官方给出的评价(自吹一波):
1. 前后端分离 : 让前端攻城师独立于后端进行开发。
2. 增加单元测试的真实性 :通过随机数据,模拟各种场景
3. 开发无侵入 :不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。
4. 用法简单 :符合直觉的接口。
5. 数据类型丰富 :支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
6. 方便扩展 :支持支持扩展更多数据类型,支持自定义函数和正则。

说说我的一些使用心得吧:
使用mockjs模拟数据;mockjs可以生成随机数据,拦截 Ajax 请求;平时有两种使用方法:
一种是结合node使用,先用node的express搭建一个项目,然后在项目的route文件夹下的js文件中,配置不同的路由,比如list提供商品列表数据,banner提供首页轮播数据;对应的路由里面写相应的mockjs代码来生成数据;这就相当于一个本地的后台服务器接口了,前台需要调取数据的地方,使用ajax请求对应的本地路径,就可以请求到模拟出来的数据;
另一种是直接在js文件中模拟生成数据,代码写在ajax调取数据之前,使用Mock.mock( rurl, template );这里的url可以写真实的路径,比如访问http://baidu/list;如果我们直接用ajax访问,是没有这个接口的,请求不到数据,但是如果我们在ajax之前使用了Mock.mock(url,{code}),这里的第一个参数设置为http://baidu/list;第二参数里code写mock代码生成的随机数据,下面ajax再请求该地址的时候,mockjs会拦截ajax;所以会请求到mock生成的随机数据;而不会访问真实的baidu网站;测试功能正常后,可以和后台人员沟通下提供接口的样式,请求接口的端口号域名前期都可以确定,接口后面路径如果后台提供的和前台模拟写的一样,那么最后后台提供接口给我们时候,只需要把mockjs文件代码删掉,ajax就可以直接访问后台真实数据;
使用mockjs好处。拦截ajax请求,模拟真实数据,模拟数据请求的方式等,无需等待后台,让我们开发变得快捷;写好后,把自己的需求:比如请求list列表,把路径/list,模拟的数据字段及格式交给后台,让后台调试成这种格式;

更多推荐

前端开发人员当后端没有给你接口的时候,如何进行功能测试?