-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
154 lines (150 loc) · 6.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<html>
<head>
<meta name='viewport' content='width = device-width,initial-scale = 1,minimum-scale = 1, maximum-scale = 1, user-scalable = no'/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<meta name="keywords" content="程序员阿诺,阿诺,倒计时,时间戳转换,倒计时列表,实用小工具,高考倒计时,春节,春节倒计时"/>
<title>公众号：程序员阿诺</title>
<style> body {margin: 0 auto;padding: 50px 0 300px 0;font-family: Tahoma, Verdana, Arial, sans-serif;background: url(./2379.min.jpeg) no-repeat; /*background: url(http://pic.qjyoung.top/2379.min.jpeg) no-repeat;*/} @media (min-width: 768px) { body {width: 100%;background-size: 100% 100%;} .wrap {margin-left: 200px;} } @media (max-width: 767px) { body {width: 1700px;background-size: 1700px 100%;} .wrap {margin-left: 27px;} } table, input, button {margin: 5px 10px;font-size: 20px;} a:link, a:visited, a:active {text-decoration: none;color: blue;} a:hover {text-decoration: underline;}</style>
<script src="x.js"></script>
<script src="js/vue.min.js"></script>
</head>
<body>
<div class="wrap" id="app">
<!-- <p><a target="_blank" href="https://pan.baidu.com/s/1EU5zvfudPUKNnXiUldAukA"><strong style="font-size: 33px; margin:10px">浪</strong><strong style="font-size: 30px; margin:10px">浪</strong><strong style="font-size: 15px; margin:10px">浪</strong><strong style="font-size: 20px; margin:10px">浪</strong><strong style="font-size: 10px; margin:10px">浪</strong><strong style="font-size: 28px; margin:10px">浪</strong><strong style="font-size: 25px; margin:10px">浪</strong><strong style="font-size: 22px; margin:10px">浪</strong><strong style="font-size: 18px; margin:10px">浪</strong>~<strong style="font-size: 13px; margin:10px">在</strong><strong style="font-size: 50px; margin:10px">西藏</strong></a></p> -->
<!-- <p><a target="_blank" href="http://test.qiaojianyong.top/">3d轨迹（加载较慢）</a></p>-->
<p><a target="_blank" href="https://v.qq.com/x/page/n0536o6npn5.html">318视频</a></p>
<p><a target="_blank" href="318/altitude-line.html">318海拔-2d</a></p>
<p><a target="_blank" href="318/altitude-3d.html">318经纬海拔-3d</a></p>
<p><a target="_blank" href="318/track/index.html">318-3d轨迹</a></p>
<table>
<tr>
<td>日期:</td>
<td>
<input v-model="dateString"/>
<button @click="date = new Date()">now()</button>
</td>
</tr>
<tr>
<td>毫秒:</td>
<td><input v-model="timestamp"/></td>
</tr>
<tr>
<td>秒:</td>
<td><input v-model="second"/></td>
</tr>
</table>
<template v-for="link in links">
<p><a target="_blank" :href="link.url">{{link.name}}</a></p>
</template>
</div>
<script>
new Vue({
el: '#app',
data: {
date: null,
dateString: '',
timestamp: 0,
second: 0,
links: [
{url: "./tools-board.html", name: "公众号"},
{url: "./tools-board.html", name: "倒计时列表"},
{url: "./format/index.htm", name: "JSON-格式化"},
{url: "./security_password.html", name: "复杂密码生成器"},
{url: "http://tool.oschina.net/codeformat/xml", name: "其他代码格式化"},
{url: "http://cron.qqe2.com/", name: "在线Cron表达式生成器"},
{url: "http://tool.chinaz.com/tools/unicode.aspx", name: "Unicode编码"},
{url: "http://www.bejson.com/xml2json/", name: "XML 2 JSON"},
{url: "./json2bean/index.html", name: "JSON 2 BEAN"},
{url: "./encrypt/encrypt.html", name: "AES-DES"},
{url: "http://tool.chacuo.net/cryptaes", name: "AES-2"},
{url: "./encrypt/encrypt2.html", name: "哈希散列"},
{url: "https://tool.lu/hexconvert/", name: "进制转换"},
{url: "./encrypt/encrypt3.html", name: "BASE64编码"},
{url: "https://c.runoob.com/front-end/59/", name: "BASE64编码-2"},
{url: "https://cli.im/", name: "二维码生成器"},
{url: "http://www.jq22.com/textDifference", name: "Show diff"},
{url: "http://tool.oschina.net/jscompress/", name: "js/css compress"},
{url: "./encrypt/encrypt4.html", name: "图片转base64"},
{url: "http://imgbase64.duoshitong.com/", name: "图片 base64 互转"},
{url: "https://www.ip.cn", name: "IP 域名地址查询"},
{url: "https://github.com/qjyoung", name: "qjyoung's github"},
{url: "https://blog.csdn.net/qq_33303700", name: "qjyoung's CSDN"},
{url: "https://www.bootcdn.cn/", name: "开源项目 CDN 加速服务"},
{url: "http://www.yuangongju.com/css3button", name: "css-button"},
{url: "http://www.jq22.com/webqd5122", name: "css-input"},
{url: "https://www.processon.com/", name: "process-on"},
{url: "http://www.txttool.com/WenBen_Sort4.asp", name: "在线字典排序"},
{url: "https://wantwords.net/", name: "wantwords"},
{url: "https://tool.ip138.com/rgbhex/", name: "在线颜色值转换"},
]
},
mounted() {
this.date = new Date();
},
methods: {
formatNumber(num) {
return num < 10 ? '0' + num : num;
},
formatDate(date) {
let Y = date.getFullYear() + '-';
let M = this.formatNumber(date.getMonth() + 1) + '-';
let D = this.formatNumber(date.getDate()) + ' ';
let h = this.formatNumber(date.getHours()) + ':';
let m = this.formatNumber(date.getMinutes()) + ':';
let s = this.formatNumber(date.getSeconds());
return Y + M + D + h + m + s;
}
},
watch: {
date(val) {
if (this.formatDate(new Date(this.dateString)) !== this.formatDate(val)) {
this.dateString = this.formatDate(val);
}
this.timestamp = this.date.getTime();
this.second = parseInt(this.timestamp / 1000);
},
dateString(val) {
if (val !== this.formatDate(this.date)) {
this.date = new Date(val);
}
},
timestamp(val) {
if (val !== this.date.getTime()) {
this.date = new Date(parseInt(val));
}
},
second(val) {
if (val !== parseInt(this.date.getTime() / 1000)) {
this.date = new Date(val * 1000);
}
}
}
});
</script>
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
L2Dwidget.init({
"model": {
jsonPath: "https://unpkg.com/[email protected]/assets/shizuku.model.json",
"scale": 1
},
"display": {
"position": "right",
"width": 100,
"height": 200,
"hOffset": 0,
"vOffset": -20
},
"mobile": {
"show": true,
"scale": 0.5
},
"react": {
"opacityDefault": 1,
"opacityOnHover": 0.2
}
});
</script>
</body>
</html>