js 单个数组前后对比_Mock.js

本篇简单介绍Mock.js 。包括 Mock.js 是什么、Mock.js 的发展历史、Mock.js 的特点、为什么要使用 Mock.js 及优点。

1. Mock.js 是什么？

图片来源：官网

Mock.js 是一个帮助前端开发生成模拟数据的生成器，使前后端开发进度分离，前端不再受后端接口开发进度的限制，甚至于前端所需的接口数据格式由前端来定义。还有前端在编写自动化测试时，可定义数据的多样性，避免测试用例数据单调。

2. Mock.js 的发展历史

Mock.js 于2014年11月在 GitHub 发布第一个版本，而后相继发布了 0.1.x、0.2.x-alpha 版本、1.0.x 版本，目前最新版本为 1.0.1-beta3，最新稳定版为 1.0.0。截至当前(2020年12月6日)GitHub 已提交并修复256个 Issues，15800+ 颗星。

3. Mock.js 的特点

Mock.js 是参考 Mocking Introduction、mennovanslooten/mockJSON、 appendto/jquery-mockjax 、 victorquinn/chancejs 而设计的，其特点如下：

• 能根据数据模板生成模拟数据，支持生成随机文本、数字、布尔值、对象、数组、日期、图片、颜色等

• 拦截 ajax 请求，为 ajax 请求提供 request/response 的模拟

• 根据 HTML 模板生成模拟数据(已弃用)

4. Mock.js 的主要版本

主要版本如下：

• 0.1.5

• 0.1.6

• 0.1.7

• 0.1.8

• 0.1.9

• 0.1.10

• 0.1.11

• 1.0.0 (教程使用版本)

5. 为什么要使用 Mock.js 以及它的优点

当项目需求或部分需求评审通过后，前后端正式启动开发，往往是同时进行的。而前端开发调试一上来就依赖后端接口数据，此前，后端还需要进行数据库设计、接口设计等等。前端为了不影响工作效率，手动模拟后端接口。我们可以用 json 文件来模拟后台接口的数据，但无法模拟数据的增删改查；也可以使用 json-server 模拟，但不能随机生成所需要的数据。此时，Mock.js 登场。

Mock.js 优点：

• 用法简单

• 前后端分离

• 数据类型丰富

• 可扩展数据类型

• 随机生成大量数据

• 由前端定义接口数据结构，并输出接口文档，后台按接口文档实现接口

• 在已有接口文档的情况下，按照接口文档相应的字段造出所需数据，在后台接口完成后，改变 url 地址即可

6. 本门课程设计及课程目录

1. Mock.js 简介

2. Mock.js Api 和语法

3. (TypeScript) 项目应用实践

4. 项目实践中遇到的问题及解决方法。

总结

本节对 Mock.js 简单介绍，下一节我们将对 Mock.js 的 Api 和语法进行详细介绍。