js-unique v1.0.7

前言

在项目开发初期，后端是无法提供接口数据让前端写静态页面。此时需要前端自己创建假数据用来实现静态页面，在实现列表数据时，v-for需要绑定唯一值，每次都要手动创建唯一值特别麻烦，于是就写了这么一个插件。不仅在在项目初期需要创建唯一值，在获取真实数据时也有可能需要前端自行解决唯一值的问题。当后端返回的数据是对象时，对象的键与值正好是标题与值的关系，此时就需要前端自行遍历对象，并生成数组对象进行页面渲染时就需要唯一值了。

1、下载安装指令

npm install js-unique --save

cnpm install js-unique -S

2、暴露的方法

序号	方法名	描述
1	uniqueA	方法一(版本一，比较简单，有几率会获取相同的值)
2	uniqueAa	方法一的扩展(生成标准的唯一值，且使用了随机种子，比方法一要好)
3	uniqueB	方法二(生成了不太规范的唯一标识，但最简便)
4	uniqueBa	方法二的扩展(比方法二看起来规范些，但是需要一个格式化时间的函数)
5	uniqueC	方法三
6	uniqueD	方法四
7	uniqueE	方法五(可以传入长度与随机基数)

3、使用方式

CDN方式

<script src="./node_modules/js-unique/index.js"></script>

<script>
    let { uniqueA } = unique;

    console.log('uniqueA:', unique.uniqueA());
    // uniqueA: 6b5f6550f02ff265
    // 默认长度为16
    console.log('uniqueA:', unique.uniqueA(7));
    // uniqueA: 6da4b53f
    // 最小长度为8
    console.log('uniqueA:', uniqueA(33));
    // uniqueA: 2e69f4b9a066f4da9902e44454d753ad
    // 最大长度为32
    console.log('uniqueA:', uniqueA(16));
    // uniqueA: d14700a18e7a8b74
    console.log('uniqueA:', uniqueA('换行'));
    // not a number.
</script>

vue方式

import { uniqueA } from "js-unique";
// const unique = require("js-unique");

export default {
    name: "demo",
    data() {
        return {};
    },
    mounted() {
        // console.log("unique:", unique);
        // unique: {uniqueA: ƒ}

        console.log(uniqueA);
        // 使用方式与CDN一样
    },
};