扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本篇内容主要讲解“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有什么优点”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网