成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

切圖崽的自我修養(yǎng)－[TOOL] 用MockJs模擬數(shù)據(jù)

Eric / 2672人閱讀

摘要：用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā)安裝使用這里作用等價(jià)于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數(shù)同理，用占位符和調(diào)用具體的函數(shù)等價(jià)可模擬整形數(shù)組的長(zhǎng)度和值可模擬某一

MockJs 
用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，
前端可以用MockJs模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā)
安裝 
npm install mockjs
使用 
var Mock = require("mockjs");
var mail1 = Mock.mock("@email"); 
var mail2 = Mock.Random.email();
console.log(mail1,mail2);

這里Mock.mock("@email")作用等價(jià)于Mock.Random.email()

拓展 
var Mock = require("mockjs");
Mock.Random.extend({
    star: function(region) {
        var name  = ["周杰倫", "林俊杰", "鄧紫棋", "方大同"]
            return this.pick(name)
    }
})


var star1 = Mock.mock("@star");
var star2 = Mock.Random.star();
console.log(star1,star2);

自定義的拓展函數(shù)同理，用@占位符和調(diào)用具體的函數(shù)等價(jià)

API
Basic

可模擬Boolean/Number,Character,String,Array(整形數(shù)組)的長(zhǎng)度和值

Date

可模擬某一個(gè)時(shí)間的值和格式

Image

模擬一張圖片的格式，尺寸，顏色，上面的字符串，還有base64編碼

Color

模擬顏色的值和格式(rgb/hsl/rgba/hex)

Text

模擬一段文本，可返回英文單詞，或者英文句子，漢字或者標(biāo)題

Name

模擬人名，可返回姓/名/姓名/中文姓名

Web

模擬互聯(lián)網(wǎng)上常見(jiàn)的地址信息,包括url/protocol/host/domain/tld/email/ip/

Address

模擬中國(guó)的地域信息， 包括中國(guó)的地區(qū)/省/市/縣/郵編

Identity

模擬一些唯一標(biāo)識(shí)符，包括UUID/十八位身份證ID

Helper

一些常用方法，最常用的為 從數(shù)組里隨機(jī)選擇一個(gè)元素， 或者打亂數(shù)組中的元素順序

結(jié)語(yǔ)

MockJs除了生成模擬數(shù)據(jù)之外，還能攔截你的Ajax請(qǐng)求，并且返回模擬的數(shù)據(jù).所以在雙方約定好接口格式之后，前端能夠脫離后端，后端也能專(zhuān)注自己的接口開(kāi)發(fā)，二者并行，提高開(kāi)發(fā)效率

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/50117.html

相關(guān)文章

  • 切圖崽的自我修養(yǎng)－[TOOL] 用MockJs模擬數(shù)據(jù)

    摘要：用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā)安裝使用這里作用等價(jià)于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數(shù)同理，用占位符和調(diào)用具體的函數(shù)等價(jià)可模擬整形數(shù)組的長(zhǎng)度和值可模擬某一 MockJs 用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用MockJs模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā) 安裝 npm...

    Jaden 評(píng)論0 收藏0

  • 切圖崽的自我修養(yǎng)－[TOOL] 用MockJs模擬數(shù)據(jù)

    摘要：用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā)安裝使用這里作用等價(jià)于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數(shù)同理，用占位符和調(diào)用具體的函數(shù)等價(jià)可模擬整形數(shù)組的長(zhǎng)度和值可模擬某一 MockJs 用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用MockJs模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā) 安裝 npm...

    bergwhite 評(píng)論0 收藏0

  • 切圖崽的自我修養(yǎng)－[TOOL] 用Omnigraffle繪制UML

    摘要：前言不會(huì)畫(huà)圖的程序員不是好產(chǎn)品經(jīng)理喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心，但印象中產(chǎn)品經(jīng)理經(jīng)常要畫(huà)一些奇奇怪怪七七八八的圖，在請(qǐng)教了一些立志做產(chǎn)品經(jīng)理的程序員之后，發(fā)現(xiàn)他們都有一套自己喜歡用的精致小巧的工具，其中經(jīng)典的一套為線(xiàn)框原型通用 前言 不會(huì)畫(huà)圖的程序員不是好產(chǎn)品經(jīng)理 喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心，但印象中產(chǎn)品經(jīng)理經(jīng)常要畫(huà)一些奇奇怪怪七七八八的圖，在請(qǐng)教了一些立...

    BWrong 評(píng)論0 收藏0

  • 切圖崽的自我修養(yǎng)－[TOOL] 用Omnigraffle繪制UML

    摘要：前言不會(huì)畫(huà)圖的程序員不是好產(chǎn)品經(jīng)理喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心，但印象中產(chǎn)品經(jīng)理經(jīng)常要畫(huà)一些奇奇怪怪七七八八的圖，在請(qǐng)教了一些立志做產(chǎn)品經(jīng)理的程序員之后，發(fā)現(xiàn)他們都有一套自己喜歡用的精致小巧的工具，其中經(jīng)典的一套為線(xiàn)框原型通用 前言 不會(huì)畫(huà)圖的程序員不是好產(chǎn)品經(jīng)理 喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心，但印象中產(chǎn)品經(jīng)理經(jīng)常要畫(huà)一些奇奇怪怪七七八八的圖，在請(qǐng)教了一些立...

    mykurisu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<