国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<em id="ek9va"><label id="ek9va"><strong id="ek9va"></strong></label></em>

<strike id="ek9va"></strike>

<address id="ek9va"></address>

Mock.js的基本使用方法

2年前作者：還在半山腰分類：Toy博客閱讀(24)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了Mock.js的基本使用方法。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

官網(wǎng)網(wǎng)址：Mock.js (mockjs.com)

Mock.js的基本使用方法,前端,前端

Mock.js的基本使用方法,前端,前端

當(dāng)前端工程師需要獨(dú)立于后端并行開發(fā)時(shí)，后端接口還沒有完成，那么前端怎么獲取數(shù)據(jù)？

這時(shí)可以考慮前端搭建web server自己模擬假數(shù)據(jù)，這里我們選第三方庫(kù)mockjs用來生成隨機(jī)數(shù)據(jù)，攔截Ajax請(qǐng)求。

下面是mock的原理圖：

Mock.js的基本使用方法,前端,前端

實(shí)戰(zhàn)案例

先下載mockjs

npm install mockjs

再在src文件夾下面創(chuàng)建一個(gè)api文件夾，并在main.js引入

Mock.js的基本使用方法,前端,前端

Mock.js的基本使用方法,前端,前端

Mock.mock({
            "data|6": [ //生成6條數(shù)據(jù) 數(shù)組
                {
                    "shopId|+1": 1,//生成商品id，自增1
                    "shopMsg": "@ctitle(10)", //生成商品信息，長(zhǎng)度為10個(gè)漢字
                    "shopName": "@cname",//生成商品名 ， 都是中國(guó)人的名字
                    "shopTel": /^1(5|3|7|8)[0-9]{9}$/,//生成隨機(jī)電話號(hào)
                    "shopAddress": "@county(true)", //隨機(jī)生成地址
                    "shopStar|1-5": "★", //隨機(jī)生成1-5個(gè)星星
                    "salesVolume|30-1000": 30, //隨機(jī)生成商品價(jià)格 在30-1000之間
                    "shopLogo": "@Image('100x40','#c33', '#ffffff','小北鼻')", //生成隨機(jī)圖片，大小/背景色/字體顏色/文字信息
                    "food|2": [ //每個(gè)商品中再隨機(jī)生成2個(gè)food
                        {
                            "foodName": "@cname", //food的名字
                            "foodPic": "@Image('100x40','#c33', '#ffffff','小可愛')",//生成隨機(jī)圖片，大小/背景色/字體顏色/文字信息
                            "foodPrice|1-100": 20,//生成1-100的隨機(jī)數(shù)
                            "aname|2": [
                                {
                                    "aname": "@cname",
                                    "aprice|30-60": 20
                                }
                            ]
                        }
                    ]
                }
            ]
        })

下載axios并發(fā)請(qǐng)求

npm install axios

Mock.js的基本使用方法,前端,前端

Mock.js的基本使用方法,前端,前端

?文章來源地址http://www.zghlxwxcb.cn/news/detail-626353.html

到了這里，關(guān)于Mock.js的基本使用方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

學(xué)習(xí)opencv.js之基本使用方法（讀取，顯示，灰度化，邊緣檢測(cè)，特征值點(diǎn)檢測(cè)）
OpenCV.js 是 OpenCV（Open Source Computer Vision Library）的 JavaScript 版本。OpenCV 是一個(gè)廣泛使用的計(jì)算機(jī)視覺和圖像處理庫(kù)，提供了一系列功能強(qiáng)大的算法和工具，用于處理圖像、視頻、特征提取、對(duì)象識(shí)別等計(jì)算機(jī)視覺任務(wù)。 OpenCV.js 是將 OpenCV 庫(kù)編譯為 JavaScript 的版本，使得開發(fā)者
2024年02月16日
瀏覽(22)
【Java】使用PowerMockito mock static方法/new對(duì)象/mock對(duì)象的public或private方法的簡(jiǎn)單示例
1.1 打樁類的public static方法測(cè)試用例中如果需要對(duì)public靜態(tài)方法的打樁，針對(duì)測(cè)試類增加注解@RunWith(PowerMockRunner.class)同時(shí)針對(duì)靜態(tài)方法所在的類增加注解@PrepareForTest({StaticMethod.class})，接著在測(cè)試用例調(diào)用方法之前增加 PowerMockito.mockStatic(StaticMethod.class); PowerMockito.when(StaticMet
2024年01月24日
瀏覽(24)
自動(dòng)化測(cè)試工具Selenium的基本使用方法，面試字節(jié)跳動(dòng)的前端工程師該怎么準(zhǔn)備
8.小結(jié) 上述均可以改寫成find_element(By.ID,‘kw’)的形式 find_elements_by_xxx的形式是查找到多個(gè)元素，結(jié)果為列表 import time from selenium import webdriver#驅(qū)動(dòng)瀏覽器 from selenium.webdriver import ActionChains #滑動(dòng) from selenium.webdriver.common.by import By #選擇器 from selenium.webdriver.common.by import By #按照什
2024年04月16日
瀏覽(25)
使用mockito來mock final、static、private以及構(gòu)造方法
final 方法 mock final方法（2.1版本開始）：對(duì)final視而不見，和mock 普通方法一樣 stati 方法 mock static方法(3.4版本開始)：使用try-with-resource縮小作用范圍構(gòu)造方法 mock 構(gòu)造方法（3.5版本開始）：使用try-with-resource縮小作用范圍私有方法 mockito 不支持mock私有方法，采用反射的方式
2024年02月11日
瀏覽(23)
使用Mock.js和json server快速生成前端測(cè)試數(shù)據(jù)
下面演示的是我總結(jié)的一個(gè)使用示例，幫助大家參考學(xué)習(xí)，看完后，如果大家有其他需求，可以參考Mock.js 的官方文檔，需要生成哪些格式的數(shù)據(jù)，復(fù)制樣例代碼即可，本案例重在演示如何使用Mock.js和json server自動(dòng)生成前端開發(fā)測(cè)試用的接口數(shù)據(jù)。先創(chuàng)建一個(gè)項(xiàng)目文件夾，取
2023年04月08日
瀏覽(92)
非Springboot項(xiàng)目使用powermockito單元測(cè)試 mock靜態(tài)方法和ScriptEngineManager providers.next()...not a subtype報(bào)錯(cuò)解決
使用PowerMockito.mockStatic() 加上@RunWith和@PrepareForTest注釋如果報(bào)錯(cuò)下面的錯(cuò)則考慮加上@PowerMockIgnore ERROR StatusLogger Unable to unregister MBeans java.lang.LinkageError: javax/management/MBeanServer（具體如下）解決：加上@PowerMockIgnore(\\\"javax.management.*） ScriptEngineManager providers.next(): javax.script.ScriptEng
2024年02月15日
瀏覽(22)
vue前端實(shí)現(xiàn)將頁面顯示內(nèi)容生成pdf文件的幾種方法，html2canvas、dom-to-image、jspdf（帶分頁）基本使用以及介紹
實(shí)際開發(fā)需求：vue項(xiàng)目中，根據(jù)數(shù)據(jù)結(jié)構(gòu)生成echarts圖表組件，生成帶有樣式的圖表以后，點(diǎn)擊下載按鈕，把圖表以pdf格式的文件下載到本地實(shí)現(xiàn)思路：將vue界面的echarts組件生成圖片，然后使用插件將生成的圖片放入pdf中，再實(shí)現(xiàn)pdf文件的下載涉及框架以及插件：vue、echar
2024年01月25日
瀏覽(30)
valgrind基本功能介紹、基礎(chǔ)使用方法說明 valgrind基本功能介紹、基礎(chǔ)使用方法說明
valgrind基本功能介紹、基礎(chǔ)使用方法說明_valgrind使用方法_HNU Latecomer的博客-CSDN博客拷貝效果不好，請(qǐng)看原文。 1、Valgrind概述 Valgrind是一套Linux下，開放源代碼（GPL V2）的仿真調(diào)試工具的集合。 Valgrind由內(nèi)核（core）以及基于內(nèi)核的其他調(diào)試工具組成。內(nèi)核類似于一個(gè)框架（f
2024年02月07日
瀏覽(22)
docker基本使用方法
Docker 可以讓開發(fā)者打包他們的應(yīng)用以及依賴包到一個(gè)輕量級(jí)、可移植的容器中，然后發(fā)布到任何流行的 Linux 機(jī)器上，也可以實(shí)現(xiàn)虛擬化。Docker 使您能夠?qū)?yīng)用程序與基礎(chǔ)架構(gòu)分開，從而可以快速交付軟件。通過利用 Docker 的方法來快速交付，測(cè)試和部署代碼，您可以大大減
2024年02月13日
瀏覽(26)
Wireshark基本使用方法
目錄 1、Wireshark介紹 1.1?Wireshark使用 1.2?支持的協(xié)議 2.Wireshark主要應(yīng)用 3.Wireshark安裝 ?4.Wireshark頁面介紹 4.1?分組列表 ?4.2?分組詳情 ?4.3?分組字節(jié)流 ?5.Wireshark導(dǎo)航 5.1?開始捕獲分組 5.2?停止捕獲分組 5.3 重新開始當(dāng)前捕獲 5.4、捕獲選項(xiàng) 5.5?打開以保存的捕獲文件 5.6?保存捕
2024年02月13日
瀏覽(20)

<menuitem id="aahqg"></menuitem>

<ul id="aahqg"></ul>

<blockquote id="aahqg"><mark id="aahqg"></mark></blockquote>

<span id="aahqg"><dd id="aahqg"></dd></span>

<strike id="aahqg"></strike>