首页 > 其他分享 >项目build成功后撒花

项目build成功后撒花

时间:2023-11-13 14:34:09浏览次数:30  
标签:origin 撒花 frame 成功 60 build 100 setTimeout

VS

点击项目属性,进行post build配置

HTML

<!DOCTYPE html>
<html lang="en" style="height:100%;">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Build Succeed</title>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js"></script>
    <script>
        function frame() {
            confetti({
                particleCount: 100,
                spread: 60,
                angle: 60,
                origin: { y: 1, x: 0 },
                scalar: 2,
                startVelocity: 100
            });

            confetti({
                particleCount: 50,
                spread: 60,
                angle: 120,
                origin: { y: 1, x: 1 },
                scalar: 2,
                startVelocity: 100
            });
        }
        setTimeout(frame, 0);
        setTimeout(frame, 100);
        setTimeout(frame, 300);
        setTimeout(frame, 500);
        setTimeout(frame, 700);
        setTimeout(frame, 900);
        setTimeout(frame, 1100);
        setTimeout(frame, 1300);
        setTimeout(frame, 1500);
        setTimeout(function () { window.close() }, 5500);
    </script>
</head>

<body style="height:100%;">
    <table style="width:100%;height:100%;">
        <tr>
            <td
                style="vertical-align: middle; text-align: center;font-size: 150px;font-family: Georgia;font-weight: bold;color: green;">
                Build Succeed</td>
        </tr>
    </table>
</body>

</html>

效果

标签:origin,撒花,frame,成功,60,build,100,setTimeout
From: https://www.cnblogs.com/talentzemin/p/17829019.html

相关文章

  • java中String、StringBuffer和StringBuilder的区别(简单介绍)
    简单介绍java中用于处理字符串常用的有三个类:1、java.lang.String2、java.lang.StringBuffer3、java.lang.StrungBuilder三者共同之处:都是final类,不允许被继承,主要是从性能和安全性上考虑的,因为这几个类都是经常被使用着,且考虑到防止其中的参数被参数修改影响到其他的应用......
  • java(StringBuilder)练习
    需求:键盘录入一个九位数以下的数字将该数字各数字变为罗马数字。importjava.util.Scanner;publicclassBoke{publicstaticvoidmain(String[]args){ScannerSc=newScanner(System.in);Stringx;while(true){System.out.......
  • 哈佛商业评论:CRM实施为什么成功率较低?
    《哈佛商业评论》研究表明,三分之一的CRM客户管理系统实施以失败告终。CRM实施为什么成功率较低?研究发现,CRM实施失败的主要原因在于:CRM系统目标不清晰,重点不明确,操作过于复杂,给一线用户带来不好的使用体验。CRM实施失败率如此高并不奇怪,许多CRM系统非常复杂。将数据迁移到一个新......
  • Fedora 安装 build-essential
    .....在Ubuntu系统中安装build-essential包就可以一键安装常用的编译工具链,但是在Fedora系统中没有这个包。在Fedora系统里面,这个包变成了一个名字为“DevelopmentTools”的组,所以安装命令如下:>$sudodnfgroupinstall"DevelopmentTools" ......
  • 双非18线小城市二本,成功上岸阿里P7(Android岗)
    前言双非一本、二本能进大厂么?能!自我介绍我,双非18线小城市二本,今年上岸阿里的P7岗(Android)但是作为一个错过秋招,学历不漂亮,实习转正被忽悠,从18线小城市到北京实习,投了上百份简历的苦逼双非学生,还是想说一句:进大厂太难难难难了!!!据说有6成的大学生都相信在毕业十年内能年薪过百万,而......
  • SpringSecurity successHandler方法使用自定义Handler登录成功,302问题
    一开始我自定义了成功和失败两个Handler,在进行调试的时候发现失败的没有问题,但是登录成功的话走的是某人的重定向而不是我自定义的protectedvoidconfigure(HttpSecurityhttp)throwsException{http.csrf().disable().headers().frameOptions().disable()......
  • vue2 vue.min.js和vue-cli-service build --target lib 构建的.min.js的压缩原理,使用
    1vue-cli-service --targetlibhttps://github.com/vuejs/vue-cli/blob/f0f254e4bc81ed322eeb9f7de346e987e845068e/packages/%40vue/cli-service/lib/commands/build/index.js#L5可以看到这里formats:'commonjs,umd,umd-min',默认有三种格式,其中的umd-min经过了压缩再去搜u......
  • 由于没有使用break语句,在成功匹配后,会继续往下执行后面的case语句
    执行以下程序后,x的值为3varx=0;switch(++x){case0:++x;case1:++x;case2:++x;}官方解析:++x是前置自增,也就是先自增加1,再将x返回,所以switch表达式的值为1,匹配第二个case语句,同样对x进行前置自增,x的值变为2,由于没有使用break语句,在成功......
  • Go中字符串处理:fmt.Sprintf与string.Builder的比较
    在Go语言中,我们通常会遇到两种主要的方式来处理和操作字符串:使用fmt.Sprintf函数和string.Builder类型。尽管两者都可以实现字符串的格式化和连接,但它们在性能和用法上有一些关键区别。1.fmt.Sprintffmt.Sprintf是一个函数,它根据提供的格式化字符串和参数列表,将它们格式化为一......
  • wxFormBuilder + python + wxWidget
    -------------#-*-coding:utf-8-*-#############################################################################PythoncodegeneratedwithwxFormBuilder(version3.10.1-0-g8feb16b3)##http://www.wxformbuilder.org/####PLEASEDO*NOT*EDITTHISFIL......