zoukankan      html  css  js  c++  java
  • 初识mock

    今天熟悉项目时 了解到了mock。

    Mock.js生成随机数据,拦截Ajax 请求 开始 前后端分离 让前端攻城师独立于后端进行开发。 增加单元测试的真实性 通过随机数据,模拟各种场景。 

    还可以理解为后台还未写好,但是前台急需展示数据,这时mack就派上用场了,使用mack比直接把数据写死更加具有真实性。

    下面是mock常用的函数参数:

    Mock.mock( rurl?, rtype?, template|function( options ) )

    rurl :
    可选,表示需要拦截的URL,可是URL字符串或URL正则
    rtype:
    可选,便是需要拦截的Ajax请求类型。如GET、POST、PUT等等
    template:
    可选,表示数据模板,可以是对象或者字符串。例如 { 'data|1-10':[{}] }、'@EMAIL'。
    function:
    可选,表示用于生成响应数据的函数。
    options:
    指向本次请求的Ajax选项集,含有url、type和body三个属性

    Mock.setup(settings)
    配置拦截Ajax请求时的行为。支持的配置项有:timeout。

    settings:
    必选,配置项集合。
    timeout:
    可选,指定被拦截的 Ajax 请求的响应时间,单位是毫秒。值可以是正整数,也可以是横杠 '-' 风格的字符串,默认值是'10-100'。
    例如:
    Mock.setup({
    timeout: 400
    })
    Mock.setup({
    timeout: '200-600'
    })

  • 相关阅读:
    第10组 团队展示
    第一次结对编程作业
    13.Vue.js 组件
    12.Vue.js 表单
    11.Vue.js-事件处理器
    10.Vue.js 样式绑定
    9.Vue.js 监听属性
    8.Vue.js-计算属性
    7.循环语句
    6.Vue.js-条件与循环
  • 原文地址:https://www.cnblogs.com/changjunhui/p/12668951.html
Copyright © 2011-2022 走看看