{"id":1910,"date":"2026-09-06T05:44:36","date_gmt":"2026-09-05T21:44:36","guid":{"rendered":"https:\/\/www.jumoon.top\/?p=1910"},"modified":"2026-09-06T05:47:48","modified_gmt":"2026-09-05T21:47:48","slug":"%e5%b8%a6%e5%ae%bd%e8%ae%a1%e7%ae%97%e5%99%a8","status":"publish","type":"post","link":"https:\/\/www.jumoon.top\/?p=1910","title":{"rendered":"\u5e26\u5bbd\u8ba1\u7b97\u5668"},"content":{"rendered":"\n<style>\n.bw-tool * {\n    box-sizing: border-box;\n    transition: all 0.3s ease;\n}\n.bw-tool {\n    font-family: 'Microsoft YaHei', Arial, sans-serif;\n    max-width: 700px;\n    margin: 20px auto;\n    background-color: #ffffff;\n    padding: 30px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n    position: relative;\n    overflow: hidden;\n    text-align: center;\n}\n.bw-tool::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(90deg, #667eea, #764ba2, #667eea);\n    background-size: 200% 100%;\n    animation: bwGradMove 3s linear infinite;\n}\n@keyframes bwGradMove {\n    0% { background-position: 100% 0; }\n    100% { background-position: -100% 0; }\n}\n.bw-tool h2.bw-title {\n    position: relative;\n    display: inline-block;\n    animation: bwFloat 3s ease-in-out infinite;\n    margin: 0 0 15px;\n    color: #2d3748;\n    font-size: 24px;\n}\n@keyframes bwFloat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-5px); }\n}\n.bw-tool .bw-desc {\n    color: #666;\n    margin-bottom: 20px;\n    font-size: 14px;\n}\n.bw-tool .bw-group {\n    margin-bottom: 20px;\n}\n.bw-tool label {\n    display: block;\n    margin-bottom: 10px;\n    color: #4a5568;\n    font-size: 15px;\n    font-weight: 600;\n}\n.bw-tool .bw-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    margin-bottom: 15px;\n}\n.bw-tool input[type=\"text\"].bw-inp {\n    width: 200px;\n    padding: 12px 15px;\n    border: 2px solid #e2e8f0;\n    border-radius: 12px;\n    font-size: 16px;\n    outline: none;\n    background: white;\n    flex-shrink: 0;\n}\n.bw-tool input[type=\"text\"].bw-inp:focus {\n    border-color: #667eea;\n}\n.bw-tool select.bw-sel {\n    padding: 12px 15px;\n    border: 2px solid #e2e8f0;\n    border-radius: 12px;\n    font-size: 16px;\n    outline: none;\n    background: white;\n    cursor: pointer;\n    width: 200px;\n    flex-shrink: 0;\n}\n.bw-tool select.bw-sel:focus {\n    border-color: #667eea;\n}\n.bw-tool button.bw-btn {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    color: white;\n    padding: 12px 40px;\n    border: none;\n    border-radius: 12px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);\n    position: relative;\n    overflow: hidden;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    margin: 10px 0;\n}\n.bw-tool button.bw-btn:hover {\n    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);\n    box-shadow: 0 12px 25px rgba(102, 126, 234, 0.4);\n}\n.bw-tool .bw-res {\n    margin-top: 20px;\n    padding: 20px;\n    background: #f8fafc;\n    border-radius: 15px;\n    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.1);\n    display: none;\n    text-align: left;\n}\n.bw-tool .bw-res.bw-show {\n    display: block;\n    animation: bwSlideUp 0.5s ease;\n}\n@keyframes bwSlideUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n.bw-tool .bw-res p.bw-item {\n    padding: 12px 15px;\n    margin: 8px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    background: white;\n    border-left: 4px solid #667eea;\n    border-radius: 4px;\n    animation: bwSlideIn 0.5s ease forwards;\n    opacity: 0;\n}\n.bw-tool .bw-res p.bw-item:nth-child(1) { animation-delay: 0.1s; }\n.bw-tool .bw-res p.bw-item:nth-child(2) { animation-delay: 0.2s; }\n.bw-tool .bw-res p.bw-item:nth-child(3) { animation-delay: 0.3s; }\n.bw-tool .bw-res p.bw-item:nth-child(4) { animation-delay: 0.4s; }\n.bw-tool .bw-res p.bw-item:nth-child(5) { animation-delay: 0.5s; }\n.bw-tool .bw-res p.bw-item:nth-child(6) { animation-delay: 0.6s; }\n@keyframes bwSlideIn {\n    from { opacity: 0; transform: translateX(-20px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n.bw-tool .bw-res p.bw-item:hover {\n    transform: translateX(5px);\n    background: #f0f4ff;\n    border-left-color: #764ba2;\n}\n.bw-tool .bw-res strong {\n    color: #4a5568;\n    font-size: 14px;\n}\n.bw-tool .bw-res span {\n    color: #667eea;\n    font-weight: 600;\n    font-size: 14px;\n}\n.bw-tool .bw-err {\n    color: white;\n    padding: 15px;\n    border-radius: 12px;\n    background: linear-gradient(135deg, #f6365b 0%, #ff5858 100%);\n    border-left: 4px solid #f6365b;\n    animation: bwShake 0.5s ease-in-out;\n    text-align: center;\n}\n@keyframes bwShake {\n    0%, 100% { transform: translateX(0); }\n    25% { transform: translateX(-5px); }\n    75% { transform: translateX(5px); }\n}\n.bw-tool .bw-tip {\n    margin-top: 25px;\n    padding: 15px;\n    background: #f0f4ff;\n    border-radius: 12px;\n    border-left: 4px solid #667eea;\n    text-align: left;\n    font-size: 14px;\n    color: #4a5568;\n    line-height: 1.6;\n}\n.bw-tool .bw-tip strong {\n    color: #667eea;\n}\n@media (max-width: 500px) {\n    .bw-tool {\n        margin: 10px;\n        padding: 20px 15px;\n    }\n    .bw-tool .bw-row {\n        flex-direction: column;\n        gap: 8px;\n    }\n    .bw-tool input[type=\"text\"].bw-inp,\n    .bw-tool select.bw-sel {\n        width: 100%;\n        max-width: 100%;\n    }\n}\n<\/style>\n\n<div class=\"bw-tool\">\n    <h2 class=\"bw-title\">\ud83d\ude80 \u5e26\u5bbd\u8ba1\u7b97\u5668<\/h2>\n    <div class=\"bw-desc\">\u8f93\u5165\u5e26\u5bbd\u6570\u503c\uff0c\u4e00\u952e\u6362\u7b97\u6240\u6709\u5e38\u7528\u5355\u4f4d<\/div>\n    \n    <div class=\"bw-group\">\n        <label>\u8bf7\u8f93\u5165\u5e26\u5bbd\u6570\u503c<\/label>\n        <div class=\"bw-row\">\n            <input type=\"text\" class=\"bw-inp\" id=\"bwInput\" placeholder=\"\u4f8b\u5982\uff1a102633\" autocomplete=\"off\">\n            <select class=\"bw-sel\" id=\"bwUnit\">\n                <option value=\"Mbps\">Mbps (\u5146\u6bd4\u7279\/\u79d2)<\/option>\n                <option value=\"Kbps\" selected>Kbps (\u5343\u6bd4\u7279\/\u79d2)<\/option>\n                <option value=\"bps\">bps (\u6bd4\u7279\/\u79d2)<\/option>\n                <option value=\"MB\/s\">MB\/s (\u5146\u5b57\u8282\/\u79d2)<\/option>\n                <option value=\"KB\/s\">KB\/s (\u5343\u5b57\u8282\/\u79d2)<\/option>\n                <option value=\"B\/s\">B\/s (\u5b57\u8282\/\u79d2)<\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n    \n    <button class=\"bw-btn\" onclick=\"bwCalc()\">\u7acb\u5373\u8ba1\u7b97<\/button>\n    \n    <div id=\"bwResults\" class=\"bw-res\"><\/div>\n    \n    <div class=\"bw-tip\">\n        <strong>\ud83d\udca1 \u4f7f\u7528\u63d0\u793a\uff1a<\/strong><br>\n        1. \u8f93\u5165\u6570\u503c\u540e\u9009\u62e9\u5bf9\u5e94\u5355\u4f4d<br>\n        2. \u70b9\u51fb\u300c\u7acb\u5373\u8ba1\u7b97\u300d\u67e5\u770b6\u79cd\u5355\u4f4d\u7684\u6362\u7b97\u7ed3\u679c<br>\n        3. <strong>\u6362\u7b97\u6807\u51c6\uff1a<\/strong>1 Byte = 8 bits\uff0c1 KB = 1024 B\uff0c1 MB = 1024 KB\uff081024\u8fdb\u5236\uff09<br>\n        4. <strong>\u5b9e\u4f8b\uff1a<\/strong>102633 Kbps \u2248 100.23 Mbps \u2248 12.53 MB\/s\n    <\/div>\n<\/div>\n\n<script>\n(function(){\n    window.bwCalc = function(){\n        var val = parseFloat(document.getElementById('bwInput').value);\n        var unit = document.getElementById('bwUnit').value;\n        var res = document.getElementById('bwResults');\n        \n        if(isNaN(val) || val <= 0){\n            res.className = 'bw-res bw-show';\n            res.innerHTML = '<div class=\"bw-err\">\u26a0\ufe0f \u8bf7\u8f93\u5165\u6709\u6548\u7684\u6b63\u6570<\/div>';\n            return;\n        }\n        \n        var bps;\n        switch(unit){\n            case 'bps': bps = val; break;\n            case 'Kbps': bps = val * 1024; break;\n            case 'Mbps': bps = val * 1024 * 1024; break;\n            case 'B\/s': bps = val * 8; break;\n            case 'KB\/s': bps = val * 1024 * 8; break;\n            case 'MB\/s': bps = val * 1024 * 1024 * 8; break;\n        }\n        \n        var kbps = bps \/ 1024;\n        var mbps = bps \/ 1048576;\n        var Bps = bps \/ 8;\n        var KBps = Bps \/ 1024;\n        var MBps = KBps \/ 1024;\n        \n        function fmt(n){\n            return n.toLocaleString('zh-CN', {minimumFractionDigits:2, maximumFractionDigits:2});\n        }\n        \n        res.className = 'bw-res bw-show';\n        res.innerHTML = \n            '<p class=\"bw-item\"><strong>\u6bd4\u7279\u6bcf\u79d2 (bps)<\/strong><span>'+fmt(bps)+'<\/span><\/p>'+\n            '<p class=\"bw-item\"><strong>\u5343\u6bd4\u7279\u6bcf\u79d2 (Kbps)<\/strong><span>'+fmt(kbps)+'<\/span><\/p>'+\n            '<p class=\"bw-item\"><strong>\u5146\u6bd4\u7279\u6bcf\u79d2 (Mbps)<\/strong><span>'+fmt(mbps)+'<\/span><\/p>'+\n            '<p class=\"bw-item\"><strong>\u5b57\u8282\u6bcf\u79d2 (B\/s)<\/strong><span>'+fmt(Bps)+'<\/span><\/p>'+\n            '<p class=\"bw-item\"><strong>\u5343\u5b57\u8282\u6bcf\u79d2 (KB\/s)<\/strong><span>'+fmt(KBps)+'<\/span><\/p>'+\n            '<p class=\"bw-item\"><strong>\u5146\u5b57\u8282\u6bcf\u79d2 (MB\/s)<\/strong><span>'+fmt(MBps)+'<\/span><\/p>';\n    };\n    \n    document.getElementById('bwInput').addEventListener('keypress', function(e){\n        if(e.key === 'Enter') bwCalc();\n    });\n})();\n<\/script>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude80 \u5e26\u5bbd\u8ba1\u7b97\u5668 \u8f93\u5165\u5e26\u5bbd\u6570\u503c\uff0c\u4e00\u952e\u6362\u7b97\u6240\u6709\u5e38\u7528\u5355\u4f4d \u8bf7\u8f93\u5165\u5e26\u5bbd\u6570\u503c Mbps (\u5146\u6bd4\u7279\/\u79d2)Kbps (\u5343\u6bd4\u7279 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-container-style":"default","site-container-layout":"default","site-sidebar-layout":"default","site-transparent-header":"default","disable-article-header":"default","disable-site-header":"default","disable-site-footer":"default","disable-content-area-spacing":"default","footnotes":""},"categories":[41,19],"tags":[],"class_list":["post-1910","post","type-post","status-publish","format-standard","hentry","category-41","category-19"],"_links":{"self":[{"href":"https:\/\/www.jumoon.top\/index.php?rest_route=\/wp\/v2\/posts\/1910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jumoon.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jumoon.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jumoon.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jumoon.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1910"}],"version-history":[{"count":3,"href":"https:\/\/www.jumoon.top\/index.php?rest_route=\/wp\/v2\/posts\/1910\/revisions"}],"predecessor-version":[{"id":1913,"href":"https:\/\/www.jumoon.top\/index.php?rest_route=\/wp\/v2\/posts\/1910\/revisions\/1913"}],"wp:attachment":[{"href":"https:\/\/www.jumoon.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jumoon.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jumoon.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}