【新年快乐】2022年跨年钟声即将敲响,2021终将成为历史

118 篇文章 62 订阅
64 篇文章 18 订阅

“最好的跨年礼物,是见你一面”

嗨,这里是狐狸~~

现在是2021年的最后一天,已经进入小时倒计时了。

回想这一年的过往,其实还挺开心的,在这一年像大家分享很多知识,我也获得了极大的满足,我是个很不会说话的人,年终感想也是如此,还是十分的感谢大家的支持。

年终总结😋

一起见证🤗

        2021年我们一起见证了EDG夺冠, 见证了中国电竞的发展,一起抗击疫情,见证了中国力量,一起享受这5G便利,见证了中国速度。。。这一切一切太多了,在外面告诉发展的时候,我们自己也要奉献出自己的一份力量,在自己的行业里也要发光发热!!!

 

📝博客之旅  💖

        在2021年里,我会经常写博客,每次写的时候都会不同的感想,我也经常把自己的情绪带到博客当中去,因为在写博客的时间里我才感觉时间是过得那么的慢,而我是那样的自由。也十分感谢大家对我的支持,真的,愿意来支持我,鼓励我,真的十分感谢。

        就是在写博客期间,我也收获了很多粉丝,其中的大多数人都是刚接触编程,很感谢你们能够支持我,支持我的博客。而在逐步的涨粉过程中,认识了很多大佬,并得到了大佬们的支持,我也是异常的激动,哈哈哈,很多粉丝都“白嫖”代码,当然不是说不能白嫖,更多的是交流和创新,而不仅仅是为了白嫖后来贩卖。相信大家懂我在说什么,哈哈哈!

热榜第一🥇

      在今年的时间,我也是很荣幸的上过热榜的第一名,真的很感谢大家,此刻我都无法表达我内心的心情, 一个人可以走的更快,一群人可以走的更远。人逢知己千杯少,难得在漫漫人生路上能认识你们,在一起走过的日子,非常的感谢你们对我的支持,我始终不能忘记。

     在缘分的天空下,我珍惜每一个有缘人。会用简陋的笔墨来刻化我心中最真挚的祝愿,在这2021年最后的日子里,希望大家2021不留遗憾,充满希望去面对2022年的第一缕阳光!!

        另外就是想对那些刚接触编程的朋友们说,编程是一条枯燥而又漫长的路,需要大家有耐心有专注力的走完,成为一名优秀的程序员无非需要耐心,刻苦,尝试,失败,好的程序员都有一个不达目的誓不罢休的品质,他们会惊喜于通过长期推敲和失败换来的一点成绩。 学会编程会有专门好的回报的,然而学习的过程可能会是饱受挫折和孤独的。 假如有可能,最好找个伴一起陪你做这件事。 想熟知编程,这和其他情况一样,需要坚持,反复尝试,获得更多的体会。今天也是简单的和大家分享了一些我所经历的经验,希望可以对大家产生帮助,预祝大家学习愉快!

 

 

 📝2022年, 新的规划?😁

        说实话,对于明年的规划现在还没想好,最近事情很多,脑子很乱,我也总会相信计划赶不上变化,脚踏实地的去走好每一步才是最重要的,唯一希望的就是可以健康吧,也是年纪不小了,身体大不如前了,希望在新的一年的可以保持好一副健康的躯壳吧! 

 

 🎉新年祝福💖

        明天就是2022年啦,把美好的祝福,写在这篇文章里,文不长情意重,我的朋友们,愿你们新年快乐!在2022年里每天都有好运气,记着一定要相信未来美好的事情都在悄然发生,不要放弃任何一件事,不要放弃任何一个人,愿天下有情人终成眷属!!!

让我一起去看2021年跨年的烟火吧

https://www.bilibili.com/video/BV1UP4y1J7e2?share_source=copy_webicon-default.png?t=LBL2https://www.bilibili.com/video/BV1UP4y1J7e2?share_source=copy_web

附上跨年倒计时的源码

<!doctype html>
 
<html>
 
<head>
 
<meta charset="utf-8">
 
<title>新年快乐</title><!-- 这是网页标题 -->
 
<style>
 
body{
 
  overflow: hidden;
 
  margin: 0;
 
}
 
h1{
 
  position: fixed;
 
  top: 30%;
 
  left: 0;
 
  width: 100%;
 
  text-align: center;
 
  transform:translateY(-50%);
 
  font-family: 'Love Ya Like A Sister', cursive;
 
  font-size: 60px;
 
  color: #c70012;
 
  padding: 0 20px;
 
}
 
h1 span{
 
  position: fixed;
 
  left: 0;
 
  width: 100%;
 
  text-align: center;
 
margin-top:30px;
 
    font-size:40px;
 
}
 
</style>
 
</head>
 
<body>
 
<h1 id="h1"></h1>
 
<canvas></canvas> <!--canvas 画布-->
 
<script>
 
var canvas = document.querySelector("canvas"),
 
  ctx = canvas.getContext("2d");
 
var ww,wh;
 
function onResize(){
 
  ww = canvas.width = window.innerWidth;
 
  wh = canvas.height = window.innerHeight;
 
}
 
ctx.strokeStyle = "red";
 
ctx.shadowBlur = 25;
 
ctx.shadowColor = "hsla(0, 100%, 60%,0.5)";
 
var precision = 100;
 
var hearts = [];
 
var mouseMoved = false;
 
function onMove(e){
 
  mouseMoved = true;
 
  if(e.type === "touchmove"){
 
    hearts.push(new Heart(e.touches[0].clientX, e.touches[0].clientY));
 
    hearts.push(new Heart(e.touches[0].clientX, e.touches[0].clientY));
 
  }
 
  else{
 
    hearts.push(new Heart(e.clientX, e.clientY));
 
    hearts.push(new Heart(e.clientX, e.clientY));
 
  }
 
}
 
var Heart = function(x,y){
 
  this.x = x || Math.random()*ww;
 
  this.y = y || Math.random()*wh;
 
  this.size = Math.random()*2 + 1;
 
  this.shadowBlur = Math.random() * 10;
 
  this.speedX = (Math.random()+0.2-0.6) * 8;
 
  this.speedY = (Math.random()+0.2-0.6) * 8;
 
  this.speedSize = Math.random()*0.05 + 0.01;
 
  this.opacity = 1;
 
  this.vertices = [];
 
  for (var i = 0; i < precision; i++) {
 
    var step = (i / precision - 0.5) * (Math.PI * 2);
 
    var vector = {
 
      x : (15 * Math.pow(Math.sin(step), 3)),
 
      y : -(13 * Math.cos(step) - 5 * Math.cos(2 * step) - 2 * Math.cos(3 * step) - Math.cos(4 * step))
 
    }
 
    this.vertices.push(vector);
 
  }
 
}
 
Heart.prototype.draw = function(){
 
  this.size -= this.speedSize;
 
  this.x += this.speedX;
 
  this.y += this.speedY;
 
  ctx.save();
 
  ctx.translate(-1000,this.y);
 
  ctx.scale(this.size, this.size);
 
  ctx.beginPath();
 
  for (var i = 0; i < precision; i++) {
 
    var vector = this.vertices[i];
 
    ctx.lineTo(vector.x, vector.y);
 
  }
 
  ctx.globalAlpha = this.size;
 
  ctx.shadowBlur = Math.round((3 - this.size) * 10);
 
  ctx.shadowColor = "hsla(0, 100%, 60%,0.5)";
 
  ctx.shadowOffsetX = this.x + 1000;
 
  ctx.globalCompositeOperation = "screen"
 
  ctx.closePath();
 
  ctx.fill()
 
  ctx.restore();
 
};
 
function render(a){
 
  requestAnimationFrame(render);
 
  hearts.push(new Heart())
 
  ctx.clearRect(0,0,ww,wh);
 
  for (var i = 0; i < hearts.length; i++) {
 
    hearts[i].draw();
 
    if(hearts[i].size <= 0){
 
      hearts.splice(i,1);
 
      i--;
 
    }
 
  }
 
}
 
onResize();
 
window.addEventListener("mousemove", onMove);
 
window.addEventListener("touchmove", onMove);
 
window.addEventListener("resize", onResize);
 
requestAnimationFrame(render);
 
window.onload=function starttime(){
 
        time(h1,'2022,01,01');    // 2022年元旦时间 
 
        ptimer = setTimeout(starttime,1000); // 添加计时器
 
}
 
    function time(obj,futimg){
 
        var nowtime = new Date().getTime(); // 现在时间转换为时间戳
 
        var futruetime =  new Date(futimg).getTime(); // 未来时间转换为时间戳
 
        var msec = futruetime-nowtime; // 毫秒 未来时间-现在时间
 
        var time = (msec/1000);  // 毫秒/1000
 
        var day = parseInt(time/86400); // 天  24*60*60*1000
 
        var hour = parseInt(time/3600)-24*day;    // 小时 60*60 总小时数-过去的小时数=现在的小时数
 
        var minute = parseInt(time%3600/60); // 分 -(day*24) 以60秒为一整份 取余 剩下秒数 秒数/60 就是分钟数
 
        var second = parseInt(time%60);  // 以60秒为一整份 取余 剩下秒数
 
        obj.innerHTML="<br>距离2022年还有:<br>"+day+"天"+hour+"小时"+minute+"分"+second+"秒"+"<br><span>愿我所念的人平安喜乐,<br>愿我所想的事顺心如意。<br>May the people I think of be safe and happy, <br>and may the things I think of be all right.</span>"
 
        return true;
 
    }
 
</script>
 
</body>
 
</html>

  • 16
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 28
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 28
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值