摘要:用前后端分離的開發(fā)模式,前端和后端約定好接口格式之后,前端可以用模擬返回?cái)?shù)據(jù),從而可以完全脫離后端進(jìn)行開發(fā)安裝使用這里作用等價(jià)于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數(shù)同理,用占位符和調(diào)用具體的函數(shù)等價(jià)可模擬整形數(shù)組的長(zhǎng)度和值可模擬某一
MockJs
安裝用前后端分離的開發(fā)模式,前端和后端約定好接口格式之后,
前端可以用MockJs模擬返回?cái)?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")作用等價(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可模擬Boolean/Number,Character,String,Array(整形數(shù)組)的長(zhǎng)度和值
可模擬某一個(gè)時(shí)間的值和格式
模擬一張圖片的格式,尺寸,顏色,上面的字符串,還有base64編碼
模擬顏色的值和格式(rgb/hsl/rgba/hex)
模擬一段文本,可返回英文單詞,或者英文句子,漢字或者標(biāo)題
模擬人名,可返回姓/名/姓名/中文姓名
模擬互聯(lián)網(wǎng)上常見的地址信息,包括url/protocol/host/domain/tld/email/ip/
模擬中國(guó)的地域信息, 包括中國(guó)的地區(qū)/省/市/縣/郵編
模擬一些唯一標(biāo)識(shí)符,包括UUID/十八位身份證ID
一些常用方法,最常用的為 從數(shù)組里隨機(jī)選擇一個(gè)元素, 或者打亂數(shù)組中的元素順序
結(jié)語(yǔ)MockJs除了生成模擬數(shù)據(jù)之外,還能攔截你的Ajax請(qǐng)求,并且返回模擬的數(shù)據(jù).所以在雙方約定好接口格式之后,前端能夠脫離后端,后端也能專注自己的接口開發(fā),二者并行,提高開發(fā)效率
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/80597.html
摘要:用前后端分離的開發(fā)模式,前端和后端約定好接口格式之后,前端可以用模擬返回?cái)?shù)據(jù),從而可以完全脫離后端進(jìn)行開發(fā)安裝使用這里作用等價(jià)于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數(shù)同理,用占位符和調(diào)用具體的函數(shù)等價(jià)可模擬整形數(shù)組的長(zhǎng)度和值可模擬某一 MockJs 用前后端分離的開發(fā)模式,前端和后端約定好接口格式之后,前端可以用MockJs模擬返回?cái)?shù)據(jù),從而可以完全脫離后端進(jìn)行開發(fā) 安裝 npm...
摘要:用前后端分離的開發(fā)模式,前端和后端約定好接口格式之后,前端可以用模擬返回?cái)?shù)據(jù),從而可以完全脫離后端進(jìn)行開發(fā)安裝使用這里作用等價(jià)于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數(shù)同理,用占位符和調(diào)用具體的函數(shù)等價(jià)可模擬整形數(shù)組的長(zhǎng)度和值可模擬某一 MockJs 用前后端分離的開發(fā)模式,前端和后端約定好接口格式之后,前端可以用MockJs模擬返回?cái)?shù)據(jù),從而可以完全脫離后端進(jìn)行開發(fā) 安裝 npm...
摘要:前言不會(huì)畫圖的程序員不是好產(chǎn)品經(jīng)理喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心,但印象中產(chǎn)品經(jīng)理經(jīng)常要畫一些奇奇怪怪七七八八的圖,在請(qǐng)教了一些立志做產(chǎn)品經(jīng)理的程序員之后,發(fā)現(xiàn)他們都有一套自己喜歡用的精致小巧的工具,其中經(jīng)典的一套為線框原型通用 前言 不會(huì)畫圖的程序員不是好產(chǎn)品經(jīng)理 喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心,但印象中產(chǎn)品經(jīng)理經(jīng)常要畫一些奇奇怪怪七七八八的圖,在請(qǐng)教了一些立...
摘要:前言不會(huì)畫圖的程序員不是好產(chǎn)品經(jīng)理喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心,但印象中產(chǎn)品經(jīng)理經(jīng)常要畫一些奇奇怪怪七七八八的圖,在請(qǐng)教了一些立志做產(chǎn)品經(jīng)理的程序員之后,發(fā)現(xiàn)他們都有一套自己喜歡用的精致小巧的工具,其中經(jīng)典的一套為線框原型通用 前言 不會(huì)畫圖的程序員不是好產(chǎn)品經(jīng)理 喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心,但印象中產(chǎn)品經(jīng)理經(jīng)常要畫一些奇奇怪怪七七八八的圖,在請(qǐng)教了一些立...
閱讀 3572·2023-04-26 02:10
閱讀 1321·2021-11-22 15:25
閱讀 1675·2021-09-22 10:02
閱讀 913·2021-09-06 15:02
閱讀 3475·2019-08-30 15:55
閱讀 608·2019-08-30 13:58
閱讀 2782·2019-08-30 12:53
閱讀 3060·2019-08-29 12:38