玩转Mockjs，前端也能跑的很溜

　　mockjs作用就是，生成随机模拟数据，拦截ajax请求，可以对数据进行增删改查。在生成数据时，我们就需要能够熟练使用mock。js的语法。
　　Mockjs的语法规范包括两部分：数据模板定义规范和数据占位符定义规范。一、数据模板定义规范
　　数据模板中的每个属性组成有：属性名、生成规则、属性值。
　　使用语法为：namerule：value
　　值得注意的有：属性名和生成规则之间使用分割。生成规则是可选参数。生成规则有7种形式。生成规则含义需要依赖于属性值的类型。属性值可以指定初始值和类型。
　　生成规则的格式分别有：
　　1。1、属性值是类型String
　　变量的重复次数是一个随机值。nameminmax：string通过生成一个string重复min到max之间的一个字符串使用name13：a运行结果：生成一个a的个数为13之间的字符串变量。可能的结果有：a、aa、aaa
　　直接指定重复次数。namecount：string通过生成一个string重复count次的一个字符串使用name3：a运行结果：aaa
　　1。2、属性值是Number
　　生成不断累加的数字。name1：num初始值为num，生成的属性值自动加1
　　生成一个区间数值。nameminmax：num生成一个min到max之间的数值，num用来指定类型使用name13：1运行结果：生成一个13之间的数字。可能的结果有：1、2、3
　　生成带有小数点的数字。nameminmax。dmindmax：num生成一个浮点数，整数部分介于min和max之间，小数保留dmin到dmax位。num用来指定类型。使用num1110。12：1运行结果：生成110之间的带有1到2位小数的浮点数。如：2。1、3。12等num25。12：1生成一个整数部分为5，保留1到2位小数的浮点数。如：5。1、5。33、5。09等num35。2：1生成整数为5，保留两位小数的浮点数。如：5。11、5。67等
　　1。3、属性值是Booleanname1：boolean生成一个随机值，真假概率都是一半。使用isLike1：true生成isLike的值可能为true、false。概率是一样的。nameminmax：value随机生成一个布尔值，值为value的概率是min（minmax），值为！value的概率是max（minmax）。使用like15：true生成true的概率为16。生成false的概率为56
　　1。4、属性值是对象Object
　　生成一个指定属性个数的对象。objnum：object从属性值object中，随机选取num个属性。使用obj2：｛a：1，b：2，c：3｝运行结果可能为：｛a：3，b：2｝｛c：3，b：2｝｛a：3，c：2｝
　　生成一个属性个数随机的对象。objminmax：object从object中随机选取min到max个属性，生成一个对象。使用obj12：｛a：1，b：2，c：3｝运行结果可能为：｛a：3｝｛b：3｝｛c：3｝｛a：3，b：2｝｛c：3，b：2｝｛a：3，c：2｝
　　1。5、属性值是数组Array
　　取数组中某个元素作为结果。arr1：array从属性值array中随机选取1个元素作为结果返回使用arr1：〔1，2，3〕运行结果为：1、2、3三种结果
　　生成新数组。arrminmax：array通过重复array的元素生成新数组，重复次数min到max。使用arr12：〔1，2，3〕运行结果为：〔1，2，3〕或〔1，2，3，1，2，3〕arrnum：array通过重复array的元素生成新数组，重复次数num次。使用arr2：〔1，2，3〕运行结果为：〔1，2，3，1，2，3〕
　　1。6、属性值是函数Functionname：functionfunction返回值作为最终的属性值。使用name：（）｛returnweblearn｝运行结果为weblearn
　　在数据占位符中，属性值是函数有重要的意义。待会会重点解释。
　　1。7、属性值是正则RegExpname：regexp根据正则表达式regexp反向生成可以匹配的字符串。用于生成自定义格式的字符串使用reg：〔azAZ09〕2生成大小写字母和数字任意组成的长度为2的字符串reg：d｛5，10｝生成任意的5到10位的数字字符串二、数据占位符定义规范
　　数据占位符只是在属性字符串中占个位置，并不会出现在最终的属性值中。
　　使用格式：占位符占位符（参数〔，参数〕）使用name：name，生成英文名，如：EdwardRodriguez带有参数first：name（middle），生成带有中间名的英文名。如：RuthPaulRobinsonname：cname，生成中文名
　　注意：用来标识后边的字符串是标识符。占位符引用的都是mock。Random中的方法。如果需要扩展自定义占位符，可使用Mock。Random。extend（）。占位符也可以引用数据模板中的内容。占位符优先引用数据模板中的属性。支持相对和绝对路径。Mock。mock（string（number，5））生成一个五位数的字符串Mock。mock（color）生成随机的颜色等同于Random。color（）三、使用举例
　　创建一个api接口，返回一个随机生成的数组：exportdefault〔｛url：apilist，method：post，response：（｛url，body｝）｛body是post方法时传入的数据url是请求接口，get方法时，也包含传递的参数return｛code：200，message：ok，生成一个数组长度介于10到20之间list1020：〔｛name：cname生成中文名｝〕｝；｝｝〕
　　占位符引用的都是Mock。random内的方法，所以我们可以把上述代码更改为：list1020：〔｛name：Random。cname（）生成中文名｝〕
　　此时我们再查阅的时候，就发现生成的数组内，名字都是一模一样的。如果我们想生成不一样的姓名，该如何解决呢？
　　解决办法：把属性值更改为函数，将函数的返回值作为最终结果。list1020：〔｛name：（）｛Random。cname（）｝｝〕
　　好了小编今天的文章就到此结束了，喜欢我的可以点个关注哦！