资讯专栏INFORMATION COLUMN

切图崽的自我修养-[TOOL] 用MockJs模拟数据

Eric / 2663人阅读

摘要:用前后端分离的开发模式,前端和后端约定好接口格式之后,前端可以用模拟返回数据,从而可以完全脱离后端进行开发安装使用这里作用等价于拓展周杰伦林俊杰邓紫棋方大同自定义的拓展函数同理,用占位符和调用具体的函数等价可模拟整形数组的长度和值可模拟某一

MockJs

用前后端分离的开发模式,前端和后端约定好接口格式之后,
前端可以用MockJs模拟返回数据,从而可以完全脱离后端进行开发

安装
npm install mockjs

使用
var Mock = require("mockjs");
var mail1 = Mock.mock("@email"); 
var mail2 = Mock.Random.email();
console.log(mail1,mail2);  

这里Mock.mock("@email")作用等价于Mock.Random.email()


拓展
var Mock = require("mockjs");
Mock.Random.extend({
    star: function(region) {
        var name  = ["周杰伦", "林俊杰", "邓紫棋", "方大同"]
            return this.pick(name)
    }
})


var star1 = Mock.mock("@star");
var star2 = Mock.Random.star();
console.log(star1,star2);

自定义的拓展函数同理,用@占位符和调用具体的函数等价


API
Basic

可模拟Boolean/Number,Character,String,Array(整形数组)的长度

Date

可模拟某一个时间格式

Image

模拟一张图片的格式尺寸颜色,上面的字符串,还有base64编码

Color

模拟颜色的格式(rgb/hsl/rgba/hex)

Text

模拟一段文本,可返回英文单词,或者英文句子汉字或者标题

Name

模拟人名,可返回//姓名/中文姓名

Web

模拟互联网上常见的地址信息,包括url/protocol/host/domain/tld/email/ip/

Address

模拟中国的地域信息, 包括中国的地区////邮编

Identity

模拟一些唯一标识符,包括UUID/十八位身份证ID

Helper

一些常用方法,最常用的为 从数组里随机选择一个元素, 或者打乱数组中的元素顺序


结语

MockJs除了生成模拟数据之外,还能拦截你的Ajax请求,并且返回模拟的数据.所以在双方约定好接口格式之后,前端能够脱离后端,后端也能专注自己的接口开发,二者并行,提高开发效率

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/50117.html

相关文章

  • 切图崽的自我修养-[TOOL] MockJs模拟数据

    摘要:用前后端分离的开发模式,前端和后端约定好接口格式之后,前端可以用模拟返回数据,从而可以完全脱离后端进行开发安装使用这里作用等价于拓展周杰伦林俊杰邓紫棋方大同自定义的拓展函数同理,用占位符和调用具体的函数等价可模拟整形数组的长度和值可模拟某一 MockJs 用前后端分离的开发模式,前端和后端约定好接口格式之后,前端可以用MockJs模拟返回数据,从而可以完全脱离后端进行开发 安装 npm...

    Jaden 评论0 收藏0
  • 切图崽的自我修养-[TOOL] MockJs模拟数据

    摘要:用前后端分离的开发模式,前端和后端约定好接口格式之后,前端可以用模拟返回数据,从而可以完全脱离后端进行开发安装使用这里作用等价于拓展周杰伦林俊杰邓紫棋方大同自定义的拓展函数同理,用占位符和调用具体的函数等价可模拟整形数组的长度和值可模拟某一 MockJs 用前后端分离的开发模式,前端和后端约定好接口格式之后,前端可以用MockJs模拟返回数据,从而可以完全脱离后端进行开发 安装 npm...

    bergwhite 评论0 收藏0
  • 切图崽的自我修养-[TOOL] Omnigraffle绘制UML

    摘要:前言不会画图的程序员不是好产品经理喜欢装逼有品位的程序员都有一颗产品经理的心,但印象中产品经理经常要画一些奇奇怪怪七七八八的图,在请教了一些立志做产品经理的程序员之后,发现他们都有一套自己喜欢用的精致小巧的工具,其中经典的一套为线框原型通用 前言 不会画图的程序员不是好产品经理 喜欢装逼有品位的程序员都有一颗产品经理的心,但印象中产品经理经常要画一些奇奇怪怪七七八八的图,在请教了一些立...

    BWrong 评论0 收藏0
  • 切图崽的自我修养-[TOOL] Omnigraffle绘制UML

    摘要:前言不会画图的程序员不是好产品经理喜欢装逼有品位的程序员都有一颗产品经理的心,但印象中产品经理经常要画一些奇奇怪怪七七八八的图,在请教了一些立志做产品经理的程序员之后,发现他们都有一套自己喜欢用的精致小巧的工具,其中经典的一套为线框原型通用 前言 不会画图的程序员不是好产品经理 喜欢装逼有品位的程序员都有一颗产品经理的心,但印象中产品经理经常要画一些奇奇怪怪七七八八的图,在请教了一些立...

    mykurisu 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<