前端开发利器-Mock.js

前端开发利器-Mock.js_第1张图片

前言

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

使用mockjs的好处

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

mock.js特性

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

mock.js的基本用法

mockjs有两种使用方式

1、直接使用

                    
                    

你可能感兴趣的:(前端工具)