coder-xiaomo/BHD-Converter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity GitHub Gitee

修正拼写错误 form -> from；一些细节自定义优化

Browse Source
This commit is contained in:
小墨
2024-05-27 00:11:51 +08:00
parent d7837448f6
commit 8b4b2e58b9
3 changed files with 53 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
index.html
View File

@@ -14,9 +14,11 @@
<body>
<div id="header">
<div class="wrap">
<!--
<div class="brand">
<a href="/"><svg viewBox="0 0 90 78"><path class="cls-1" d="M84,50.25C84,46.647,90,39,90,39s-6-7.157-6-10.5V15A15,15,0,0,0,69,0H21A15,15,0,0,0,6,15V28.567C6,31.91,0,39,0,39s6,7.705,6,11.308V63A15,15,0,0,0,21,78H69A15,15,0,0,0,84,63V50.25Z"/><path class="cls-2" d="M52.2,31.925a18.139,18.139,0,1,0-9.059,23.542,1.164,1.164,0,0,1,.127-0.065,19.941,19.941,0,0,1-7.412-9.5,3.272,3.272,0,0,1-.366.014,6.93,6.93,0,1,1,2.681-.546,6.2,6.2,0,0,1-.578.23,18.148,18.148,0,1,0,9.264-23.066,1.174,1.174,0,0,1-.127.065,19.941,19.941,0,0,1,7.412,9.5,3.272,3.272,0,0,1,.366-0.014,6.908,6.908,0,1,1-2.178.35Z"/></svg></a>
</div>
-->
<h1>进制转换器</h1>
</div>
</div>
@@ -29,9 +31,9 @@
</div>
<div class="hex-oper">
<div class="hex-row">
<label for="form" class="form_hex hex-select">
<label for="from" class="from_hex hex-select">
<span>从：</span>
<select name="form" id="form">
<select name="from" id="from">
<option value="2">2进制</option>
<option value="3">3进制</option>
<option value="4">4进制</option>
@@ -111,7 +113,12 @@
</select>
</label>
</div>
<!-- 提交 -->
<button type="submit" class="btn btn-success" onclick="onconvert()">转 换</button>
<!-- 不提交 -->
<!--
<input type="button" class="btn btn-success" onclick="onconvert()" value="转 换" style="height: 5.2rem; cursor: pointer;" />
-->
</div>
<div class="hex-res">
<label for="y" id="ylabel">转换结果：</label>
@@ -144,12 +151,16 @@
</form>
<div class="note">
<h2>在线进制转换器</h2>
<!--
<p>进制也就是进位计数制，是人为定义的带进位的计数方法，进位制/位置计数法是一种记数方式，故亦称进位记数法/位值计数法，可以用有限的数字符号代表所有的数值。常见的进制有<a href="/decimal/" title="十进制转换器">十进制</a>、<a href="/binary/" title="二进制转换器">二进制</a>、<a href="/octal/" title="八进制转换器">八进制</a>和<a href="/hex/" title="十六进制转换器">十六进制</a>。</p>
-->
<p>进制也就是进位计数制，是人为定义的带进位的计数方法，进位制/位置计数法是一种记数方式，故亦称进位记数法/位值计数法，可以用有限的数字符号代表所有的数值。常见的进制有十进制、二进制、八进制和十六进制。</p>
<p>在线进制转换器可将数字在不同进制之间进行转换的工具，它方便、快速且精确。你无需手动计算或记忆进制转换规则，只需输入数字并选择所需的进制即可。进制转换器是一个非常有用的工具，特别是对于需要频繁进行进制转换的人们来说，它可以大大提高效率。</p>
</div>
<div class="hex-list">
<h3>常用进制转换</h3>
<ul>
<!--
<li><a href="/binary-to-octal/" title="二进制转换成八进制">二进制转八进制</a></li>
<li><a href="/octal-to-binary/" title="八进制转换成二进制">八进制转二进制</a></li>
<li><a href="/decimal-to-binary/" title="十进制转换成二进制">十进制转二进制</a></li>
@@ -162,6 +173,19 @@
<li><a href="/octal-to-hex/" title="八进制转换成十六进制">八进制转十六进制</a></li>
<li><a href="/decimal-to-hex/" title="十进制转换成十六进制">十进制转十六进制</a></li>
<li><a href="/hex-to-decimal/" title="十六进制转换成十进制">十六进制转十进制</a></li>
-->
<li><a href="./?from=2&to=8" title="二进制转换成八进制">二进制转八进制</a></li>
<li><a href="./?from=8&to=2" title="八进制转换成二进制">八进制转二进制</a></li>
<li><a href="./?from=10&to=2" title="十进制转换成二进制">十进制转二进制</a></li>
<li><a href="./?from=16&to=2" title="十六进制转换成二进制">十六进制转二进制</a></li>
<li><a href="./?from=2&to=10" title="二进制转换成十进制">二进制转十进制</a></li>
<li><a href="./?from=8&to=10" title="八进制转换成十进制">八进制转十进制</a></li>
<li><a href="./?from=10&to=8" title="十进制转换成八进制">十进制转八进制</a></li>
<li><a href="./?from=16&to=8" title="十六进制转换成八进制">十六进制转八进制</a></li>
<li><a href="./?from=3&to=16" title="二进制转换成十六进制">二进制转十六进制</a></li>
<li><a href="./?from=8&to=16" title="八进制转换成十六进制">八进制转十六进制</a></li>
<li><a href="./?from=10&to=16" title="十进制转换成十六进制">十进制转十六进制</a></li>
<li><a href="./?from=16&to=10" title="十六进制转换成十进制">十六进制转十进制</a></li>
</ul>
</div>
<div class="about">
@@ -220,6 +244,7 @@
</div>
</div>
</div>
<!--
<div class="side">
<div class="post-list">
<li><a href="https://8jz.cn/wiki/16jinzhi/">什么是16进制？十六进位制详解</a></li>
@@ -233,9 +258,12 @@
<li><a href="https://8jz.cn/wiki/12/">0.625转化成二进制(详细转换步骤)</a></li><li><a href="https://8jz.cn/wiki/16jinzhi/">什么是16进制？十六进位制详解</a></li><li><a href="https://8jz.cn/wiki/bajinzhi/">什么是八进制？8进位制详解</a></li><li><a href="https://8jz.cn/wiki/5/">常见的进位制简介及其用途</a></li><li><a href="https://8jz.cn/wiki/erjinzhi/">什么是二进制？二进制数位是什么意思？</a></li><li><a href="https://8jz.cn/wiki/shijinzhi/">十进制是什么？十进制的由来|发展|历史</a></li></ul>
</div>
</div>
-->
</div>
<div id="footer">
<!--
<div class="wrap">Copyright © <a href="https://www.8jz.cn/">进制转换器</a> All Rights Reserved. <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">赣ICP备2021007814号-3</a></div>
-->
</div>
<script src="/wp-includes/lib/bignumber.js@9.1.0/bignumber.min.js"></script>
<script src="/wp-includes/lib/clipboard.js-2.0.11/dist/clipboard.min.js"></script>

4
wp-includes/css/style.min.css vendored
View File

@@ -14,8 +14,8 @@ li{list-style: none;}
.brand .cls-1{fill: #0fb276;}
.brand .cls-2{fill:#fff;}
#header h1,#header h2{font-size:2.2rem;color:#3b3c40;font-weight: 400;}
.main{float:left;width: 730px;}
@media (max-width:760px){
/* .main{float:left;width: 730px;} */#header{padding-left: 50px;}.main{padding: 0 min(50px 10vw);}
/* @media (max-width:760px){ */@media (max-width:1160px){
.wrap{width:100%;padding:0 1.8rem}
.main{width:100%;float:none;}
}

23
wp-includes/js/base.js
View File

@@ -1,6 +1,6 @@
var clipboard = new ClipboardJS('.btn-copy');
var xelem = document.getElementById("d");
var sel1elem = document.getElementById("form");
var sel1elem = document.getElementById("from");
var sel2elem = document.getElementById("to");
var yelem = document.getElementById("y");
var calgroup = document.getElementById("calgroup");
@@ -9,12 +9,31 @@ var cal2elem = document.getElementById("cal2");
window.addEventListener("DOMContentLoaded", function () {
calgroup.style.display = "none";
var params = GetURLParams();
/*
if (Object.keys(params).length > 0 && params.d != "") {
xelem.value = params.d;
sel1elem.selectedIndex = params.form - 2;
sel1elem.selectedIndex = params.from - 2;
sel2elem.selectedIndex = params.to - 2;
onconvert()
}
*/
params = JSON.parse(JSON.stringify(params))
if (Object.keys(params).length > 0) {
console.log('params', params)
if (params.d) {
xelem.value = params.d;
}
if (params.from) {
sel1elem.selectedIndex = params.from - 2;
}
if (params.to) {
sel2elem.selectedIndex = params.to - 2;
}
if (params.d && params.from && params.to) {
onconvert()
}
}
});
function GetURLParams() {