jsmock有什么优点-创新互联

本篇内容主要讲解“js mock有什么优点”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“js mock有什么优点”吧!

mock解决的问题，开发时，后端还没完成数据输出，前端只好写静态模拟数据。数据太长了，将数据写在js文件里，完成后挨个改url。某些逻辑复杂的代码，加入或去除模拟数据时得小心翼翼。想要尽可能还原真实的数据，要么编写更多代码，要么手动修改模拟数据。特殊的格式，例如IP,随机数，图片，地址，需要去收集。

mock优点

1、前后端分离

让前端工程师独立于后端进行开发。

2、增加测试的真实性

通过随机数据，模拟各种场景。

3、开发无侵入

不需要修改既有代码，就可以拦截Ajax请求，返回模拟的响应数据。

4、用法简单

符合直觉的接口。

5、数据类型丰富

支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。

6、方便扩展

支持支持扩展更多数据类型，支持自定义函数和正则。

7、在已有接口文档的情况下，我们可以直接按照接口文档来开发，将相应的字段写好，在接口完成之后，只需要改变url地址即可。

8、不涉及跨域问题，

mock案例demo

1.首先需要下载安装mockjs模块

cnpminstallmockjs-S

2.然后可以在scr下创建一个文件夹，用于存放模拟的数据的文件例如/src/mock/index.js,在这个文件中

复制代码

constMock=require("mockjs");

letdata=Mock.mock({

"data|100":[//生成100条数据数组

{

"shopId|+1":1,//生成商品id，自增1

"shopMsg":"@ctitle(10)",//生成商品信息，长度为10个汉字

"shopName":"@cname",//生成商品名，都是中国人的名字

"shopTel":/^1(5|3|7|8)[0-9]{9}$/,//生成随机电话号

"shopAddress":"@county(true)",//随机生成地址

到此，相信大家对“js mock有什么优点”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！