前端开发利器-Mock.js

前言

在项目开发过程中前端这块要请求后台数据，但后端开发比较慢，经常造成前端往往需要等待后端，造成开发延期，拖累研发整体进度，有了Mock.js，前后端人员只需要定义好接口文档就可以开始并行工作，互不影响，只在最后的联调阶段往来密切；后端与后端之间如果有接口耦合，也同样能被Mock解决；测试过程中如果遇到依赖接口没有准备好，同样可以借助Mock；不会出现一个团队等待另一个团队的情况。这样的话，开发自测阶段就可以及早开展，从而发现缺陷的时机也提前了，有利于整个产品质量以及进度的保证。

使用mockjs的好处

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

mock.js特性

1、数据类型丰富
	支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
2、拦截 Ajax 请求
	不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。安全又便捷

mock.js的基本用法

mockjs有两种使用方式

1、直接使用
<script src=“http://mockjs/dist/mock.js”>
2、通过node使用 
cnpm i mockjs (这里的cnpm用的是淘宝的镜像)

示例

第一种用法

控制台输出结果

第二种用法

输出结果

更多用法请看官网API 官网地址，谢谢观看，觉得有帮助请帮忙点个赞