摘要:用前后端分離的開發模式,前端和后端約定好接口格式之后,前端可以用模擬返回數據,從而可以完全脫離后端進行開發安裝使用這里作用等價于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數同理,用占位符和調用具體的函數等價可模擬整形數組的長度和值可模擬某一
MockJs
安裝用前后端分離的開發模式,前端和后端約定好接口格式之后,
前端可以用MockJs模擬返回數據,從而可以完全脫離后端進行開發
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);
自定義的拓展函數同理,用@占位符和調用具體的函數等價
API可模擬Boolean/Number,Character,String,Array(整形數組)的長度和值
可模擬某一個時間的值和格式
模擬一張圖片的格式,尺寸,顏色,上面的字符串,還有base64編碼
模擬顏色的值和格式(rgb/hsl/rgba/hex)
模擬一段文本,可返回英文單詞,或者英文句子,漢字或者標題
模擬人名,可返回姓/名/姓名/中文姓名
模擬互聯網上常見的地址信息,包括url/protocol/host/domain/tld/email/ip/
模擬中國的地域信息, 包括中國的地區/省/市/縣/郵編
模擬一些唯一標識符,包括UUID/十八位身份證ID
一些常用方法,最常用的為 從數組里隨機選擇一個元素, 或者打亂數組中的元素順序
結語MockJs除了生成模擬數據之外,還能攔截你的Ajax請求,并且返回模擬的數據.所以在雙方約定好接口格式之后,前端能夠脫離后端,后端也能專注自己的接口開發,二者并行,提高開發效率
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/111637.html
摘要:用前后端分離的開發模式,前端和后端約定好接口格式之后,前端可以用模擬返回數據,從而可以完全脫離后端進行開發安裝使用這里作用等價于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數同理,用占位符和調用具體的函數等價可模擬整形數組的長度和值可模擬某一 MockJs 用前后端分離的開發模式,前端和后端約定好接口格式之后,前端可以用MockJs模擬返回數據,從而可以完全脫離后端進行開發 安裝 npm...
摘要:用前后端分離的開發模式,前端和后端約定好接口格式之后,前端可以用模擬返回數據,從而可以完全脫離后端進行開發安裝使用這里作用等價于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數同理,用占位符和調用具體的函數等價可模擬整形數組的長度和值可模擬某一 MockJs 用前后端分離的開發模式,前端和后端約定好接口格式之后,前端可以用MockJs模擬返回數據,從而可以完全脫離后端進行開發 安裝 npm...
摘要:前言不會畫圖的程序員不是好產品經理喜歡裝逼有品位的程序員都有一顆產品經理的心,但印象中產品經理經常要畫一些奇奇怪怪七七八八的圖,在請教了一些立志做產品經理的程序員之后,發現他們都有一套自己喜歡用的精致小巧的工具,其中經典的一套為線框原型通用 前言 不會畫圖的程序員不是好產品經理 喜歡裝逼有品位的程序員都有一顆產品經理的心,但印象中產品經理經常要畫一些奇奇怪怪七七八八的圖,在請教了一些立...
摘要:前言不會畫圖的程序員不是好產品經理喜歡裝逼有品位的程序員都有一顆產品經理的心,但印象中產品經理經常要畫一些奇奇怪怪七七八八的圖,在請教了一些立志做產品經理的程序員之后,發現他們都有一套自己喜歡用的精致小巧的工具,其中經典的一套為線框原型通用 前言 不會畫圖的程序員不是好產品經理 喜歡裝逼有品位的程序員都有一顆產品經理的心,但印象中產品經理經常要畫一些奇奇怪怪七七八八的圖,在請教了一些立...
閱讀 1123·2023-04-26 00:12
閱讀 3248·2021-11-17 09:33
閱讀 1061·2021-09-04 16:45
閱讀 1186·2021-09-02 15:40
閱讀 2145·2019-08-30 15:56
閱讀 2949·2019-08-30 15:53
閱讀 3548·2019-08-30 11:23
閱讀 1932·2019-08-29 13:54