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

資訊專欄INFORMATION COLUMN

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

Jaden / 2383人閱讀

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

MockJs 
用前后端分離的開發(fā)模式，前端和后端約定好接口格式之后，
前端可以用MockJs模擬返回數(shù)據(jù)，從而可以完全脫離后端進(jìn)行開發(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")作用等價于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ù)等價

API
Basic

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

Date

可模擬某一個時間的值和格式

Image

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

Color

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

Text

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

Name

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

Web

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

Address

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

Identity

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

Helper

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

結(jié)語

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

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

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

相關(guān)文章

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

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

    bergwhite 評論0 收藏0

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

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

    Eric 評論0 收藏0

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

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

    BWrong 評論0 收藏0

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

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

    mykurisu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<