在前端开发中，mock数据是提升效率的重要手段之一。今天就来聊聊 `mock.js` 这个宝藏工具！✨

首先，什么是 `mock.js` ？它是一个用于生成模拟数据的 JavaScript 库，可以帮助我们快速构建前后端分离项目中的测试环境。无论是接口联调还是单元测试，`mock.js` 都能派上用场。💡

如何开始使用？

1️⃣ 引入 `mock.js`：可以通过 npm 安装（`npm install mockjs`），或者直接在 HTML 中引入 CDN。

```html

<script src="https://cdn.jsdelivr.net/npm/mockjs/dist/mock.js"></script>

```

2️⃣ 编写规则：定义数据结构和生成逻辑。比如：

```javascript

const Mock = require('mockjs');

Mock.mock('/api/data', {

'list|1-10': [

{

'id|+1': 1,

name: '@cname',

age: '@integer(18, 60)',

address: '@county'

}

]

});

```

3️⃣ 启动服务：通过简单的 HTTP 请求即可获取模拟数据，无需真实后端支持。

小技巧

- 使用 `@` 符号生成随机数据，如姓名、地址等。

- 结合正则表达式，轻松定制复杂的数据格式。

掌握 `mock.js` 后，你会发现开发效率显著提升，联调工作更加顺畅！🚀

快试试吧，让数据不再是问题！💪