From 0aaff8a7dcdfa753671ddf40bcf5282ffa138cfb Mon Sep 17 00:00:00 2001 From: zhaoss Date: Mon, 9 May 2022 13:53:23 +0800 Subject: [PATCH] =?UTF-8?q?2.7.3=E5=B0=8F=E8=8A=82=E4=B9=A0=E9=A2=98?= =?UTF-8?q?=E3=80=81=E5=85=B3=E9=94=AE=E5=AD=97=E6=B7=BB=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../exercises.md" | 41 ----------- .../config.json" | 9 ++- .../exercises.json" | 7 ++ .../exercises.md" | 69 +++++++++++++++++++ 4 files changed, 83 insertions(+), 43 deletions(-) create mode 100644 "data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/exercises.json" create mode 100644 "data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/exercises.md" diff --git "a/data/2.Vue\344\270\255\351\230\266/7.Mock/2.Mock\350\257\255\346\263\225\350\247\204\350\214\203/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/7.Mock/2.Mock\350\257\255\346\263\225\350\247\204\350\214\203/exercises.md" index 5a65643..8f29eb5 100644 --- "a/data/2.Vue\344\270\255\351\230\266/7.Mock/2.Mock\350\257\255\346\263\225\350\247\204\350\214\203/exercises.md" +++ "b/data/2.Vue\344\270\255\351\230\266/7.Mock/2.Mock\350\257\255\346\263\225\350\247\204\350\214\203/exercises.md" @@ -31,47 +31,6 @@ Mock.js 的语法规范包括两部分： 属性值 还指定了最终值的初始值和类型。 - -2. 数据占位符定义规范（Data Placeholder Definition，DPD） - 占位符 只是在属性值字符串中占个位置，并不出现在最终的属性值中。 -占位符 的格式为： - - ```php - @占位符 - @占位符(参数 [, 参数]) - ``` - - - > 注意： - 用 @ 来标识其后的字符串是 占位符。 - 占位符 引用的是 Mock.Random 中的方法。 - 通过 Mock.Random.extend() 来扩展自定义占位符。 - 占位符 也可以引用 数据模板 中的属性。 - 占位符 会优先引用 数据模板 中的属性。 - 占位符 支持 相对路径 和 绝对路径。 - - - ```php - Mock.mock({ - name: { - first: '@FIRST', - middle: '@FIRST', - last: '@LAST', - full: '@first @middle @last' - } - }) - // => - { - "name": { - "first": "Charles", - "middle": "Brenda", - "last": "Lopez", - "full": "Charles Brenda Lopez" - } - } - ``` - - 上面这些呢只是简单的介绍了一下mock的规范，但其实他是有很多法则的我们可以到官方来去看看，掌握这些法则后我们能够模拟的数据就会更加真实更加繁琐的数据都可以轻松生成！ [https://github.com/nuysoft/Mock/wiki/Syntax-Specification](https://github.com/nuysoft/Mock/wiki/Syntax-Specification) diff --git "a/data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/config.json" "b/data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/config.json" index eae3b5c..6afd94c 100644 --- "a/data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/config.json" @@ -1,10 +1,15 @@ { "node_id": "vue-e39a5fbfbde6413c894ae9bd006511d4", - "keywords": [], + "keywords": [ + "Mock.js 数据占位符", + "数据占位符" + ], "children": [], "export": [ "exercises.json" ], - "keywords_must": [], + "keywords_must": [ + "Mock.js" + ], "keywords_forbid": [] } \ No newline at end of file diff --git "a/data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/exercises.json" new file mode 100644 index 0000000..18347cf --- /dev/null +++ "b/data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/exercises.json" @@ -0,0 +1,7 @@ +{ + "type": "code_options", + "author": null, + "source": "exercises.md", + "notebook_enable": false, + "exercise_id": "d38182f970e04082813925c8c8c3e4fc" +} \ No newline at end of file diff --git "a/data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/exercises.md" new file mode 100644 index 0000000..20d5ccc --- /dev/null +++ "b/data/2.Vue\344\270\255\351\230\266/7.Mock/3.Mock\346\225\260\346\215\256\345\215\240\344\275\215\347\254\246/exercises.md" @@ -0,0 +1,69 @@ +# Mock.js 数据占位符 + +
小常识：
+
+ +占位符 只是在属性值字符串中占个位置，并不出现在最终的属性值中。 +占位符 的格式为： + +```php + @占位符 + @占位符(参数 [, 参数]) +``` + + +> 注意： + 用 @ 来标识其后的字符串是 占位符。 + 占位符 引用的是 Mock.Random 中的方法。 + 通过 Mock.Random.extend() 来扩展自定义占位符。 + 占位符 也可以引用 数据模板 中的属性。 + 占位符 会优先引用 数据模板 中的属性。 + 占位符 支持 相对路径 和 绝对路径。 + + +```php + Mock.mock({ + name: { + first: '@FIRST', + middle: '@FIRST', + last: '@LAST', + full: '@first @middle @last' + } + }) + // => + { + "name": { + "first": "Charles", + "middle": "Brenda", + "last": "Lopez", + "full": "Charles Brenda Lopez" + } + } +``` + + +
+ +
小测试：
+ +根据上方小常识完成填空：占位符引用的是 `(__1__)` 中的方法。 +通过`(__2__ )`来扩展自定义占位符。

+ +## 答案 + +1、Mock.Random；2、Mock.Random.extend() + +## 选项 + +### A + +1、Mock.Random；2、Mock.Random.stop() + +### B + +1、Mock.read；2、Mock.Random.stop() + +### C + +1、Mock.read；2、Mock.Random.extend() + -- GitLab