好久沒寫隨筆了,最近難得抽得半日閑,搞一手前后分離接口調試,很舒服,今天介紹一下一個很有誠意的工具【mock】
mock是什么
簡單的說,mock的作用就是攔截ajax請求,把假的數據傳入回調函數中,在后端接口還未開發完成的時候,前端就已經可以萬事大吉喝茶釣魚去了
好,這時候有的同學就說了,我為啥非要用mock呢,我直接定義個對象,不就同樣能達到渲染頁面數據的效果么?
答案是,必須可以,但是請看下圖:
好長啊有沒有,而且,想要數據更加貼近真實,就不能有太多重復雷同的數據,那么就需要我們一個一個寫,這樣是很浪費時間的。
同時還有個弊端就是,等到后端接口開發完成,OK,你又得回頭來重新寫ajax,重新整理你的數據結構,麻煩麻煩,很瓜皮
這時候你就想了,如果有個人,幫我自動去生成隨機的,逼真的數據,我的重心放在處理數據綁定就好,不想做這么多重復且沒啥意義的工作,早早下班,該有多好
那么這時候,反手掏出來一波 【mock.js】搞定回家。很舒服
mock咋用?
step1
step2
效果
每次請求,都會在你指定的范圍內,隨機的返回假的數據,有很多他預設好的數據,這里就不詳細介紹了,官網上寫的很清楚,看不懂?不存在的。
mock配合vue,真的很靈活很優雅