主頁 > 軟體設計 > 【新年快樂】2022年跨年鐘聲即將敲響,2021終將成為歷史

【新年快樂】2022年跨年鐘聲即將敲響,2021終將成為歷史

2022-01-01 09:06:17 軟體設計

“最好的跨年禮物,是見你一面”

嗨,這里是狐貍~~

現在是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>

轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/399605.html

標籤:其他

上一篇:自制 RTOS

下一篇:【字串專場】只會使用庫函式?面試官氣的讓我出門左轉

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 面試突擊第一季,第二季,第三季

    第一季必考 https://www.bilibili.com/video/BV1FE411y79Y?from=search&seid=15921726601957489746 第二季分布式 https://www.bilibili.com/video/BV13f4y127ee/?spm_id_fro ......

    uj5u.com 2020-09-10 05:35:24 more
  • 第三單元作業總結

    1.前言 這應該是本學期最后一次寫作業總結了吧。總體來說,對作業的節奏也差不多掌握了,作業做起來的效率也更高了。雖然和之前的作業一樣,作業中都要用到新的知識,但是相比之前,更加懂得了如何利用工具以及資料。雖然之間卡過殼,但總體而言,這幾次作業還算完成的比較好。 2.作業程序總結 相比前兩個單元,此單 ......

    uj5u.com 2020-09-10 05:35:41 more
  • 北航OO(2020)第四單元博客作業暨課程總結博客

    北航OO(2020)第四單元博客作業暨課程總結博客 本單元作業的架構設計 在本單元中,由于UML圖具有比較清晰的樹形結構,因此我對其中需要進行查詢操作的元素進行了包裝,在樹的父節點中存盤所有孩子的參考。考慮到性能問題,我采用了快取機制,一次查詢后盡可能快取已經遍歷過的資訊,以減少遍歷次數。 本單元我 ......

    uj5u.com 2020-09-10 05:35:48 more
  • BUAA_OO_第四單元

    一、UML決議器設計 ? 先看下題目:第四單元實作一個基于JDK 8帶有效性檢查的UML(Unified Modeling Language)類圖,順序圖,狀態圖分析器 MyUmlInteraction,實際上我們要建立一個有向圖模型,UML中的物件(元素)可能與同級元素連接,也可與低級元素相連形成 ......

    uj5u.com 2020-09-10 05:35:54 more
  • 6.1邏輯運算子

    邏輯運算子 1. && 短路與 運算式1 && 運算式2 01.運算式1為true并且運算式2也為true 整體回傳為true 02.運算式1為false,將不會執行運算式2 整體回傳為false 03.只要有一個運算式為false 整體回傳為false 2. || 短路或 運算式1 || 運算式2 ......

    uj5u.com 2020-09-10 05:35:56 more
  • BUAAOO 第四單元 & 課程總結

    1. 第四單元:StarUml檔案決議 本單元采用了圖模型決議UML。 UML檔案可以抽象為圖、子圖、邊的邏輯結構。 在實作中,圖的節點包括類、介面、屬性,子圖包括狀態圖、順序圖等。 采用了三次遍歷UML元素的方法建圖,第一遍遍歷建點,第二、三次遍歷設定屬性、連邊,實作圖物件的初始化。這里借鑒了一些 ......

    uj5u.com 2020-09-10 05:36:06 more
  • 談談我對C# 多型的理解

    面向物件三要素:封裝、繼承、多型。 封裝和繼承,這兩個比較好理解,但要理解多型的話,可就稍微有點難度了。今天,我們就來講講多型的理解。 我們應該經常會看到面試題目:請談談對多型的理解。 其實呢,多型非常簡單,就一句話:呼叫同一種方法產生了不同的結果。 具體實作方式有三種。 一、多載 多載很簡單。 p ......

    uj5u.com 2020-09-10 05:36:09 more
  • Python 資料驅動工具:DDT

    背景 python 的unittest 沒有自帶資料驅動功能。 所以如果使用unittest,同時又想使用資料驅動,那么就可以使用DDT來完成。 DDT是 “Data-Driven Tests”的縮寫。 資料:http://ddt.readthedocs.io/en/latest/ 使用方法 dd. ......

    uj5u.com 2020-09-10 05:36:13 more
  • Python里面的xlrd模塊詳解

    那我就一下面積個問題對xlrd模塊進行學習一下: 1.什么是xlrd模塊? 2.為什么使用xlrd模塊? 3.怎樣使用xlrd模塊? 1.什么是xlrd模塊? ?python操作excel主要用到xlrd和xlwt這兩個庫,即xlrd是讀excel,xlwt是寫excel的庫。 今天就先來說一下xl ......

    uj5u.com 2020-09-10 05:36:28 more
  • 當我們創建HashMap時,底層到底做了什么?

    jdk1.7中的底層實作程序(底層基于陣列+鏈表) 在我們new HashMap()時,底層創建了默認長度為16的一維陣列Entry[ ] table。當我們呼叫map.put(key1,value1)方法向HashMap里添加資料的時候: 首先,呼叫key1所在類的hashCode()計算key1 ......

    uj5u.com 2020-09-10 05:36:38 more
最新发布
  • 【中介者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實作

    * 中介者模式是一種行為型設計模式,它可以用來減少類之間的直接依賴關系,
    * 將物件之間的通信封裝到一個中介者物件中,從而使得各個物件之間的關系更加松散。
    * 在中介者模式中,物件之間不再直接相互互動,而是通過中介者來中轉訊息。 ......

    uj5u.com 2023-04-20 08:20:47 more
  • 露天煤礦現場調研和交流案例分享

    他們集團的資訊化公司及研究院在一個礦區正在做智能礦山的統一平臺的 試點,專案投資大概1億,包括了礦山的各方面的內容,顯示得我們這次交流有點多余。他們2年前開始做智能礦山的規劃,有很多煤礦行業專家的加持,他們的描述是非常完美,但是去年底應該上線的平臺,現在還沒有看到影子。他們確實有很多場景需求,但是被... ......

    uj5u.com 2023-04-20 08:20:25 more
  • 《社區人員管理》實戰案例設計&個人案例分享

    設計是一個讓人夢想成真程序,開始編碼、測驗、除錯之前進行需求分析和架構設計,才能保證關鍵方面都做正確 ......

    uj5u.com 2023-04-20 08:20:17 more
  • 軟體架構生態化-多角色交付的探索實踐

    作為一個技術架構師,不僅僅要緊跟行業技術趨勢,還要結合研發團隊現狀及痛點,探索新的交付方案。在日常中,你是否遇到如下問題 “ 業務需求排期長研發是瓶頸;非研發角色感受不到研發技改提效的變化;引入ISV 團隊又擔心質量和安全,培訓周期長“等等,基于此我們探索了一種新的技術體系及交付方案來解決如上問題。 ......

    uj5u.com 2023-04-20 08:20:10 more
  • 【中介者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實作

    * 中介者模式是一種行為型設計模式,它可以用來減少類之間的直接依賴關系,
    * 將物件之間的通信封裝到一個中介者物件中,從而使得各個物件之間的關系更加松散。
    * 在中介者模式中,物件之間不再直接相互互動,而是通過中介者來中轉訊息。 ......

    uj5u.com 2023-04-20 08:19:44 more
  • 露天煤礦現場調研和交流案例分享

    他們集團的資訊化公司及研究院在一個礦區正在做智能礦山的統一平臺的 試點,專案投資大概1億,包括了礦山的各方面的內容,顯示得我們這次交流有點多余。他們2年前開始做智能礦山的規劃,有很多煤礦行業專家的加持,他們的描述是非常完美,但是去年底應該上線的平臺,現在還沒有看到影子。他們確實有很多場景需求,但是被... ......

    uj5u.com 2023-04-20 08:19:07 more
  • 《社區人員管理》實戰案例設計&個人案例分享

    設計是一個讓人夢想成真程序,開始編碼、測驗、除錯之前進行需求分析和架構設計,才能保證關鍵方面都做正確 ......

    uj5u.com 2023-04-20 08:18:57 more
  • 軟體架構生態化-多角色交付的探索實踐

    作為一個技術架構師,不僅僅要緊跟行業技術趨勢,還要結合研發團隊現狀及痛點,探索新的交付方案。在日常中,你是否遇到如下問題 “ 業務需求排期長研發是瓶頸;非研發角色感受不到研發技改提效的變化;引入ISV 團隊又擔心質量和安全,培訓周期長“等等,基于此我們探索了一種新的技術體系及交付方案來解決如上問題。 ......

    uj5u.com 2023-04-20 08:18:49 more
  • 05單件模式

    #經典的單件模式 public class Singleton { private static Singleton uniqueInstance; //一個靜態變數持有Singleton類的唯一實體。 // 其他有用的實體變數寫在這里 //構造器宣告為私有,只有Singleton可以實體化這個類! ......

    uj5u.com 2023-04-19 08:42:51 more
  • 【架構與設計】常見微服務分層架構的區別和落地實踐

    軟體工程的方方面面都遵循一個最基本的道理:沒有銀彈,架構分層模型更是如此,每一種都有各自優缺點,所以請根據不同的業務場景,并遵循簡單、可演進這兩個重要的架構原則選擇合適的架構分層模型即可。 ......

    uj5u.com 2023-04-19 08:42:41 more