mockjs的学习历程

最新推荐文章于 2023-10-25 09:35:20 发布
最新推荐文章于 2023-10-25 09:35:20 发布
阅读量236 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44893266/article/details/102560647
版权
MockJS 是一种用于模拟数据和拦截 AJAX 请求的工具，尤其在后端未提供数据或需要快速原型开发时非常有用。它可以生成各种随机数据，包括文本、数字、布尔值、日期等，并支持自定义函数和正则表达式。MockJS 的语法规则包含数据模板定义，如属性名、生成规则和属性值，可用于创建复杂的数据结构。
摘要由CSDN通过智能技术生成
什么是mockjs

mockjs就是一个模拟数据，生成随机数据，拦截ajax请求
通过随机数据，模拟各种场景，不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据，支持生成随机的文本、数据、布尔值、日期、邮箱、链接、图片、颜色，支持扩展更多数据类型，支持自定义函数和正则

为什么使用mockjs
  • 后端给不了数据
  • 数据太长，将数据放在 js 文件里面，完成后挨个改 url
  • 还原真实数据
  • 特殊格式 ip 随机数 图片 地址
  • 分页显示
语法规则

官网案例

Mock.mock('https://www.test.com', {
   
   "userInfo|4":[{
     // 生成| num 个如下格式名字的数据
      "id|1":1,  // 数字从当前数开始后续依次加一
      "name"</
最低0.47元/天 解锁文章
秦丹，你好
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
mockjs学习(+axios+element ui实现增删改查)
weixin_58896221的博客
07-20 1180
代码】mockjs学习。
Mock介绍
热门推荐
alex的博客
09-19 4万+
mock的定义（what）： mock是在测试过程中，对于一些不容易构造/获取的对象，创建一个mock对象来模拟对象的行为 为什么要使用mock（why）： 在做单元测试过程中，经常会有以下的场景： class A 依赖 class B class B 依赖 class C和class D class C 依赖 ... class D 依赖 ... 1.被测对...
使用mock数据。
Ohnooooa的博客
10-08 277
用mock生成模拟数据，做一个员工电子档案信息，信息包括基础信息（姓名、性别、学历（高中、专科、本科、硕士、博士）、身份证号、出生年月、毕业年份、工作时长、毕业院校）与入职信息（所属部门、岗位、岗位级别、入职时间）。在apis文件下写请获取数据的接口，在mock文件夹下新建ts文件，
JavaScript高级篇 mock.js的使用方法
最新发布
wgq2020的博客
10-25 261
mock.js 是前端开发中常用的模拟数据生成工具，可用于模拟接口数据、测试数据等。下面介绍使用 mock.js 的方法。注意：在生产环境中，应该不使用 Mock.js 来模拟数据，而是使用真正的后端接口来获取数据。该代码通过 mockjs 生成一个包含姓名、年龄、性别和爱好的对象，并拦截了。此时，mockData 就是生成的数据对象。的 GET 请求，返回生成的数据。
使用 mockjs 随机生成大批量常用字段的值(人名，年龄，地址，邮箱，日期……)
wuyujin1997的博客
12-24 1万+
Intro 功能：生成随机数据，拦截 Ajax 请求。 举个例子：新建了一张用户表，需要测试程序读写命令。 但是得提前初始化一些数据啊，此时就可以利用mockjs来随机生成数据源(插入操作略)。 受众 后面的代码是写给前端开发的。 如果有开发需要调用，可以先了解NodeJS的基本环境和使用。 Code 安装依赖：npm install mockjs 运行以下代码： var Mock = require("mockjs"); var Random = Mock.Random; for (var
在Vue项目中使用Mock.js
相濡以沫不如相忘于江湖.
09-24 2190
随着互联网行业的发展，前后端分离已经成为了行业的主流，也是一种趋势。在这样一种趋势的推动下去开发项目，一定会遇到这样一个问题，后端接口未开发完毕，前端页面如何展示数据呢？这个时候就用到mock.js了。// 属性名 name // 生成规则 rule // 属性值 value 'name|rule' : value属性值是字符串 String// 通过重复 string 生成一个字符串，重复次数大于等于 min，小于等于 max。
2022-07-01 mockjs学习笔记:mock的下载和引入,在vue项目中引入mock
GAARA
07-01 304
文章目录 1.简介 2.安装和官网 3.文件结构 4.语法规范 5.如何在vue项目中引入mockjs? 6.另一种写法:单独写一个接口文件:mock/users.js 1.简介 Mockjs 是一款模拟数据生成工具，模拟 Ajax 请求，通过随机生成数据, 模拟各种业务场景并返回模拟数据，帮助前端在后台未提供接口时实现独立开发。 Mockjs支持的随机数据类型很丰富，包括文本、数字、布尔值、日期、邮箱、链接、图片、颜色等 2.安装和官网 安装命令:npm install mockjs -D 官网:htt
MockJS文档
09-10
MockJS 正是为了解决这个问题而诞生的。 MockJS 提供了强大的数据生成功能，可以自定义模拟各种类型的数据，如字符串、数字、日期、对象、数组等。这使得前端开发者能够在没有真实后端数据的情况下进行开发和调试，...
Mockjs
ButOff的博客
03-21 298
开始 & 安装 Node (CommonJS) # 安装 npm install mockjs // 使用 Mock var Mock = require('mockjs') var data = Mock.mock({ // 属性 list 的值是一个数组，其中含有 1 到 10 个元素 'list|1-10': [{ // 属性 id 是一个自增数，起始值为 1，每次增 1 'id|+1': 1 }] }) // 输出结果 con
mock.js用法
岁月如歌去，十年弹指间
08-09 1416
    无传值时 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"
简单易懂的mock生成模拟数据流程
qq236710052的博客
05-04 1131
最近在玩 Vant，觉得他们做的输入密码很好看！下图所示我已经使用mock.js生成了N个用户和6位0-9的密码，用于后续调试！可跳过！ 提前告知：这不是必须的，可以直接跳过，感兴趣的可以到这拿源码（在：“我的” 页面组件里）：https://blog.csdn.net/qq236710052/article/details/105906413 Part1：安装依赖（注意自己的是cnpm还是np...
Dva中使用Mockjs生成随机用户信息
weixin_45232840的博客
05-04 2708
步骤一：安装Mockjs npm install mockjs 步骤二：在mock文件夹中新建users.js文件 步骤三：在users.js文件中引入mockjs const Mock = require("mockjs"); 导出随机用户信息 module.exports = { 'GET /api/users':(req,res)=>{ res.statu...
前端面试题
jsPao的博客
11-17 488
对于 html 的标准属性来说，attribute 和 property 是同步的，是会自动更新的。attribute 是 dom 元素在文档中作为 html 标签拥有的属性。property 就是 dom 元素在 js 中作为对象拥有的属性。attribute 和 property 的区别是什么?但是对于自定义的属性来说，他们是不同步的。script 引入方式?
Mock.js入门教程
08-22 581
1.什么是Mock.js? 生成随机数据，拦截 Ajax 请求。 通过随机数据，模拟各种场景；不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据；支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等；支持支持扩展更多数据类型，支持自定义函数和正则。 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型. 2.安装 使用npm安装:npm install mockjs; 或直接<script src="http://mockjs.com/dist/mock
Mock js 的理解以及应用
责任与担当
08-02 6679
官网介绍：http://mockjs.com/ 1、安装 1.1、安装：yarn add mockjs -S 输入：yarn add mockjs -S （在当前项目下安装 Mock） myapp 是项目名称 1.2、看网站的示例，实例就是语法 1.3、创建文件夹 在项目下创建 》 mock文件夹 》再创建 index.js 总结 mock.mock() 参数1：请求地址 选...
Mock方法介绍
weixin_34138056的博客
06-19 895
1 现有的单元测试框架 单元测试是保证程序正确性的一种有效的测试手段，对于不同的开发语言，通常都能找到相应的单元框架。 借助于这些单测框架的帮助，能够使得我们编写单元测试用例的过程变得便捷而优雅。框架帮我们提供了case的管理，执行，断言集，运行参数，全局事件工作，所有的这些使得我们只需关注：于对于特定的输入，被测对象的返回是否正常。 那么，这些xUnit系...
Mock.js 实例
Tang
07-12 1652
Mock.js实现的功能。基于数据模板生成数据。基于HTML模板生成数据。拦截并模拟Ajax请求。本文仅演示使用mock.js进行模拟并拦截Ajax请求。首先页面中先引用：&lt;script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="http://mockj...
mockjs使用
田兴的博客
03-16 503
官网地址http://mockjs.com 一、什么是mock.js? 生成随机数据，拦截 Ajax 请求。 通过随机数据，模拟各种场景；不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据；支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等；支持支持扩展更多数据类型，支持自定义函数和正则。 二、为什么使用mock.js 在做开发时，当后端的接口还未完成，前端为了不影响...
vue mockjs
08-23
Vue Mockjs 是一个用于生成随机数据并拦截 Ajax 请求的插件。它可以帮助前端开发人员在实际开发中模拟后端接口的数据返回，以便更好地进行前端开发和调试。 使用 Vue Mockjs，你可以定义模拟数据的结构和规则，并将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值