今年，我这个程序猿，最终还是一个人过情人节
文章目录
- 聊聊星座与生肖
- 网站
- 来首诗
- 代码
- 最后
貌似出生到现在，我都是一个人在过情人节？？？
聊聊星座与生肖
有粉丝问我今年怎么没写总结。去年的总结，过完年再写（我觉得今年要总结的东西很多）。毕竟今年还没过完嘛，我过阴历年。
今天写什么，那还用说嘛，情人节快到了。此时不撒狗粮，啥时候撒。
假装撒狗粮，实际参加活动。言归正传。
我双鱼，你是天蝎。
我属牛，你属蛇。
这两点都非常配，过多不谈。
我个人用简单的一句话解释：
“个人的举止、心理，与群体分析得来的结果有着大体抑或分支细节上的差异，这些差异若不区别于个人而笼统概括之，则为蠢。”
当然，我蠢，我信。
网站
还记得在你18岁生日那天，给你写了一个网站，主页是下面这样的（弄完后，我终于明白了，为什么前端单身狗比后端少很多）
当然，还有一些美好的回忆。这是我们第一次见面，不知不觉，时间悄然流逝，在一起有496天了。
另外还有一些诗词，这些天的积累，当然，现在挺久没写了，我停下思考一下，是不是已经过了热恋期了，不至于不至于。
地址放在这里，有兴趣的可以看看： 来首诗
又二月，未见面，百里相距思难言。
再无眠，夜深念，银河两边万光年。
（这里的二月，代表现在二月，也代表，两个月见不到。银河的直径15万-20万光年的距离）
代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱情小屋</title>
<meta name="keywords" content="爱情小屋" />
<meta name="description" content="爱情小屋" />
<style type="text/css">
@font-face {
font-family: digit;
}
</style>
<script type="text/javascript" src="js/md5.min.js"></script>
<script type="text/javascript" src="js/password.js"></script>
<script LANGUAGE="JavaScript">
document.write(pass());
</script>
<link href="css/default.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="mainDiv">
<div id="content" style="margin-top: 50.5px;">
<div id="code">
<span class="comments">/**</span><br />
<span class="comments">*2019—05-12,</span><br />
<span class="comments">*2019-09-30.</span><br />
<span class="comments">*/</span><br /> final class We{
<br /> public final static Boy BOY = new Boy("
<span class="keyword">***</span>");<br /> public final static Girl GIRL = new Girl("
<span class="keyword">***</span>");<br /> }
<br /> public class Love {
<br /> public static void main(String[] args) {<br /> System.out.println("Boy name = "+ We.BOY.getName());
<br /> System.out.println("Girl name = "+ We.GIRL.getName());
<br />
<span class="comments">//彼此相爱</span><br /> System.out.println(We.BOY.getName() + "
<span class="keyword">爱着</span>" + We.GIRL.getName());<br /> System.out.println(We.GIRL.getName() + "
<span class="keyword">爱着</span>" + We.BOY.getName());<br />
<span class="comments">//时间推移</span><br /> System.out.println("我们互相等待");
<br />
<span class="comments">//时间推移</span><br /> System.out.println("
<span class="keyword">再也没有什么能让我们分开</span>");<br />
<span class="comments">//沧海桑田</span><br /> System.out.println("只会让我们更加相爱");
<br />
<span class="comments">//...</span><br /> System.out.println("不管是现在");
<br /> System.out.println("还是遥远的未来");
<br /> System.out.println("我会让你一直
<span class="keyword">幸福</span>");<br />
<span class="comments">//我还想说</span><br /> System.out.println("**，
<span class="keyword">我爱你！</span>");<br /> }
<br /> }
<br /> class Boy{
<br /> public Boy(String name) {<br /> this.name =name;
<br /> }
<br /> private String name;
<br /> public String getName() {<br /> return name;
<br /> }
<br /> }
<br /> class Girl {
<br /> public Girl(String name) {<br /> this.name =name;
<br /> }
<br /> private String name;
<br /> public String getName() {<br /> return name;
<br /> }
<br /> }
<br />
</div>
<div id="loveHeart">
<canvas id="garden"></canvas>
<div id="words">
<div id="messages">
亲爱的，这是我们相爱在一起的时光。
<div id="elapseClock"></div>
</div>
<div id="loveu">
爱你直到永永远远。<br/>
<div class="signature">
***❤️***
</div>
</div>
</div>
</div>
</div>
<div id="copyright">
<a href="photo.html">美好回忆</a><br /><br />
<a href="poetry.html">诗意缠绵</a><br /><br />
<a>亲爱的，18岁生日快乐，永远18</a><br />
</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/garden.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript">
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
//monthValue
//一个0到11之间的整数值，表示从一月到十二月。
//dayValue
//一个1到31之间的整数值，表示月份中的第几天。如果你指定了 dayValue 参数，就必须同时指定 monthValue。
together.setFullYear(2019, 8, 30);
together.setHours(0);
together.setMinutes(0);
together.setSeconds(0);
together.setMilliseconds(0);
if(!document.createElement('canvas').getContext) {
var msg = document.createElement("div");
msg.id = "errorMsg";
msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";
document.body.appendChild(msg);
$("#code").css("display", "none")
$("#copyright").css("position", "absolute");
$("#copyright").css("bottom", "10px");
document.execCommand("stop");
} else {
setTimeout(function() {
startHeartAnimation();
}, 3500);
timeElapse(together);
setInterval(function() {
timeElapse(together);
}, 50);
adjustCodePosition();
$("#code").typewriter();
}
</script>
</body>
</html>其他的CSS+JS代码就不贴了，自行去下载：
有一个需要注意的地方，就是需要密码的这里，我使用了MD5加密，防止无关人员看。
在password.js中
//进行MD5
var salt = "chenhaoxiangLOVEpengqiaowen";
var hash = LocalStorageUtil.getItem("hash");
if(hash != 'e5e26357a5b96a645794ecd6059bce42') {
var pass = prompt('请输入密码:', '');
while(testV < 3) {
hash = md5(salt + pass);
LocalStorageUtil.setItem("hash", hash);
if(hash == 'e5e26357a5b96a645794ecd6059bce42') {
break;
}
testV += 1;
var pass = prompt('密码错误!请重新输入:');
}
if(testV >= 3) {
window.opener = null;
window.close();
history.go(-1);
}
}chenhaoxiangLOVEpengqiaowen这个东西就是盐，自行定义就行，任意值都可以。
这里的e5e26357a5b96a645794ecd6059bce42，就是你自己通过明文密码加密后得到的密文。自己跑一下就知道是啥了，替换这个就行。
最后
不写了不写了，你不在身边，写这种东西，那不是让人故意陷入思念的煎熬嘛。
最后，祝世上所有的有情人终成眷属。
