雪花ID的简介讲解和应用

雪花ID

一、UUID

UUID(Universally Unique Identifier,通用唯一识别码)是按照开放软件基金会(OSF)制定的标准计算,用到了以太网卡地址、纳秒级时间、芯片 ID 码和许多可能的数字。

UUID 是由一组 32 位数组成,由16 进制数字所构成,是故 UUID 理论上的总数为16的32次方。这个总数是多大呢?打个比方,如果每纳秒产生 1 百万个 UUID,要花 100 亿年才会将所有 UUID 用完。

UUID 通常以连字号分隔的五组来显示,形式为 8-4-4-4-12,总共有 36 个字符(即 32 个英数字母和 4 个连字号)。例如: 123e4567-e89b-12d3-a456-426655440000

JDK 从 1.5 开始在 java.util 包下提供了一个 UUID 类用来生成 UUID:

UUID uuid = UUID.randomUUID();
String uuidStr1 = uuid.toString();
String uuidStr2 = uuidStr1.replaceAll("-","");

1、UUID 的缺点和一个『好』ID 的标准

UUID的缺点:

为了得到一个全局唯一 ID,很自然地就会想到 UUID 算法。但是,UUID 算法有明显的缺点:

  • UUID 太长了,通常以 36 长度的字符串表示,很多场景不适用。

  • 非纯数字。UUID 中会出现 ABCDEF 这些十六进制的字母,因此,在数据库和代码中,自然就不能存储在整型字段或变量。因此,在数据库中以它作为主键,建立索引的代价比较大,性能有影响。

  • 不安全。UUID 中会包含网卡的 MAC 地址。

一个『好』ID 的标准应该有哪些:

  • 最好是由纯数字组成。

  • 越短越好,最好能存进整型变量和数据库的整型字段中。

  • 信息安全。另外,『ID 连续』并非好事情。

  • 在不连续的情况下,最好是递增的。即便不是严格递增,至少也应该是趋势递增。

二、Twitter 的雪花算法(SnowFlake)

Snowflake 是 Twitter(美国推特公司)开源的分布式 ID 生成算法。最初 Twitter 把存储系统从 MySQL 迁移到 Cassandra(它是NoSQL数据库),因为Cassandra 没有顺序 ID 生成机制,所以 Twitter 开发了这样一套全局唯一 ID 生成服务。

SnowFlake 优点:

整体上按照时间自增排序,并且整个分布式系统内不会产生 ID 碰撞(由数据中心 ID 和机器 ID 作区分),并且效率较高。经测试,SnowFlake 每秒能够产生 26 万 ID 左右。

Snowflake 会生成一个 long 类型的数值,long是8个字节,一共是64位,Snowflake 对于 long 的各个位都有固定的规范:

在这里插入图片描述

  • 最高位标识(1 位)

    由于 long 基本类型在 Java 中是带符号的,最高位是符号位,正数是 0,负数是 1,因为 id 一般是正数,所以最高位是 0 。

  • 毫秒级时间戳(41 位)

    注意,41 位时间戳不是存储当前时间的时间戳,而是存储时间的差值(当前时间戳 - 开始时间戳) 得到的值,这里的的开始时间,一般是我们的 id 生成器开始使用的时间,由我们程序来指定的(如下面程序 IdGenerator 类的 startTime 属性)。

    41 位的时间截,可以使用 69 年。

    2的41次方 除以 (1000毫秒 * 60 * 60 * 24 * 365) = 69

  • 数据机器位(10 位)

    10-bit机器可以分别表示1024台机器,这 10 位的机器位实际上是由 5 位的 互联网数据中心(datacenterId) 和 5 位的工作机器id(workerId) 。这样就可以有32个互联网数据中心(机房)(2的5次方),每个互联网数据中心可以有32台工作机器 。即,总共允许存在 1024 台电脑各自计算 ID 。

    每台电脑都由 data-center-id 和 worker-id 标识,逻辑上类似于联合主键的意思。

  • 12位的自增序列号,用来记录同毫秒内产生的不同id,就是一毫秒内最多可以产生4096个id

    毫秒内的计数,12为的自增序列号 支持每个节点每毫秒(同一机器,同一时间截)产生 4096(2的12次方) 个 ID 序号,这种分配方式可以保证在任何一个互联网数据中心的任何一台工作机器在任意毫秒内生成的ID都是不同的

面试常问:如果是并发量高,同一台机器一毫秒有5000个id,那么id会不会重复,不会,根据源码如果一毫秒内超过4096个id,则会阻塞到下一毫秒再生成

1、Snowflake 实现源码

public class SnowflakeIdGenerator {
    // ==============================Fields===========================================

    // 所占位数、位移、掩码/极大值
    private static final long sequenceBits = 12;  //序列号占用位数
    private static final long workerIdBits = 5;  //工作机器占用位数
    private static final long dataCenterIdBits = 5;  //数据中心占用位数(机房)
     
    //~表示非,例如 01 的非  10     负数的二进制 = 该正数的二进制取反+1
    //为什么不直接写4095呢?(主要计算机运算的时候是二进制,如果写4095的话,还是要转二进制,效率低)
    private static final long sequenceMask = ~(-1L << sequenceBits);  //4095  (0到4095 刚好是4096个)  

    
    private static final long workerIdShift = sequenceBits; //12 
    private static final long workerIdMask = ~(-1L << workerIdBits); //31

    
    private static final long dataCenterIdShift = sequenceBits + workerIdBits;  //17
    private static final long dataCenterIdMask = ~(-1L << dataCenterIdBits); //31 

    private static final long timestampLeftShift = sequenceBits + workerIdBits + dataCenterIdBits;//22
    //private static final long timestampBits = 41L; 
    //private static final long timestampMask = ~(-1L << timestampBits);//2199023255551

    /**
     * 开始时间截 (2015-01-01)  1420070400000L/1000/60/60/24/30/12 = 25+1970 = 2015-01-01
     */
    private static final long twepoch = 1420070400000L;

    private long sequence = 0;  //序列号
    private long workerId;      //工作机器标识
    private long dataCenterId;  //数据中心
    private long lastTimestamp = -1L; //上次生成 ID 的时间截

    //==============================Constructors=====================================

    public SnowflakeIdGenerator() {
        this(0, 0);
    }

    /**
     * 构造函数
     *
     * @param workerId     工作ID (0~31)
     * @param dataCenterId 数据中心 ID (0~31)
     */
    public SnowflakeIdGenerator(long workerId, long dataCenterId) {
        if (workerId > workerIdMask || workerId < 0) {
            throw new IllegalArgumentException(String.format("workerId can't be greater than %d or less than 0", workerIdMask));
        } 

        this.workerId = workerId;
        this.dataCenterId = dataCenterId;
    }

    // ============================== Methods ==========================================

    /**
     * 获得下一个 ID (该方法是线程安全的,synchronized)
     */
    public synchronized long nextId() {
        long timestamp = timeGen(); //获取当前服务器时间

        // 如果当前时间小于上一次 ID 生成的时间戳,说明系统时钟回退过,这个时候应当抛出异常。
        // 出现这种原因是因为系统的时间被回拨,或出现闰秒现象。
        // 你也可以不抛出异常,而是调用 tilNextMillis 进行等待
        if (timestamp < lastTimestamp) {
            
            Thread.sleep(3000)
            timestamp =   timeGen();
            if(timestamp < lastTimestamp){
                
                 throw new RuntimeException(
                    String.format("Clock moved backwards. Refusing to generate id for %d milliseconds", lastTimestamp - timestamp));
            }
            
            throw new RuntimeException(
                    String.format("Clock moved backwards. Refusing to generate id for %d milliseconds", lastTimestamp - timestamp));
        }

        // 如果是同一时间生成的,则时并发量高的情况下,同一毫秒内最大支持4096个id,否则阻塞到下一秒生成
        if (lastTimestamp == timestamp) {
            // 相同毫秒内,序列号自增  , sequence = 4095时, 0 = (sequence + 1) & sequenceMask
            sequence = (sequence + 1) & sequenceMask;  
            // 毫秒内序列溢出,即,同一毫秒的序列数已经达到最大
            if (sequence == 0) {
                // 阻塞到下一个毫秒,获得新的时间戳
                timestamp = tilNextMillis(lastTimestamp);
            }
        }
        // 时间戳改变,毫秒内序列重置
        else {
            sequence = 0L;
        }

        // 将当前生成的时间戳记录为『上次时间戳』。『下次』生成时间戳时要用到。
        lastTimestamp = timestamp;

        // 移位并通过或运算拼到一起组成 64 位的 ID = 8个字节
        return ((timestamp - twepoch) << timestampLeftShift) // 时间毫秒数左移22位
                | (dataCenterId << dataCenterIdShift) //数据中心节点左移17位
                | (workerId << workerIdShift) // 机器节点左移12位
                | sequence;
    }

    /**
     * 阻塞到下一个毫秒,直到获得新的时间戳
     *
     * @param lastTimestamp 上次生成ID的时间截
     * @return 当前时间戳
     */
    protected long tilNextMillis(long lastTimestamp) {
        long timestamp = timeGen();
        while (timestamp <= lastTimestamp) {
            timestamp = timeGen();
        }
        return timestamp;
    }

    /**
     * 阻塞到下一个毫秒,直到获得新的时间戳
     *
     * @param timestamp 当前时间错
     * @param lastTimestamp 上次生成ID的时间截
     * @return 当前时间戳
     */
    protected long tilNextMillis(long timestamp, long lastTimestamp) {
        while (timestamp <= lastTimestamp) {
            timestamp = timeGen();
        }
        return timestamp;
    }

    /**
     * 返回以毫秒为单位的当前时间
     *
     * @return 当前时间(毫秒)
     */
    protected long timeGen() {
        return System.currentTimeMillis();
    }

    //==============================Test=============================================

    /**
     * 测试
     */
    public static void main(String[] args) {
        System.out.println(System.currentTimeMillis());
        SnowflakeIdGenerator idWorker = new SnowflakeIdGenerator(1, 1);
        long startTime = System.nanoTime();
        for (int i = 0; i < 50000; i++) {
            long id = idWorker.nextId();
            System.out.println(id);
        }
        System.nanoTime(); //获取当前纳秒
        System.out.println((System.nanoTime() - startTime) / 1000000 + "ms");
    }
}

可以把上面的方法封装厂成工具类

在某个service的实现类里直接调用

SnowflakeIdGenerator snowflakeIdGenerator = new SnowflakeIdGenerator(1, 1);
//获取雪花id
long SnowflakeId = snowflakeIdGenerator.nextId();

2、解决时间回拨问题

原生的 Snowflake 算法是完全依赖于时间的,如果有时钟回拨的情况发生,会生成重复的 ID,市场上的解决方案也是不少。简单粗暴的办法有:

  • 采用直接抛异常方式:上面就是这种方式,虽然可行,但是这种很不友好,太粗暴
  • 使用阿里云的的时间服务器和自己的服务器进行同步,2017 年 1 月 1 日的闰秒调整,阿里云服务器 NTP 系统 24 小时“消化”闰秒,完美解决了问题。

    [root@localhost ~]# ntpdate ntp1.aliyun.com
    
  • 如果发现有时钟回拨,时间很短比如 3 毫秒(一般大于3毫秒就不建议等待),就等待(线程睡3秒再来生成id),然后再生成。

 public synchronized long nextId() {
        long timestamp = timeGen(); //获取当前服务器时间

        if (timestamp < lastTimestamp) {
            Thread.sleep(3000)
            timestamp =   timeGen();
            if(timestamp < lastTimestamp){
                
                 throw new RuntimeException(
                    String.format("Clock moved backw ....", lastTimestamp - timestamp));
            }
             
        }
     ......
 }
  • 集群:如某台服务器准备一个备机或者多个备机,当主服务器出现异常情况时,可以选择备机

三、java位运算符

1、与运算符(&)

如果 4&7 那么这个应该怎么运算呢?在这里要提到一点,1表示true,0表示false,在做与运算的时候,规则如下:

上下都为1则结果为1
上下有一个为0则结果为0

案例:4&7

在这里插入图片描述

2、或运算符(|)

在做或运算的时候,规则如下:

上下有一个为1则结果为1
上下都为0则结果为0

案例: 5|9

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nt8QlA3N-1691408748928)(assets\image-20220211165012586.png)]

3、异或运算符(^)

在异或的时候,上下都为1则结果为0,下下有一个为0则结果为1

案例:7^15

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SjOl13Ez-1691408748928)(assets\image-20220211165316835.png)]

4、取反运算符(~)

这个其实挺简单的,就是把1变0,0变1,但是注意:二进制中,最高位是符号位 1表示负数,0表示正数

案例:15取反

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oGERByig-1691408748929)(assets\image-20220211165831898.png)]

说明:15的原码为:0000 1111,因为正数的原码=反码=补码,在cpu真正存储的时候都是存补码的,要对原码取反,就要先得到补码,然后对补码取反,所以也就是对15的补码进行取反,取反之后变成 1111 0000,变成的1111 0000 还是补码,那么怎么从补码转换为我们能认识的原码呢?其实很简单,首先把补码1111 0000 取反,符号位不变,然后+1,就可以得到原码

1、1111 0000 取反为 1000 1111

2、1000 1111

​ 0000 0001


​ 1000 1000 = -16

类似的~9 = -10,~7 = -8,5=-6,-16=15,~-8=7 ,~-10=9.发现什么规律了吗?

5、左移运算(<<)

左移就是把所有位向左移动几位

案例:12 << 2 就是12向左移动两位

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-q7xxoNaB-1691408748929)(assets\image-20220211173405835.png)]

通过这个图我们可以看出来,所有的位全都向左移动两位,然后把右边空的两个位用0补上,最左边多出的两个位去掉,最后得到的结果就是00110000 结果就是48,我们用同样的办法算 12<<3 结果是 96 。由此我们得出一个快速的算法 M << n 其实可以这么算 M << n = M * 2的n次方

6、右移运算符(>>)

这个跟左移运算大体是一样的

案例: 12 >> 2

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-W9FFjZhT-1691408748929)(assets\image-20220211173839914.png)]

我们可以看出来右移和左移其实是一样的,但是还是有点不同的,不同点在于对于正数和负数补位的时候补的不一样,负数补1,正数补0
如我们再做一个 –8 的 -8>>2

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Tuqdfb4V-1691408748930)(assets\image-20220211175250189.png)]

这里总结一下,关于负数或者正数来说,移位的时候是一样的,但是在补位的时候,如果最高位是0就补0,如果最高位是1就补1
由此我们得出一个快速的算法 M >> n 其实可以这么算 M >> n = M / 2^n

上面说过,cpu计算的一个数的时候都是得到这个数的补码,然后计算

对于正数而言:原码 = 反码 = 补码

对于负数而言:补码 = 原码取反 + 1

如:-8的原码是:1000 1000 转成补码是 1(符号位不变)111 0111 ,然后+1,变成 1111 1000

正数的补码=源码

已知一个负数的补码,如何求源码?补码的补码 = 源码

如:负数的补码为1111 1110,它的源码为1(符号位不变) 0 0 0 0 0 0 1 + 1 = -2

7、无符号右移(>>>)

无符号右移(>>>)只对32位和64位有意义

在移动位的时候与右移运算符的移动方式一样的,区别只在于补位的时候不管是0还是1,都补0

四、mybatis plus实现雪花id

mybatis-plus已经内置雪花算法生成分布式唯一id。在mybatis-plus特性中已经明确说明了这点。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qzE91YGk-1691408748930)(assets\image-20221108101202859.png)]

我们可以直接在IDEA中双击shift搜索Sequence类查看其具体实现,可以发现其实现就是采用了雪花算法。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-63NtFq4D-1691408748930)(assets\image-20221108101744578.png)]

  • 修改实体类

    @Data
    @EqualsAndHashCode(callSuper = false)
    @NoArgsConstructor
    @AllArgsConstructor
    @TableName("rbac_user")
    public class UserPo implements Serializable {
        private static final long serialVersionUID = 1L;
       @TableId(value = "id", type = IdType.ASSIGN_ID)  //注意看这里,注意看这里
        private Long id;
        private String username;
        private String password;
        private boolean status;  //true:正常   false:锁定
        private String email;
    }
    

在这里插入图片描述

<think>好的,我现在需要帮助用户解决如何用HTML、CSSJavaScript创建雪花下落动画效果的问题。首先,我应该回顾用户提供的引用内容,确保我的回答符合他们的需求。引用1、2、3都提到了使用JavaScript操作DOM元素,CSS设置背景容器,以及生成多个雪花并设置随机属性。 用户的问题是如何创建这样的动画效果,所以需要分步骤讲解。首先,我需要确定基本的结构:HTML结构、CSS样式JavaScript逻辑。根据引用2,需要一个容器元素,比如id为"box"的div,用来容纳雪花。然后,CSS需要设置背景颜色页面样式,确保雪花在正确的位置显示。 接下来是JavaScript部分。根据引用3,应该生成多个雪花元素,每个雪花的位置、速度延迟都是随机的。需要动态创建div元素,设置它们的样式类,然后添加到容器中。同时,动画效果可以通过CSS的@keyframes实现,或者使用JavaScript的定时器来控制位置变化。但引用中提到的例子更倾向于使用CSS动画,结合JavaScript动态创建元素。 需要注意的是,雪花需要从顶部下落到底部,可能需要使用绝对定位,并设置不同的left值来横向分布。另外,动画结束后要移除雪花元素,避免DOM元素过多影响性能,这点在引用3中没有提到,但实际应用中需要考虑。 然后,我应该检查是否有遗漏的部分,比如浏览器窗口大小变化时的适应,或者如何调整雪花的数量速度。用户可能需要自定义这些参数,所以在代码中应该指出哪些变量可以调整,比如数量、最小最大速度等。 最后,确保代码示例正确,并符合用户提供的引用内容。可能需要整合引用中的信息,提供一个完整的示例,同时解释每个部分的作用。另外,回答中的引用标识要正确添加,比如在提到背景设置时引用[^2],在生成雪花时引用[^3]。 总结步骤: 1. 创建HTML结构,包含雪花容器。 2. 使用CSS设置背景、雪花样式动画关键帧。 3. JavaScript动态生成雪花,设置随机属性,并处理动画结束后的元素移除。 4. 提供可调整参数优化建议,如使用requestAnimationFrame或CSS变换提升性能。 5. 生成相关问题,引导用户深入了解更多细节。</think># HTML/CSS+JavaScript雪花飘落动画实现指南 ## 基础版本实现 ### 步骤1:HTML容器设置 ```html <div id="snow-container"></div> ``` ### 步骤2:CSS样式配置 ```css body { background: #1a1a1a; height: 100vh; margin: 0; overflow: hidden; } .snowflake { position: fixed; width: 8px; height: 8px; background: #fff; border-radius: 50%; pointer-events: none; animation: fall linear forwards; } @keyframes fall { from { top: -10px } to { top: 100vh } } ``` *说明:设置黑色背景全屏高度,雪花使用圆形样式并禁用指针事件[^2]* ### 步骤3:JavaScript动态生成 ```javascript function createSnow() { const container = document.getElementById('snow-container'); setInterval(() => { const flake = document.createElement('div'); flake.className = 'snowflake'; // 随机参数设置 flake.style.left = Math.random() * 100 + 'vw'; flake.style.animationDuration = Math.random() * 3 + 2 + 's'; flake.style.opacity = Math.random(); // 动画结束自动移除 flake.addEventListener('animationend', () => { flake.remove(); }); container.appendChild(flake); }, 100); } window.onload = createSnow; ``` *说明:每100毫秒创建新雪花,随机设置水平位置下落速度* ## 高级优化建议 1. **性能优化** - 使用`requestAnimationFrame`替代`setInterval` - 添加`will-change: transform;`提升渲染性能 ```css .snowflake { will-change: transform; } ``` 2. **视觉效果增强** - 添加旋转动画 ```css @keyframes rotate { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } ``` 3. **参数控制建议** ```javascript // 可调节参数 const config = { spawnRate: 80, // 生成间隔(ms) minSpeed: 2, // 最小下落速度(s) maxSpeed: 5, // 最大下落速度(s) maxFlakes: 200 // 最大雪花数量 } ``` ## 扩展实现方案 ### 方案1:CSS Transform实现 ```css .snowflake { transform: translateY(-100vh); transition: transform 2s linear; } ``` ### 方案2:Canvas高性能版本 ```html <canvas id="snowCanvas"></canvas> ``` ```javascript // 创建粒子系统实现大规模雪花效果 ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

胖成范德彪

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

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

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

打赏作者

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

抵扣说明:

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

余额充值