（推薦使用）Mock.js是一款模擬數據生成器，旨在幫助前端攻城師獨立於后端進行開發，幫助編寫單元測試。
提供了以下模擬功能：
1. 根據數據模板生成模擬數據。
2. 模擬Ajax請求，生成並返回模擬數據。
3. 基於 HTML 模板生成模擬數據。
用處
在后端還沒完成數據接口，前端只好寫靜態模擬數據的時候，Mockjs的用處：
1. 避免手動編寫靜態模擬數據，由代碼生成，添加和刪除數據都更簡單、安全。
2. 可以生成盡可能真實的數據，提供了IP、隨機數、圖片、地址、郵箱、名字等占位符，也支持擴展自定義占位符。
3. 不需要修改既有代碼，就可以攔截 Ajax 請求，返回模擬的響應數據。
在Node模塊使用
// 安裝 npm install mockjs // 使用 var Mock = require('mockjs'); var data = Mock.mock({ 'list|1-10': [{ 'id|+1': 1 }] }); console.log(JSON.stringify(data, null, 4))
可以在Node模塊里面。
在瀏覽器頁面使用
比較常用的應該是在瀏覽器頁面，用法也很簡單，如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>MockJS-demo</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="mock.js"></script> </head> <body> <script> //demo1 var data = Mock.mock({ 'list|1-10': [{ 'id|+1': 1 }] }); console.log(JSON.stringify(data, null, 4)) //demo2 Mock.mock('http://g.cn', { 'name' : '@name', 'age|1-100': 100, 'color' : '@color' }); $.ajax({ url: 'http://g.cn', dataType:'json' }).done(function(data, status, xhr){ document.writeln(JSON.stringify(data, null, 4)); }); </script> </body> </html>
總結
Mockjs最大作用是避免我們自己手寫一大段模擬數據，可生成隨機數據，減少維護的工作量。
用法倒比較簡單，看文檔就明白，文檔地址：http://mockjs.com/0.1/
本文為原創文章，轉載請保留原出處，方便溯源，如有錯誤地方，謝謝指正。