美文网首页
前端开发中优雅使用假数据

前端开发中优雅使用假数据

作者: 朱传武 | 来源:发表于2021-11-19 11:40 被阅读0次

前端开发的时候,由于很多时候前端做ui的时候,后台接口以及数据可能还没有准备好,这时候,需要展示一些假数据,这里为大家推荐一个专门生成假数据的库,Faker.js
用法举例:

export const mockOrdersDetails: OrderDetails[] = [];

faker.seed(1);
for (let i = 0; i < 20; i++) {
  mockOrdersDetails.push({
    id: `#010${i}`,
    imageUrl: faker.image.image(),
    name: faker.commerce.productName(),
    retailPrice: Number(faker.commerce.price(50, 100)),
    wholesale: Number(faker.commerce.price(50, 100)),
    total: 50,
    returned: 5,
    delivered: 15,
    status: "In progress",
  });
}

相关文章

  • 前端开发中优雅使用假数据

    前端开发的时候,由于很多时候前端做ui的时候,后台接口以及数据可能还没有准备好,这时候,需要展示一些假数据,这里为...

  • mock

    mock使用优势:前后端同时开发的时候,后端接口数据没有出来,前端可以mock假数据,模拟开发 1,安装mock依...

  • Vue.js获取本地json文件(数据mock)

    在前后端分离式的开发中,如果后台接口还未开发完成,前端开发者就可以使用数据mock的方式,自建一些假数据模仿后台数...

  • 生产环境和开发环境baseURL无缝切换

    前端和后端做交互时候,当后端数据没有做好情况,我们在开发环境中需要自己mock数据(mock假数据,模拟开发),这...

  • Session与Cookie(一)Cookie

    前言 开发中,我们为什么要使用Session与Cookie?在前端开发中,我们一般都是使用HTTP协议传输数据的,...

  • mountebank安装、启动

    最近想要找一款可以提供假接口数据的软件,以便在开发时提供给前端和移动端使用,这样前端的任务就可以和后端一起开发,甚...

  • node+axios下载外网文件到本地

    作为一个web前端开发,对axios肯定不陌生,但是在前端开发中,一般是使用axios来请求后端接口,获取数据。而...

  • 创建webScoket连接及心跳检测及数据更新全套源码

    在我们近年来的前端开发中其实很频繁的使用这种数据更新模式。只是对于前端来讲,初级前端开发在不更新技术的情况,很多人...

  • Chrome中克服CORS限制

    在使用React+Django REST开发中,前端需要通过jquery获取本地Django API数据,遇到了这...

  • (转)mock.js 生成假数据 前端独立于后台开发

    mock.js的作用是产生假数据,使得前端的开发独立于后台开发,而后台发开者可以根据前端开发者写的mock的结构来...

网友评论

      本文标题:前端开发中优雅使用假数据

      本文链接:https://www.haomeiwen.com/subject/bzbstrtx.html