像特斯拉CEO马斯克一样,快速生成mock克隆数据

单元测试之mock使用 阅读详情

github地址:musk-clone

npm地址:musk-clone

musk-clone

生成具有相同数据结构的模拟影子克隆,速度与 Elon Musk 一样。

特斯拉CEO马斯克生9个子女,说自己为提高美国生育率正在尽一份力

为什么要用 musk-clone?

当你想制作一个与现有的具有相同数据结构的新模拟项目时,你必须复制–> 逐一修改–> 粘贴,这个过程会花费很多时间。

现在您可以使用musk-clone以节省您的时间!

特性

根据传入的数据,快速生成一份相同数据结构的数据,用于开发阶段快速构造mock数据

  • source主要支持最常见的两种类型,对象类型和数组类型,支持深层嵌套
  • 仅对基本类型string,number,boolean进行转换,其余均返回具有新内存地址的原值

安装

yarn add -D musk-clone

使用

基本使用

import muskClone from 'musk-clone'

const src = ["foo", 1, true]
const target = muskClone(src);
console.log(target); 
// ["foo-0v3DrX7hoOqIFaQeMDDaF", 71, true],

常用场景

import muskClone from 'musk-clone'

const src = [
  { foo: "str", bar: 1, val: true },
  { foo: "str1", bar: 2, val: false },
]
const target = muskClone(src);
console.log(target); 
// [
//   { foo: "str-jHGKjWz3kz0ome5-tl6MS", bar: 36, val: false },
//   { foo: "str1-LqOPbB5xXYKXV8hmBB_Q6", bar: 2, val: true }
// ]

API

muskClone(source)

source

  • {[key: string]: any} | Array<{[key: string]: any}>

示例

数组

["foo", 1, true]
=>

["foo-0v3DrX7hoOqIFaQeMDDaF", 71, false]

对象

{ 
  foo: "str", 
  bar: 1, 
  val: true 
}
=>

{
  foo: "str-I5s0VjK7209eBqV6QYUeJ",
  bar: 68,
  val: true
}

对象数组

[
  { 
    foo: "str", 
    bar: 1, 
    val: true 
  }
]
=>
[
  {
    foo: "str-eALWWUK2tsA6sn_aSAB3I",
    bar: 38,
    val: false
  }
]

复杂嵌套数据结构

[
  { 
    foo: "str", 
    bar: 1, 
    val: true, 
    nest: [
      { 
        baz: 2 
      }
    ] 
  }
]
=>
[
  {
    foo: "str-67nhBc5A9cDZl3dQ7L48c",
    bar: 42,
    val: true,
    nest: [
      {
        baz: 74
      }
    ]
  }
]

其它

欢迎提PR和issue

License

MIT.

【Unity 实用工具篇】✨| 受击插件Feel 详细教程,开发游戏时更好的操控 游戏打击感 在一个游戏中,游戏手感对于游戏的整体游玩体验是非常重要的,而游戏手感中有一个很重要的点:打击感 那本篇文章就来讲一下打击感中的受击反馈部分。 在游戏中经常会用到攻击敌人,敌人扣血,执行某些受击功能的执行,尤其是对于有战斗场景的游戏来说,这就是标准的受击反馈。 所以引出本篇文章的主角:受击插件 Feel 的使用,2D和3D游戏都可以使用。 阅读详情

相关推荐

使用再生龙还原镜像文件到硬盘

1. 把制作好的再生龙光盘插入需要的电脑,开机按F4使用再生龙启动2. 选择默认的:Clonezailla live(Default settings,VGA 800*600),然后等待几分钟 3. 选择语言:简体中文 4. 选择不修改键盘映射 5. 选择使用再生龙          6. 选择硬盘/分区(存到/来自)镜像文件,此选项既可以制作镜像,也可以恢复镜像。 7. 使用本机的分区     ...

weixin_42168893的博客 1万+

理解mockjs并且怎么去使用mockjs

今天发现个好的东西 参考链接:https://github.com/nuysoft/Mock/wiki (mockjs的详细讲解) 一. 什么是mockjs? 生成随机数据,拦截 Ajax 请求 二. 为什么要使用mockjs? 在做开发时,当后端的接口还未完成,前端为了不影响工作效率,手动模拟后端接口, 1.我们可以使用json文件来模拟后台数据,但比较局限,无法模拟数据的增删改查 2.使用json-server模拟,但不能随机生成所需数据 3.使用mockjs模拟后端接口,可随机生成所需数据,.

weixin_46419373的博客 995

爬取百度图片

最开始,我们想要爬取图片,首先需要打开百度图库,然后在搜索栏中输入自己想要的图片(比如说壁纸)。接着右键检查,点击网络:起初可能没有名称信息,刷新界面就可以了。打开信息,查看标头内容可以看到请求URL为:复制这串URL,然后在浏览器中打开这个就是我们搜索的壁纸图片的网页内容。怎么找到图片的URL呢?在上述内容中,找到data,可以发现里面每隔一个aiEditData,下面代码的形式是一样的,就相当于一张图片。

weixin_54143563的博客 1939

前端的date类型后台接收_前端mock数据(超级详细)

在实际的项目研发过程中,我们经常会遇到如下的尴尬场景:前端开发依赖于后端接口数据,但是后台人员不足或者无法立即到位,前端迟迟不能开工,或者前端小伙子自己参照ui设计图,完成对应的静态页面(没有数据交互),待后台人员到位,再进行二次开发,协助完成接口对接。1.什么是mock数据?前后端同时开发的时候,后端接口数据没有出来,前端可以mock假数据,模拟开发;2.mock数据的优势?A 团队可以并行...

weixin_39583222的博客 1758

点云PCL库学习-双目图像转化为点云PCD并显示

文章目录 双目视觉模型 代码实现 总结 参考文章 一、双目视觉模型 和RGBD相机主动发射光线实现测距不同,双目测距原理通过配置立体摄像头(通常由左眼相机和右眼相机两个水平放置的相机组成)来获取一对同一场景中的二维图像,再基于同一空间点在两个坐标系下的视差来计算深度。双目测距的示意图和数学表达式如下所示: 双目相机的成像示意图 上述示意图描述了一个空间点在左右两目相机中位置之间的成像关系,根据相似三角形原理可得: 其中,f和b分别为相机焦距和双目相机基线,d为空间点在两个坐标系下

weixin_41957687的博客 6948

HDMI协议介绍(一)--Overview

HDMI全称(High Definition Multimedia Interface)高清多媒体接口,支持在单线缆上传输全数字高清视频和多声道音频。

SlamDunk的博客 2万+

Mock

Mock 概念 优点 前后点分离 开发无侵入 数据类型丰富 用法简单 方便扩展 增加单元测试的真实性 定义数据模板规则 每个属性由 3 部分构成:属性名、生成规则、属性值 ‘name|rule’: value 生成规则 有 7 种格式 ‘name|min-max’: value ‘name|count’: value ‘name|min-max.dmin-dmax’: value ‘name|min-max.dcount’: value ‘name|count.dmin-dmax’: value

c.j.h_code的博客 1231

手把手教你用Ubuntu Base 20.04打造轻量级ARM开发板根文件系统(附常见问题解决)

本文详细介绍了如何基于Ubuntu Base 20.04 LTS构建轻量级ARM开发板根文件系统,涵盖环境准备、镜像制作、跨架构配置、软件包定制及常见问题解决。通过实战指南,开发者可快速掌握ARM架构下的根文件系统构建技巧,优化系统性能并解决部署中的典型问题。

gin88的博客 210

2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)

近期总结一一些面试题 都是企业的面试题笔记题 感觉薪资10k下的都会出笔试题 特别高的薪资都是直接技术面试或者是 现场编程 总结很多人的面试题,后期会对于单个知识点再说笔记详细讲解。 部分都是百度的答案,不是特全面的,可以自己找 红色为常见面试题 ============================================================= 前端...

sulu的博客 1万+

LabVIEW状态机实战:用STM32+DHT11搭建温湿度监测系统(附完整VI源码)

本文详细介绍了如何利用LabVIEW状态机模式与STM32微控制器、DHT11温湿度传感器构建温湿度监测系统。通过硬件选型、状态机设计、LabVIEW程序实现及系统优化等环节,提供了一套完整的解决方案,并附有VI源码,助力开发者快速实现嵌入式温湿度监测应用。

weixin_42549723的博客 519

Android实战——白天黑夜模式设置

白天黑夜模式是一种动态的UI模式,根据当前时间或用户设置的偏好,在白天和黑夜之间进行切换。它通过调整应用程序的颜色、亮度和其他可视化元素来提供更加舒适和易读的用户界面。

小旭的专栏 5229

途牛前端工程师在线笔试题(含答案和全面解析)

途牛前端工程师在线笔试题 知识点列表: 字符串转数字 Math对象方法:round() pow() floor() ceil() parseInt Math对象方法:round() pow() floor() ceil() 'use strict' 对象字面量 Object.create() array ...

weixin_30349597的博客 840

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

easymock中快速生成一些数据的参考

https://www.cnblogs.com/ljq66/p/10209673.html

一键写代码的博客 4089

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

vue初学者 组件化思想小案例 mock模拟数据,组件嵌套,组件间传值

这是我最近练习的一个小案例 mockjs是用来生成随机数据 主要用到的知识点:mock模拟数据,组件嵌套,组件间传值 正在苦于没有小案例练习的同学们,可以自己试着写一下哦 明天发布答案哦

sf4928579的博客 423

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

mock--模拟数据

ok,我们需要的mock终于来了,开心吗?我反正很开心,因为之前我不会,现在由我分享,哈哈哈,不多说,next mock是啥玩意? 生成随机数据,拦截 Ajax 请求 为什么需要mock这玩意? 前端的页面编写速度要快于后台的接口编写速率,为了减小联调时间,把重要的流程走完,之后之间换一个接口,进行小范围的修改即可,之前的时候,我们也是用假的数据,json文件的形式,这种数据假的不能再假,太...

Shaoyouiqng的博客 1292

使用 mock.js 给前端生成需要的数据

Mock的意义 通过 Mock 事先编写好 API 的数据生成规则,由工具动态生成 API 的返回数据。开发人员通过访问 Mock 来获得页面所需要的数据,就可以轻松地完成对接工作。前后端人员只需要定义好接口文档就可以开始并行工作,互不影响,只在最后的联调阶段往来密切; 后端与后端之间如果有接口耦合,也同样能被Mock解决。 测试过程中如果遇到依赖接口没有准备好,同样可以借助Mock,不会出现一个团队等待另一个团队的情况。 这样的话,开发自测阶段就可以及早开展,从而发现缺陷的时机也提前了,有利于整个产品质量

weixin_44159454的博客 609

数据结构导论 笔记整理

据结构导论 第一章 概论 1.概述及引言 1>概述:<<数据结构导论>>主要介绍如何组织各种数据在计算机中的存储,传递和转换; 内容包括: *1.线性表,栈,队列,数组,树,二叉树,图等基本数据结构及其应用; *2.排序和查找的原理与方法;数据在外存上的组织方法; *3.四色定理,只需用4种颜色可使相邻的两个省或国家没有相同的颜色; *算法+数据结构=程序; 2>数据结构的概念 *1.数据结构(Data str

NorthStar的博客 2678

Mockjs - 前端模拟请求数据生成器

mockjs Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能: 根据数据模板生成模拟数据 模拟 Ajax 请求,生成并返回模拟数据 基于 HTML 模板生成模拟数据 中文网 github 安装 npm install mockjs --save--dev 一般是开发时依赖 。 简单使用 这里我使用 vue 来演示 1.创建模拟服务 根目录下创建一个 mock 文件夹 。同一存放 Mock 相关文件 // mock/mock.js //

FOR 的博客 2029

使用Mock.js和json server快速生成前端测试数据

本案例重在演示如何使用Mock.js和json server自动生成前端开发测试用的接口数据

weixin_50216991的博客 5714

开源神器:自动生成随机 mock 数据测试对象

测试的痛点 大家好,我是老马。 每一位开发者大部分工作都是写代码、测试代码、修BUG。 我们有很多测试代码,总是花费大量的实践去构建一个对象。 于是就在想,能不能自动填充一个对象呢? 于是去 github 查了一下,找到了一个测试神器 data-factory。 https://github.com/houbb/data-factory/ data-factory 作用 data-factory 项目用于根据对象,随机自动生成初始化信息。便于测试。 特性 8 大基本类型的支持 数组、对象、枚举

2554

前端语音转文字实践总结

最近准备一个技术分享,看到以前做的一个语音转文字的功能,放在slides上落灰了,索性整理到这里和大家分享下。从技术选型,到方案设计,到实际落地,可以说把全链路都覆盖到了。

github_39560448的博客 6375

如何理解防抖和节流?

前端工程师们都听过看起来很高级的词,节流和防抖,其实节流就是throttle,防抖就是debounce,其实这个也属于前端性能优化的一部分。

github_39560448的博客 1863

物联网宠儿mqtt.js那些事儿

常见的mq有Kafka,RocketMQ和RabbitMQ,大家也很常见。 前者很常见,属于微服务间的mq。 那么MQTT是什么呢?MQTT属于IoT也就是物联网的概念。 快来和使用mqtt.js开发IM功能2年的作者一探究竟吧~ 先来看下MQTT在物联网领域的应用场景: mqtt.js是MQTT在nodejs端的实现。 通过npm package.json包管理,现代vue技术栈下的前端也可用,比如用vue-cli,create-react-app等等构建的项目。 mqtt.js官方为微信小程序.

github_39560448的博客 1511

tsconfig.json的esModuleInterop使用场景是怎样的?

tsconfig.json的esModuleInterop使用场景是怎样的?tsconfig.json的module该如何选择?

github_39560448的博客 970

如何打一个既支持cjs,又支持esm的npm包?

模块化是一个老生常谈的问题了,打包工具层出不穷。 那么,如何利用这些打包工具去打出既支持cjs,又支持esm的npm包呢。

github_39560448的博客 901
上一篇: 如何打一个既支持cjs,又支持esm的npm包?
下一篇: 如何理解防抖和节流?
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

趁你还年轻233

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值