惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Apple Machine Learning Research
Apple Machine Learning Research
爱范儿
爱范儿
博客园_首页
博客园 - 【当耐特】
V
Visual Studio Blog
博客园 - 叶小钗
月光博客
月光博客
美团技术团队
J
Java Code Geeks
小众软件
小众软件
Y
Y Combinator Blog
博客园 - Franky
Martin Fowler
Martin Fowler
博客园 - 聂微东
Microsoft Azure Blog
Microsoft Azure Blog
IT之家
IT之家
MyScale Blog
MyScale Blog
人人都是产品经理
人人都是产品经理
Microsoft Security Blog
Microsoft Security Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
阮一峰的网络日志
阮一峰的网络日志
酷 壳 – CoolShell
酷 壳 – CoolShell
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
云风的 BLOG
云风的 BLOG

博客园 - 苏荷酒吧

曲线Curve three平行光和阴影 three入门 配置Prettier 网易云音乐地址 git本地新建分支并推送到远程仓库 git commit规范 VSCode配置项 Vee Validate Vue工程调试方式 真机调试 ...使用 nodejs server开发思路 Git远程仓库 日期格式 v-model修饰符 从0到1构建全栈知识体系 Element组件,v-for循环,表单验证方法 上传文件转换为base64图片
Mock数据神器
苏荷酒吧 · 2021-04-30 · via 博客园 - 苏荷酒吧

Mock

官方地址:http://mockjs.com/

生成随机数,拦截请求

基础用法

  var data = Mock.mock({
    "array|1-10": [
      {
        "id|+1": 0,
        "name":"@cname"
      }
    ],
    "code|1": 0
  })
  console.log(JSON.stringify(data, null, 2))

Random

  var Random = Mock.Random
  var fruits = ["apple", "banana", "pear", "oranger"]
  var data = {
    email: Random.email(),
    name: Random.cname(),
    image: Random.image("200x100", "#00405d", "#fff", "Mock"),
    url: Random.url(),
    city: Random.city(),
    fruits: Random.pick(fruits),
  }
  console.log(JSON.stringify(data, null, 2))

请求拦截

 $("#app").click(function() {
   $.ajax({
     url: 'http://api.yourdomain.com/getlist/',
     type: 'get',
     dataType: 'json'
   }).done(function(data, status, xhr) {
     console.log(data, null, 2)
   })
 })
 var obj = {
    aa: '11',
    bb: '22',
    cc: '33',
    dd: '44'
  }
  Mock.mock('http://api.yourdomain.com/getlist/', {
    "user|1-3": [
      {
        "id|+1": 1,
        name: "@cname",
        "age|18-28": 0,
        birthday: '@date(yyyy-MM-dd)',
        city: {
          "number|1": "03443",
          "city|1": "北京"
        },
        "fromObj|2": obj
      }
    ]
  })