LC\u7535\u8def\u9891\u7387\u8ba1\u7b97\u5de5\u5177 - WordPress\u6700\u7ec8\u7248\u672c<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.8\/dist\/chart.umd.min.js\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: '#0066cc',\r\n secondary: '#00aaff',\r\n accent: '#ff6600',\r\n neutral: '#f0f4f8',\r\n dark: '#1a1a2e'\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'system-ui', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style type=\"text\/tailwindcss\">\r\n \/* WordPress\u517c\u5bb9\u6027\u6837\u5f0f *\/\r\n .lc-calculator {\r\n font-family: inherit;\r\n line-height: inherit;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n .lc-calculator * {\r\n box-sizing: border-box;\r\n }\r\n .lc-calculator form {\r\n margin: 0;\r\n }\r\n .lc-calculator button {\r\n cursor: pointer;\r\n border: none;\r\n outline: none;\r\n }\r\n .lc-calculator input,\r\n .lc-calculator select {\r\n width: 100%;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n padding: 8px 12px;\r\n }\r\n .lc-calculator .input-group {\r\n display: flex;\r\n gap: 0;\r\n }\r\n .lc-calculator .input-group input {\r\n border-radius: 4px 0 0 4px;\r\n border-right: none;\r\n }\r\n .lc-calculator .input-group select {\r\n border-radius: 0 4px 4px 0;\r\n border-left: none;\r\n min-width: 60px;\r\n }\r\n .lc-calculator .card {\r\n background: white;\r\n border-radius: 8px;\r\n padding: 20px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n margin-bottom: 20px;\r\n }\r\n .lc-calculator .btn-primary {\r\n background: #0066cc;\r\n color: white;\r\n padding: 10px 20px;\r\n border-radius: 4px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n }\r\n .lc-calculator .btn-primary:hover {\r\n background: #0055aa;\r\n }\r\n .lc-calculator .preset-btn {\r\n background: white;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n padding: 8px 12px;\r\n font-size: 14px;\r\n transition: all 0.3s ease;\r\n }\r\n .lc-calculator .preset-btn:hover {\r\n background: #f0f4f8;\r\n border-color: #0066cc;\r\n }\r\n .lc-calculator .formula {\r\n font-family: monospace;\r\n background: #f0f4f8;\r\n padding: 12px;\r\n border-radius: 4px;\r\n text-align: center;\r\n font-size: 16px;\r\n }\r\n .lc-calculator .hidden {\r\n display: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"lc-calculator\">\r\n \r\n <header class=\"text-center mb-6\">\r\n <h1 class=\"text-3xl font-bold text-dark mb-2\">LC\u7535\u8def\u9891\u7387\u8ba1\u7b97\u5de5\u5177<\/h1>\r\n <p class=\"text-gray-600\">\u7cbe\u786e\u8ba1\u7b97LC\u8c10\u632f\u7535\u8def\u7684\u8c10\u632f\u9891\u7387\uff0c\u652f\u6301\u591a\u79cd\u5355\u4f4d\u6362\u7b97<\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"card\">\r\n <h2 class=\"text-xl font-bold text-primary mb-4 flex items-center\">\r\n <i class=\"fa fa-calculator mr-2\"><\/i>\u9891\u7387\u8ba1\u7b97\u5668\r\n <\/h2>\r\n \r\n <form id=\"calculatorForm\" class=\"space-y-4\">\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n <div>\r\n <label for=\"inductance\" class=\"block text-sm font-medium text-gray-700 mb-1\">\u7535\u611f\u503c (L)<\/label>\r\n <div class=\"input-group\">\r\n <input \r\n type=\"number\" \r\n id=\"inductance\" \r\n step=\"any\" \r\n min=\"0\" \r\n required\r\n placeholder=\"\u8f93\u5165\u7535\u611f\u503c\"\r\n >\r\n <select id=\"inductanceUnit\">\r\n <option value=\"1e-9\">nH<\/option>\r\n <option value=\"1e-6\">\u03bcH<\/option>\r\n <option value=\"1e-3\">mH<\/option>\r\n <option value=\"1\" selected>H<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label for=\"capacitance\" class=\"block text-sm font-medium text-gray-700 mb-1\">\u7535\u5bb9\u503c (C)<\/label>\r\n <div class=\"input-group\">\r\n <input \r\n type=\"number\" \r\n id=\"capacitance\" \r\n step=\"any\" \r\n min=\"0\" \r\n required\r\n placeholder=\"\u8f93\u5165\u7535\u5bb9\u503c\"\r\n >\r\n <select id=\"capacitanceUnit\">\r\n <option value=\"1e-12\">pF<\/option>\r\n <option value=\"1e-9\">nF<\/option>\r\n <option value=\"1e-6\" selected>\u03bcF<\/option>\r\n <option value=\"1e-3\">mF<\/option>\r\n <option value=\"1\">F<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <button \r\n type=\"submit\" \r\n class=\"btn-primary w-full flex items-center justify-center\"\r\n >\r\n <i class=\"fa fa-calculator mr-2\"><\/i>\u8ba1\u7b97\u8c10\u632f\u9891\u7387\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"result\" class=\"hidden\">\r\n <div class=\"border-t border-gray-200 pt-4\">\r\n <h3 class=\"text-lg font-semibold text-gray-700 mb-2\">\u8ba1\u7b97\u7ed3\u679c<\/h3>\r\n <div class=\"bg-neutral rounded-lg p-3\">\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-gray-600\">\u8c10\u632f\u9891\u7387 (f):<\/span>\r\n <div class=\"flex items-center\">\r\n <span id=\"frequencyResult\" class=\"text-xl font-bold text-accent mr-2\">0<\/span>\r\n <span id=\"frequencyUnit\" class=\"text-base font-medium text-gray-700\">Hz<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-4\">\r\n <h4 class=\"text-sm font-medium text-gray-700 mb-1\">\u9891\u7387\u8303\u56f4\u53c2\u8003<\/h4>\r\n <div class=\"h-12 bg-gray-100 rounded-lg relative overflow-hidden\">\r\n <canvas id=\"frequencyChart\"><\/canvas>\r\n <\/div>\r\n <div class=\"flex justify-between text-xs text-gray-500 mt-1\">\r\n <span>\u4f4e\u9891<\/span>\r\n <span>\u4e2d\u9891<\/span>\r\n <span>\u9ad8\u9891<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-4 grid grid-cols-2 gap-2\">\r\n <div class=\"bg-white border border-gray-200 rounded-lg p-2\">\r\n <span class=\"text-xs text-gray-500\">\u5468\u671f (T)<\/span>\r\n <div class=\"flex items-center justify-between mt-1\">\r\n <span id=\"periodResult\" class=\"font-medium\">0<\/span>\r\n <span class=\"text-xs text-gray-500\">\u79d2<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-200 rounded-lg p-2\">\r\n <span class=\"text-xs text-gray-500\">\u89d2\u9891\u7387 (\u03c9)<\/span>\r\n <div class=\"flex items-center justify-between mt-1\">\r\n <span id=\"angularFreqResult\" class=\"font-medium\">0<\/span>\r\n <span class=\"text-xs text-gray-500\">rad\/s<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <h2 class=\"text-lg font-bold text-primary mb-3 flex items-center\">\r\n <i class=\"fa fa-bookmark mr-2\"><\/i>\u5e38\u7528LC\u7ec4\u5408\u53c2\u8003\r\n <\/h2>\r\n <div class=\"grid grid-cols-2 sm:grid-cols-3 gap-2 text-xs\">\r\n <button class=\"preset-btn\" data-l=\"1\" data-l-unit=\"1e-3\" data-c=\"1\" data-c-unit=\"1e-6\">\r\n 1mH + 1\u03bcF\r\n <\/button>\r\n <button class=\"preset-btn\" data-l=\"10\" data-l-unit=\"1e-3\" data-c=\"100\" data-c-unit=\"1e-12\">\r\n 10mH + 100pF\r\n <\/button>\r\n <button class=\"preset-btn\" data-l=\"100\" data-l-unit=\"1e-6\" data-c=\"100\" data-c-unit=\"1e-9\">\r\n 100\u03bcH + 100nF\r\n <\/button>\r\n <button class=\"preset-btn\" data-l=\"220\" data-l-unit=\"1e-6\" data-c=\"220\" data-c-unit=\"1e-12\">\r\n 220\u03bcH + 220pF\r\n <\/button>\r\n <button class=\"preset-btn\" data-l=\"47\" data-l-unit=\"1e-3\" data-c=\"47\" data-c-unit=\"1e-9\">\r\n 47mH + 47nF\r\n <\/button>\r\n <button class=\"preset-btn\" data-l=\"1\" data-l-unit=\"1e-6\" data-c=\"10\" data-c-unit=\"1e-9\">\r\n 1\u03bcH + 10nF\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <h2 class=\"text-xl font-bold text-primary mb-4 flex items-center\">\r\n <i class=\"fa fa-book mr-2\"><\/i>\u516c\u5f0f\u8bf4\u660e\r\n <\/h2>\r\n <div class=\"formula mb-4\">\r\n f = 1 \/ (2\u03c0\u221a(LC))\r\n <\/div>\r\n <ul class=\"space-y-2 text-gray-700 text-sm\">\r\n <li class=\"flex items-start\">\r\n <i class=\"fa fa-circle text-xs text-secondary mt-1.5 mr-2\"><\/i>\r\n <span><strong>f<\/strong> - \u8c10\u632f\u9891\u7387\uff08\u8d6b\u5179, Hz\uff09<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <i class=\"fa fa-circle text-xs text-secondary mt-1.5 mr-2\"><\/i>\r\n <span><strong>L<\/strong> - \u7535\u611f\u503c\uff08\u4ea8\u5229, H\uff09<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <i class=\"fa fa-circle text-xs text-secondary mt-1.5 mr-2\"><\/i>\r\n <span><strong>C<\/strong> - \u7535\u5bb9\u503c\uff08\u6cd5\u62c9, F\uff09<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <i class=\"fa fa-circle text-xs text-secondary mt-1.5 mr-2\"><\/i>\r\n <span><strong>\u03c0<\/strong> - \u5706\u5468\u7387\uff08\u7ea6\u7b49\u4e8e 3.14159\uff09<\/span>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"mt-4 p-3 bg-blue-50 rounded-lg border border-blue-100\">\r\n <h3 class=\"font-semibold text-primary mb-1 text-sm\">\u8c10\u632f\u7535\u8def\u7279\u6027<\/h3>\r\n <p class=\"text-xs text-gray-600\">\r\n LC\u8c10\u632f\u7535\u8def\u5728\u8c10\u632f\u9891\u7387\u4e0b\uff0c\u7535\u611f\u548c\u7535\u5bb9\u7684\u7535\u6297\u76f8\u7b49\uff0c\u7535\u8def\u5448\u73b0\u7eaf\u7535\u963b\u7279\u6027\uff0c\u963b\u6297\u8fbe\u5230\u6700\u5c0f\u503c\uff0c\u7535\u6d41\u8fbe\u5230\u6700\u5927\u503c\u3002\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/\/ \u5355\u4f4d\u6362\u7b97\u7cfb\u6570\r\n const frequencyUnits = [\r\n { unit: 'Hz', factor: 1 },\r\n { unit: 'kHz', factor: 1000 },\r\n { unit: 'MHz', factor: 1000000 },\r\n { unit: 'GHz', factor: 1000000000 }\r\n ];\r\n\r\n \/\/ \u8ba1\u7b97LC\u7535\u8def\u8c10\u632f\u9891\u7387\r\n function calculateFrequency(inductance, capacitance) {\r\n \/\/ \u9632\u6b62\u9664\u4ee5\u96f6\u6216\u8d1f\u6570\r\n if (inductance <= 0 || capacitance <= 0) {\r\n return 0;\r\n }\r\n \r\n \/\/ \u4f7f\u7528\u516c\u5f0f: f = 1 \/ (2\u03c0\u221a(LC))\r\n const sqrtLC = Math.sqrt(inductance * capacitance);\r\n const frequency = 1 \/ (2 * Math.PI * sqrtLC);\r\n \r\n return frequency;\r\n }\r\n\r\n \/\/ \u683c\u5f0f\u5316\u9891\u7387\u503c\uff0c\u81ea\u52a8\u9009\u62e9\u5408\u9002\u7684\u5355\u4f4d\r\n function formatFrequency(frequency) {\r\n if (frequency === 0) return { value: 0, unit: 'Hz' };\r\n \r\n \/\/ \u627e\u5230\u6700\u5408\u9002\u7684\u5355\u4f4d\r\n for (let i = frequencyUnits.length - 1; i >= 0; i--) {\r\n const unit = frequencyUnits[i];\r\n if (frequency >= unit.factor) {\r\n return {\r\n value: (frequency \/ unit.factor).toFixed(4).replace(\/\\.?0+$\/, ''),\r\n unit: unit.unit\r\n };\r\n }\r\n }\r\n \r\n \/\/ \u9ed8\u8ba4\u4f7f\u7528Hz\r\n return {\r\n value: frequency.toFixed(4).replace(\/\\.?0+$\/, ''),\r\n unit: 'Hz'\r\n };\r\n }\r\n\r\n \/\/ \u683c\u5f0f\u5316\u5468\u671f\u503c\r\n function formatPeriod(period) {\r\n if (period === 0 || !isFinite(period)) return '0';\r\n \r\n if (period >= 1) {\r\n return period.toFixed(6) + ' s';\r\n } else if (period >= 1e-3) {\r\n return (period * 1000).toFixed(4) + ' ms';\r\n } else if (period >= 1e-6) {\r\n return (period * 1000000).toFixed(4) + ' \u03bcs';\r\n } else if (period >= 1e-9) {\r\n return (period * 1000000000).toFixed(4) + ' ns';\r\n } else {\r\n return period.toExponential(4) + ' s';\r\n }\r\n }\r\n\r\n \/\/ \u66f4\u65b0\u9891\u7387\u8303\u56f4\u56fe\u8868\r\n function updateFrequencyChart(frequency) {\r\n const ctx = document.getElementById('frequencyChart');\r\n if (!ctx) return;\r\n \r\n const canvasCtx = ctx.getContext('2d');\r\n if (!canvasCtx) return;\r\n \r\n \/\/ \u9500\u6bc1\u73b0\u6709\u56fe\u8868\r\n if (window.frequencyChart) {\r\n window.frequencyChart.destroy();\r\n }\r\n \r\n \/\/ \u786e\u5b9a\u9891\u7387\u5728\u56fe\u8868\u4e0a\u7684\u4f4d\u7f6e\uff08\u5bf9\u6570\u523b\u5ea6\uff09\r\n let position;\r\n if (frequency <= 1) {\r\n position = 0;\r\n } else if (frequency >= 1e9) {\r\n position = 100;\r\n } else {\r\n \/\/ \u4f7f\u7528\u5bf9\u6570\u523b\u5ea6\u6620\u5c04\u52300-100\u8303\u56f4\r\n position = (Math.log10(frequency) \/ 9) * 100;\r\n }\r\n \r\n try {\r\n \/\/ \u521b\u5efa\u65b0\u56fe\u8868\r\n window.frequencyChart = new Chart(canvasCtx, {\r\n type: 'line',\r\n data: {\r\n labels: ['1Hz', '10Hz', '100Hz', '1kHz', '10kHz', '100kHz', '1MHz', '10MHz', '100MHz', '1GHz'],\r\n datasets: [{\r\n label: '\u9891\u7387\u4f4d\u7f6e',\r\n data: Array(10).fill(null),\r\n borderColor: '#ff6600',\r\n backgroundColor: 'rgba(255, 102, 0, 0.2)',\r\n pointBackgroundColor: '#ff6600',\r\n pointRadius: 6,\r\n pointHoverRadius: 8,\r\n showLine: false\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: {\r\n x: {\r\n display: false,\r\n min: 0,\r\n max: 100\r\n },\r\n y: {\r\n display: false,\r\n min: 0,\r\n max: 1\r\n }\r\n },\r\n plugins: {\r\n legend: {\r\n display: false\r\n },\r\n tooltip: {\r\n enabled: false\r\n }\r\n },\r\n animation: {\r\n duration: 1000,\r\n easing: 'easeOutQuart'\r\n }\r\n }\r\n });\r\n \r\n \/\/ \u66f4\u65b0\u6570\u636e\u70b9\u4f4d\u7f6e\r\n window.frequencyChart.data.datasets[0].data[0] = {\r\n x: position,\r\n y: 0.5\r\n };\r\n \r\n \/\/ \u66f4\u65b0\u56fe\u8868\r\n window.frequencyChart.update();\r\n \r\n \/\/ \u6dfb\u52a0\u9891\u7387\u6807\u7b7e\r\n const formattedFreq = formatFrequency(frequency);\r\n const chartWidth = ctx.width;\r\n const labelX = position * (chartWidth \/ 100);\r\n \r\n \/\/ \u521b\u5efa\u81ea\u5b9a\u4e49\u6807\u7b7e\r\n const label = document.createElement('div');\r\n label.className = 'absolute bg-accent text-white text-xs px-2 py-1 rounded transform -translate-x-1\/2 -translate-y-full mb-1';\r\n label.style.left = `${labelX}px`;\r\n label.style.top = '0';\r\n label.style.zIndex = '10';\r\n label.textContent = `${formattedFreq.value} ${formattedFreq.unit}`;\r\n \r\n \/\/ \u6e05\u9664\u65e7\u6807\u7b7e\r\n const oldLabel = ctx.parentElement.querySelector('.absolute');\r\n if (oldLabel) {\r\n oldLabel.remove();\r\n }\r\n \r\n \/\/ \u6dfb\u52a0\u65b0\u6807\u7b7e\r\n ctx.parentElement.style.position = 'relative';\r\n ctx.parentElement.appendChild(label);\r\n } catch (error) {\r\n console.warn('LC Calculator: \u56fe\u8868\u521b\u5efa\u5931\u8d25:', error);\r\n }\r\n }\r\n\r\n \/\/ \u5b89\u5168\u7684DOM\u5143\u7d20\u83b7\u53d6\u548c\u4e8b\u4ef6\u76d1\u542c\r\n function initCalculator() {\r\n try {\r\n \/\/ \u91cd\u65b0\u83b7\u53d6DOM\u5143\u7d20\uff0c\u786e\u4fdd\u5728WordPress\u73af\u5883\u4e2d\u6b63\u786e\u627e\u5230\r\n const form = document.getElementById('calculatorForm');\r\n const inductanceInput = document.getElementById('inductance');\r\n const inductanceUnit = document.getElementById('inductanceUnit');\r\n const capacitanceInput = document.getElementById('capacitance');\r\n const capacitanceUnit = document.getElementById('capacitanceUnit');\r\n const resultDiv = document.getElementById('result');\r\n const presetButtons = document.querySelectorAll('.preset-btn');\r\n \r\n \/\/ \u68c0\u67e5\u662f\u5426\u6240\u6709\u5fc5\u8981\u5143\u7d20\u90fd\u5b58\u5728\r\n if (!form || !inductanceInput || !capacitanceInput || !resultDiv) {\r\n console.warn('LC Calculator: \u65e0\u6cd5\u627e\u5230\u5fc5\u8981\u7684DOM\u5143\u7d20');\r\n return;\r\n }\r\n \r\n \/\/ \u6dfb\u52a0\u4e8b\u4ef6\u76d1\u542c\u5668\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ \u83b7\u53d6\u8f93\u5165\u503c\r\n const inductanceValue = parseFloat(inductanceInput.value);\r\n const inductanceUnitValue = parseFloat(inductanceUnit.value);\r\n const capacitanceValue = parseFloat(capacitanceInput.value);\r\n const capacitanceUnitValue = parseFloat(capacitanceUnit.value);\r\n \r\n \/\/ \u9a8c\u8bc1\u8f93\u5165\r\n if (isNaN(inductanceValue) || isNaN(capacitanceValue) || inductanceValue <= 0 || capacitanceValue <= 0) {\r\n alert('\u8bf7\u8f93\u5165\u6709\u6548\u7684\u7535\u611f\u548c\u7535\u5bb9\u503c\uff08\u5fc5\u987b\u4e3a\u6b63\u6570\uff09');\r\n return;\r\n }\r\n \r\n \/\/ \u8f6c\u6362\u4e3a\u57fa\u672c\u5355\u4f4d\uff08\u4ea8\u5229\u548c\u6cd5\u62c9\uff09\r\n const inductanceInHenry = inductanceValue * inductanceUnitValue;\r\n const capacitanceInFarad = capacitanceValue * capacitanceUnitValue;\r\n \r\n \/\/ \u8ba1\u7b97\u9891\u7387\r\n const frequency = calculateFrequency(inductanceInHenry, capacitanceInFarad);\r\n \r\n \/\/ \u683c\u5f0f\u5316\u7ed3\u679c\r\n const formattedFreq = formatFrequency(frequency);\r\n const frequencyResult = document.getElementById('frequencyResult');\r\n const frequencyUnit = document.getElementById('frequencyUnit');\r\n \r\n if (frequencyResult && frequencyUnit) {\r\n frequencyResult.textContent = formattedFreq.value;\r\n frequencyUnit.textContent = formattedFreq.unit;\r\n }\r\n \r\n \/\/ \u8ba1\u7b97\u5e76\u663e\u793a\u5468\u671f\r\n const period = frequency > 0 ? 1 \/ frequency : 0;\r\n const periodResult = document.getElementById('periodResult');\r\n if (periodResult) {\r\n periodResult.textContent = formatPeriod(period);\r\n }\r\n \r\n \/\/ \u8ba1\u7b97\u5e76\u663e\u793a\u89d2\u9891\u7387\r\n const angularFreq = 2 * Math.PI * frequency;\r\n const angularFreqResult = document.getElementById('angularFreqResult');\r\n if (angularFreqResult) {\r\n angularFreqResult.textContent = angularFreq.toExponential(4);\r\n }\r\n \r\n \/\/ \u663e\u793a\u7ed3\u679c\u533a\u57df\r\n resultDiv.classList.remove('hidden');\r\n \r\n \/\/ \u66f4\u65b0\u9891\u7387\u8303\u56f4\u56fe\u8868\r\n updateFrequencyChart(frequency);\r\n });\r\n \r\n \/\/ \u9884\u8bbe\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\r\n if (presetButtons && presetButtons.length > 0) {\r\n presetButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n const inductanceValue = this.dataset.l;\r\n const inductanceUnitValue = this.dataset.lUnit;\r\n const capacitanceValue = this.dataset.c;\r\n const capacitanceUnitValue = this.dataset.cUnit;\r\n \r\n if (inductanceValue && capacitanceValue) {\r\n inductanceInput.value = inductanceValue;\r\n inductanceUnit.value = inductanceUnitValue;\r\n capacitanceInput.value = capacitanceValue;\r\n capacitanceUnit.value = capacitanceUnitValue;\r\n \r\n \/\/ \u89e6\u53d1\u8868\u5355\u63d0\u4ea4\r\n try {\r\n const submitEvent = new Event('submit', { cancelable: true });\r\n form.dispatchEvent(submitEvent);\r\n } catch (e) {\r\n \/\/ \u964d\u7ea7\u65b9\u6848\r\n form.onsubmit && form.onsubmit(new Event('submit'));\r\n }\r\n }\r\n });\r\n });\r\n }\r\n \r\n \/\/ \u6dfb\u52a0\u8f93\u5165\u9a8c\u8bc1\r\n inductanceInput.addEventListener('input', function() {\r\n this.value = this.value.replace(\/[^\\d.]\/g, '');\r\n });\r\n \r\n capacitanceInput.addEventListener('input', function() {\r\n this.value = this.value.replace(\/[^\\d.]\/g, '');\r\n });\r\n \r\n console.log('LC Calculator: \u521d\u59cb\u5316\u6210\u529f');\r\n } catch (error) {\r\n console.error('LC Calculator: \u521d\u59cb\u5316\u5931\u8d25:', error);\r\n }\r\n }\r\n \r\n \/\/ \u4f7f\u7528\u591a\u79cd\u65b9\u5f0f\u786e\u4fddDOM\u52a0\u8f7d\u5b8c\u6210\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initCalculator);\r\n } else {\r\n \/\/ DOM\u5df2\u7ecf\u52a0\u8f7d\u5b8c\u6210\uff0c\u76f4\u63a5\u521d\u59cb\u5316\r\n setTimeout(initCalculator, 100); \/\/ \u5c0f\u5ef6\u8fdf\u786e\u4fdd\u6240\u6709\u5143\u7d20\u90fd\u5df2\u6e32\u67d3\r\n }\r\n \r\n \/\/ \u4e5f\u6dfb\u52a0window.onload\u4f5c\u4e3a\u540e\u5907\r\n window.addEventListener('load', initCalculator);\r\n \r\n \/\/ \u6dfb\u52a0jQuery\u517c\u5bb9\u652f\u6301\uff08\u5982\u679c\u9875\u9762\u4e2d\u6709jQuery\uff09\r\n if (typeof jQuery !== 'undefined') {\r\n jQuery(document).ready(initCalculator);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>LC\u7535\u8def\u9891\u7387\u8ba1\u7b97\u5de5\u5177 – WordPress\u6700\u7ec8\u7248\u672c LC\u7535\u8def\u9891\u7387\u8ba1\u7b97\u5de5\u5177 \u7cbe\u786e\u8ba1\u7b97LC\u8c10\u632f\u7535\u8def\u7684\u8c10\u632f\u9891\u7387\uff0c\u652f\u6301\u591a\u79cd\u5355\u4f4d\u6362\u7b97 \u9891\u7387\u8ba1\u7b97\u5668 \u7535\u611f\u503c (L) nH \u03bcH mH H \u7535\u5bb9\u503c (C) pF nF \u03bcF mF F \u8ba1\u7b97\u8c10\u632f\u9891\u7387 \u8ba1\u7b97\u7ed3\u679c \u8c10\u632f\u9891\u7387 (f): 0 Hz \u9891\u7387\u8303\u56f4\u53c2\u8003 \u4f4e\u9891 \u4e2d\u9891 \u9ad8\u9891 \u5468\u671f (T) 0 \u79d2 \u89d2\u9891\u7387 (\u03c9) 0 rad\/s \u5e38\u7528LC\u7ec4\u5408\u53c2\u8003 1mH + 1\u03bcF 10mH + 100pF 100\u03bcH + 100nF 220\u03bcH + 220pF 47mH + 47nF 1\u03bcH + …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":{"0":"post-4282","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-bedini","7":"anons"},"_links":{"self":[{"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/posts\/4282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4282"}],"version-history":[{"count":7,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/posts\/4282\/revisions"}],"predecessor-version":[{"id":4289,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/posts\/4282\/revisions\/4289"}],"wp:attachment":[{"href":"https:\/\/www.zyneng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n\r\n\r\n \r\n \r\n LC\u7535\u8def\u9891\u7387\u8ba1\u7b97\u5de5\u5177 - WordPress\u6700\u7ec8\u7248\u672c<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.8\/dist\/chart.umd.min.js\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: '#0066cc',\r\n secondary: '#00aaff',\r\n accent: '#ff6600',\r\n neutral: '#f0f4f8',\r\n dark: '#1a1a2e'\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'system-ui', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style type=\"text\/tailwindcss\">\r\n \/* WordPress\u517c\u5bb9\u6027\u6837\u5f0f *\/\r\n .lc-calculator {\r\n font-family: inherit;\r\n line-height: inherit;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n .lc-calculator * {\r\n box-sizing: border-box;\r\n }\r\n .lc-calculator form {\r\n margin: 0;\r\n }\r\n .lc-calculator button {\r\n cursor: pointer;\r\n border: none;\r\n outline: none;\r\n }\r\n .lc-calculator input,\r\n .lc-calculator select {\r\n width: 100%;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n padding: 8px 12px;\r\n }\r\n .lc-calculator .input-group {\r\n display: flex;\r\n gap: 0;\r\n }\r\n .lc-calculator .input-group input {\r\n border-radius: 4px 0 0 4px;\r\n border-right: none;\r\n }\r\n .lc-calculator .input-group select {\r\n border-radius: 0 4px 4px 0;\r\n border-left: none;\r\n min-width: 60px;\r\n }\r\n .lc-calculator .card {\r\n background: white;\r\n border-radius: 8px;\r\n padding: 20px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n margin-bottom: 20px;\r\n }\r\n .lc-calculator .btn-primary {\r\n background: #0066cc;\r\n color: white;\r\n padding: 10px 20px;\r\n border-radius: 4px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n }\r\n .lc-calculator .btn-primary:hover {\r\n background: #0055aa;\r\n }\r\n .lc-calculator .preset-btn {\r\n background: white;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n padding: 8px 12px;\r\n font-size: 14px;\r\n transition: all 0.3s ease;\r\n }\r\n .lc-calculator .preset-btn:hover {\r\n background: #f0f4f8;\r\n border-color: #0066cc;\r\n }\r\n .lc-calculator .formula {\r\n font-family: monospace;\r\n background: #f0f4f8;\r\n padding: 12px;\r\n border-radius: 4px;\r\n text-align: center;\r\n font-size: 16px;\r\n }\r\n .lc-calculator .hidden {\r\n display: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"lc-calculator\">\r\n \r\n <header class=\"text-center mb-6\">\r\n <h1 class=\"text-3xl font-bold text-dark mb-2\">LC\u7535\u8def\u9891\u7387\u8ba1\u7b97\u5de5\u5177<\/h1>\r\n <p class=\"text-gray-600\">\u7cbe\u786e\u8ba1\u7b97LC\u8c10\u632f\u7535\u8def\u7684\u8c10\u632f\u9891\u7387\uff0c\u652f\u6301\u591a\u79cd\u5355\u4f4d\u6362\u7b97<\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"space-y-6\">\r\n \r\n <div class=\"card\">\r\n <h2 class=\"text-xl font-bold text-primary mb-4 flex items-center\">\r\n <i class=\"fa fa-calculator mr-2\"><\/i>\u9891\u7387\u8ba1\u7b97\u5668\r\n <\/h2>\r\n \r\n <form id=\"calculatorForm\" class=\"space-y-4\">\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n <div>\r\n <label for=\"inductance\" class=\"block text-sm font-medium text-gray-700 mb-1\">\u7535\u611f\u503c (L)<\/label>\r\n <div class=\"input-group\">\r\n <input \r\n type=\"number\" \r\n id=\"inductance\" \r\n step=\"any\" \r\n min=\"0\" \r\n required\r\n placeholder=\"\u8f93\u5165\u7535\u611f\u503c\"\r\n >\r\n <select id=\"inductanceUnit\">\r\n <option value=\"1e-9\">nH<\/option>\r\n <option value=\"1e-6\">\u03bcH<\/option>\r\n <option value=\"1e-3\">mH<\/option>\r\n <option value=\"1\" selected>H<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label for=\"capacitance\" class=\"block text-sm font-medium text-gray-700 mb-1\">\u7535\u5bb9\u503c (C)<\/label>\r\n <div class=\"input-group\">\r\n <input \r\n type=\"number\" \r\n id=\"capacitance\" \r\n step=\"any\" \r\n min=\"0\" \r\n required\r\n placeholder=\"\u8f93\u5165\u7535\u5bb9\u503c\"\r\n >\r\n <select id=\"capacitanceUnit\">\r\n <option value=\"1e-12\">pF<\/option>\r\n <option value=\"1e-9\">nF<\/option>\r\n <option value=\"1e-6\" selected>\u03bcF<\/option>\r\n <option value=\"1e-3\">mF<\/option>\r\n <option value=\"1\">F<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <button \r\n type=\"submit\" \r\n class=\"btn-primary w-full flex items-center justify-center\"\r\n >\r\n <i class=\"fa fa-calculator mr-2\"><\/i>\u8ba1\u7b97\u8c10\u632f\u9891\u7387\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"result\" class=\"hidden\">\r\n <div class=\"border-t border-gray-200 pt-4\">\r\n <h3 class=\"text-lg font-semibold text-gray-700 mb-2\">\u8ba1\u7b97\u7ed3\u679c<\/h3>\r\n <div class=\"bg-neutral rounded-lg p-3\">\r\n <div class=\"flex items-center justify-between\">\r\n <span class=\"text-gray-600\">\u8c10\u632f\u9891\u7387 (f):<\/span>\r\n <div class=\"flex items-center\">\r\n <span id=\"frequencyResult\" class=\"text-xl font-bold text-accent mr-2\">0<\/span>\r\n <span id=\"frequencyUnit\" class=\"text-base font-medium text-gray-700\">Hz<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-4\">\r\n <h4 class=\"text-sm font-medium text-gray-700 mb-1\">\u9891\u7387\u8303\u56f4\u53c2\u8003<\/h4>\r\n <div class=\"h-12 bg-gray-100 rounded-lg relative overflow-hidden\">\r\n <canvas id=\"frequencyChart\"><\/canvas>\r\n <\/div>\r\n <div class=\"flex justify-between text-xs text-gray-500 mt-1\">\r\n <span>\u4f4e\u9891<\/span>\r\n <span>\u4e2d\u9891<\/span>\r\n <span>\u9ad8\u9891<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-4 grid grid-cols-2 gap-2\">\r\n <div class=\"bg-white border border-gray-200 rounded-lg p-2\">\r\n <span class=\"text-xs text-gray-500\">\u5468\u671f (T)<\/span>\r\n <div class=\"flex items-center justify-between mt-1\">\r\n <span id=\"periodResult\" class=\"font-medium\">0<\/span>\r\n <span class=\"text-xs text-gray-500\">\u79d2<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white border border-gray-200 rounded-lg p-2\">\r\n <span class=\"text-xs text-gray-500\">\u89d2\u9891\u7387 (\u03c9)<\/span>\r\n <div class=\"flex items-center justify-between mt-1\">\r\n <span id=\"angularFreqResult\" class=\"font-medium\">0<\/span>\r\n <span class=\"text-xs text-gray-500\">rad\/s<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <h2 class=\"text-lg font-bold text-primary mb-3 flex items-center\">\r\n <i class=\"fa fa-bookmark mr-2\"><\/i>\u5e38\u7528LC\u7ec4\u5408\u53c2\u8003\r\n <\/h2>\r\n <div class=\"grid grid-cols-2 sm:grid-cols-3 gap-2 text-xs\">\r\n <button class=\"preset-btn\" data-l=\"1\" data-l-unit=\"1e-3\" data-c=\"1\" data-c-unit=\"1e-6\">\r\n 1mH + 1\u03bcF\r\n <\/button>\r\n <button class=\"preset-btn\" data-l=\"10\" data-l-unit=\"1e-3\" data-c=\"100\" data-c-unit=\"1e-12\">\r\n 10mH + 100pF\r\n <\/button>\r\n <button class=\"preset-btn\" data-l=\"100\" data-l-unit=\"1e-6\" data-c=\"100\" data-c-unit=\"1e-9\">\r\n 100\u03bcH + 100nF\r\n <\/button>\r\n <button class=\"preset-btn\" data-l=\"220\" data-l-unit=\"1e-6\" data-c=\"220\" data-c-unit=\"1e-12\">\r\n 220\u03bcH + 220pF\r\n <\/button>\r\n <button class=\"preset-btn\" data-l=\"47\" data-l-unit=\"1e-3\" data-c=\"47\" data-c-unit=\"1e-9\">\r\n 47mH + 47nF\r\n <\/button>\r\n <button class=\"preset-btn\" data-l=\"1\" data-l-unit=\"1e-6\" data-c=\"10\" data-c-unit=\"1e-9\">\r\n 1\u03bcH + 10nF\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <h2 class=\"text-xl font-bold text-primary mb-4 flex items-center\">\r\n <i class=\"fa fa-book mr-2\"><\/i>\u516c\u5f0f\u8bf4\u660e\r\n <\/h2>\r\n <div class=\"formula mb-4\">\r\n f = 1 \/ (2\u03c0\u221a(LC))\r\n <\/div>\r\n <ul class=\"space-y-2 text-gray-700 text-sm\">\r\n <li class=\"flex items-start\">\r\n <i class=\"fa fa-circle text-xs text-secondary mt-1.5 mr-2\"><\/i>\r\n <span><strong>f<\/strong> - \u8c10\u632f\u9891\u7387\uff08\u8d6b\u5179, Hz\uff09<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <i class=\"fa fa-circle text-xs text-secondary mt-1.5 mr-2\"><\/i>\r\n <span><strong>L<\/strong> - \u7535\u611f\u503c\uff08\u4ea8\u5229, H\uff09<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <i class=\"fa fa-circle text-xs text-secondary mt-1.5 mr-2\"><\/i>\r\n <span><strong>C<\/strong> - \u7535\u5bb9\u503c\uff08\u6cd5\u62c9, F\uff09<\/span>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <i class=\"fa fa-circle text-xs text-secondary mt-1.5 mr-2\"><\/i>\r\n <span><strong>\u03c0<\/strong> - \u5706\u5468\u7387\uff08\u7ea6\u7b49\u4e8e 3.14159\uff09<\/span>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"mt-4 p-3 bg-blue-50 rounded-lg border border-blue-100\">\r\n <h3 class=\"font-semibold text-primary mb-1 text-sm\">\u8c10\u632f\u7535\u8def\u7279\u6027<\/h3>\r\n <p class=\"text-xs text-gray-600\">\r\n LC\u8c10\u632f\u7535\u8def\u5728\u8c10\u632f\u9891\u7387\u4e0b\uff0c\u7535\u611f\u548c\u7535\u5bb9\u7684\u7535\u6297\u76f8\u7b49\uff0c\u7535\u8def\u5448\u73b0\u7eaf\u7535\u963b\u7279\u6027\uff0c\u963b\u6297\u8fbe\u5230\u6700\u5c0f\u503c\uff0c\u7535\u6d41\u8fbe\u5230\u6700\u5927\u503c\u3002\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/\/ \u5355\u4f4d\u6362\u7b97\u7cfb\u6570\r\n const frequencyUnits = [\r\n { unit: 'Hz', factor: 1 },\r\n { unit: 'kHz', factor: 1000 },\r\n { unit: 'MHz', factor: 1000000 },\r\n { unit: 'GHz', factor: 1000000000 }\r\n ];\r\n\r\n \/\/ \u8ba1\u7b97LC\u7535\u8def\u8c10\u632f\u9891\u7387\r\n function calculateFrequency(inductance, capacitance) {\r\n \/\/ \u9632\u6b62\u9664\u4ee5\u96f6\u6216\u8d1f\u6570\r\n if (inductance <= 0 || capacitance <= 0) {\r\n return 0;\r\n }\r\n \r\n \/\/ \u4f7f\u7528\u516c\u5f0f: f = 1 \/ (2\u03c0\u221a(LC))\r\n const sqrtLC = Math.sqrt(inductance * capacitance);\r\n const frequency = 1 \/ (2 * Math.PI * sqrtLC);\r\n \r\n return frequency;\r\n }\r\n\r\n \/\/ \u683c\u5f0f\u5316\u9891\u7387\u503c\uff0c\u81ea\u52a8\u9009\u62e9\u5408\u9002\u7684\u5355\u4f4d\r\n function formatFrequency(frequency) {\r\n if (frequency === 0) return { value: 0, unit: 'Hz' };\r\n \r\n \/\/ \u627e\u5230\u6700\u5408\u9002\u7684\u5355\u4f4d\r\n for (let i = frequencyUnits.length - 1; i >= 0; i--) {\r\n const unit = frequencyUnits[i];\r\n if (frequency >= unit.factor) {\r\n return {\r\n value: (frequency \/ unit.factor).toFixed(4).replace(\/\\.?0+$\/, ''),\r\n unit: unit.unit\r\n };\r\n }\r\n }\r\n \r\n \/\/ \u9ed8\u8ba4\u4f7f\u7528Hz\r\n return {\r\n value: frequency.toFixed(4).replace(\/\\.?0+$\/, ''),\r\n unit: 'Hz'\r\n };\r\n }\r\n\r\n \/\/ \u683c\u5f0f\u5316\u5468\u671f\u503c\r\n function formatPeriod(period) {\r\n if (period === 0 || !isFinite(period)) return '0';\r\n \r\n if (period >= 1) {\r\n return period.toFixed(6) + ' s';\r\n } else if (period >= 1e-3) {\r\n return (period * 1000).toFixed(4) + ' ms';\r\n } else if (period >= 1e-6) {\r\n return (period * 1000000).toFixed(4) + ' \u03bcs';\r\n } else if (period >= 1e-9) {\r\n return (period * 1000000000).toFixed(4) + ' ns';\r\n } else {\r\n return period.toExponential(4) + ' s';\r\n }\r\n }\r\n\r\n \/\/ \u66f4\u65b0\u9891\u7387\u8303\u56f4\u56fe\u8868\r\n function updateFrequencyChart(frequency) {\r\n const ctx = document.getElementById('frequencyChart');\r\n if (!ctx) return;\r\n \r\n const canvasCtx = ctx.getContext('2d');\r\n if (!canvasCtx) return;\r\n \r\n \/\/ \u9500\u6bc1\u73b0\u6709\u56fe\u8868\r\n if (window.frequencyChart) {\r\n window.frequencyChart.destroy();\r\n }\r\n \r\n \/\/ \u786e\u5b9a\u9891\u7387\u5728\u56fe\u8868\u4e0a\u7684\u4f4d\u7f6e\uff08\u5bf9\u6570\u523b\u5ea6\uff09\r\n let position;\r\n if (frequency <= 1) {\r\n position = 0;\r\n } else if (frequency >= 1e9) {\r\n position = 100;\r\n } else {\r\n \/\/ \u4f7f\u7528\u5bf9\u6570\u523b\u5ea6\u6620\u5c04\u52300-100\u8303\u56f4\r\n position = (Math.log10(frequency) \/ 9) * 100;\r\n }\r\n \r\n try {\r\n \/\/ \u521b\u5efa\u65b0\u56fe\u8868\r\n window.frequencyChart = new Chart(canvasCtx, {\r\n type: 'line',\r\n data: {\r\n labels: ['1Hz', '10Hz', '100Hz', '1kHz', '10kHz', '100kHz', '1MHz', '10MHz', '100MHz', '1GHz'],\r\n datasets: [{\r\n label: '\u9891\u7387\u4f4d\u7f6e',\r\n data: Array(10).fill(null),\r\n borderColor: '#ff6600',\r\n backgroundColor: 'rgba(255, 102, 0, 0.2)',\r\n pointBackgroundColor: '#ff6600',\r\n pointRadius: 6,\r\n pointHoverRadius: 8,\r\n showLine: false\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: {\r\n x: {\r\n display: false,\r\n min: 0,\r\n max: 100\r\n },\r\n y: {\r\n display: false,\r\n min: 0,\r\n max: 1\r\n }\r\n },\r\n plugins: {\r\n legend: {\r\n display: false\r\n },\r\n tooltip: {\r\n enabled: false\r\n }\r\n },\r\n animation: {\r\n duration: 1000,\r\n easing: 'easeOutQuart'\r\n }\r\n }\r\n });\r\n \r\n \/\/ \u66f4\u65b0\u6570\u636e\u70b9\u4f4d\u7f6e\r\n window.frequencyChart.data.datasets[0].data[0] = {\r\n x: position,\r\n y: 0.5\r\n };\r\n \r\n \/\/ \u66f4\u65b0\u56fe\u8868\r\n window.frequencyChart.update();\r\n \r\n \/\/ \u6dfb\u52a0\u9891\u7387\u6807\u7b7e\r\n const formattedFreq = formatFrequency(frequency);\r\n const chartWidth = ctx.width;\r\n const labelX = position * (chartWidth \/ 100);\r\n \r\n \/\/ \u521b\u5efa\u81ea\u5b9a\u4e49\u6807\u7b7e\r\n const label = document.createElement('div');\r\n label.className = 'absolute bg-accent text-white text-xs px-2 py-1 rounded transform -translate-x-1\/2 -translate-y-full mb-1';\r\n label.style.left = `${labelX}px`;\r\n label.style.top = '0';\r\n label.style.zIndex = '10';\r\n label.textContent = `${formattedFreq.value} ${formattedFreq.unit}`;\r\n \r\n \/\/ \u6e05\u9664\u65e7\u6807\u7b7e\r\n const oldLabel = ctx.parentElement.querySelector('.absolute');\r\n if (oldLabel) {\r\n oldLabel.remove();\r\n }\r\n \r\n \/\/ \u6dfb\u52a0\u65b0\u6807\u7b7e\r\n ctx.parentElement.style.position = 'relative';\r\n ctx.parentElement.appendChild(label);\r\n } catch (error) {\r\n console.warn('LC Calculator: \u56fe\u8868\u521b\u5efa\u5931\u8d25:', error);\r\n }\r\n }\r\n\r\n \/\/ \u5b89\u5168\u7684DOM\u5143\u7d20\u83b7\u53d6\u548c\u4e8b\u4ef6\u76d1\u542c\r\n function initCalculator() {\r\n try {\r\n \/\/ \u91cd\u65b0\u83b7\u53d6DOM\u5143\u7d20\uff0c\u786e\u4fdd\u5728WordPress\u73af\u5883\u4e2d\u6b63\u786e\u627e\u5230\r\n const form = document.getElementById('calculatorForm');\r\n const inductanceInput = document.getElementById('inductance');\r\n const inductanceUnit = document.getElementById('inductanceUnit');\r\n const capacitanceInput = document.getElementById('capacitance');\r\n const capacitanceUnit = document.getElementById('capacitanceUnit');\r\n const resultDiv = document.getElementById('result');\r\n const presetButtons = document.querySelectorAll('.preset-btn');\r\n \r\n \/\/ \u68c0\u67e5\u662f\u5426\u6240\u6709\u5fc5\u8981\u5143\u7d20\u90fd\u5b58\u5728\r\n if (!form || !inductanceInput || !capacitanceInput || !resultDiv) {\r\n console.warn('LC Calculator: \u65e0\u6cd5\u627e\u5230\u5fc5\u8981\u7684DOM\u5143\u7d20');\r\n return;\r\n }\r\n \r\n \/\/ \u6dfb\u52a0\u4e8b\u4ef6\u76d1\u542c\u5668\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ \u83b7\u53d6\u8f93\u5165\u503c\r\n const inductanceValue = parseFloat(inductanceInput.value);\r\n const inductanceUnitValue = parseFloat(inductanceUnit.value);\r\n const capacitanceValue = parseFloat(capacitanceInput.value);\r\n const capacitanceUnitValue = parseFloat(capacitanceUnit.value);\r\n \r\n \/\/ \u9a8c\u8bc1\u8f93\u5165\r\n if (isNaN(inductanceValue) || isNaN(capacitanceValue) || inductanceValue <= 0 || capacitanceValue <= 0) {\r\n alert('\u8bf7\u8f93\u5165\u6709\u6548\u7684\u7535\u611f\u548c\u7535\u5bb9\u503c\uff08\u5fc5\u987b\u4e3a\u6b63\u6570\uff09');\r\n return;\r\n }\r\n \r\n \/\/ \u8f6c\u6362\u4e3a\u57fa\u672c\u5355\u4f4d\uff08\u4ea8\u5229\u548c\u6cd5\u62c9\uff09\r\n const inductanceInHenry = inductanceValue * inductanceUnitValue;\r\n const capacitanceInFarad = capacitanceValue * capacitanceUnitValue;\r\n \r\n \/\/ \u8ba1\u7b97\u9891\u7387\r\n const frequency = calculateFrequency(inductanceInHenry, capacitanceInFarad);\r\n \r\n \/\/ \u683c\u5f0f\u5316\u7ed3\u679c\r\n const formattedFreq = formatFrequency(frequency);\r\n const frequencyResult = document.getElementById('frequencyResult');\r\n const frequencyUnit = document.getElementById('frequencyUnit');\r\n \r\n if (frequencyResult && frequencyUnit) {\r\n frequencyResult.textContent = formattedFreq.value;\r\n frequencyUnit.textContent = formattedFreq.unit;\r\n }\r\n \r\n \/\/ \u8ba1\u7b97\u5e76\u663e\u793a\u5468\u671f\r\n const period = frequency > 0 ? 1 \/ frequency : 0;\r\n const periodResult = document.getElementById('periodResult');\r\n if (periodResult) {\r\n periodResult.textContent = formatPeriod(period);\r\n }\r\n \r\n \/\/ \u8ba1\u7b97\u5e76\u663e\u793a\u89d2\u9891\u7387\r\n const angularFreq = 2 * Math.PI * frequency;\r\n const angularFreqResult = document.getElementById('angularFreqResult');\r\n if (angularFreqResult) {\r\n angularFreqResult.textContent = angularFreq.toExponential(4);\r\n }\r\n \r\n \/\/ \u663e\u793a\u7ed3\u679c\u533a\u57df\r\n resultDiv.classList.remove('hidden');\r\n \r\n \/\/ \u66f4\u65b0\u9891\u7387\u8303\u56f4\u56fe\u8868\r\n updateFrequencyChart(frequency);\r\n });\r\n \r\n \/\/ \u9884\u8bbe\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\r\n if (presetButtons && presetButtons.length > 0) {\r\n presetButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n const inductanceValue = this.dataset.l;\r\n const inductanceUnitValue = this.dataset.lUnit;\r\n const capacitanceValue = this.dataset.c;\r\n const capacitanceUnitValue = this.dataset.cUnit;\r\n \r\n if (inductanceValue && capacitanceValue) {\r\n inductanceInput.value = inductanceValue;\r\n inductanceUnit.value = inductanceUnitValue;\r\n capacitanceInput.value = capacitanceValue;\r\n capacitanceUnit.value = capacitanceUnitValue;\r\n \r\n \/\/ \u89e6\u53d1\u8868\u5355\u63d0\u4ea4\r\n try {\r\n const submitEvent = new Event('submit', { cancelable: true });\r\n form.dispatchEvent(submitEvent);\r\n } catch (e) {\r\n \/\/ \u964d\u7ea7\u65b9\u6848\r\n form.onsubmit && form.onsubmit(new Event('submit'));\r\n }\r\n }\r\n });\r\n });\r\n }\r\n \r\n \/\/ \u6dfb\u52a0\u8f93\u5165\u9a8c\u8bc1\r\n inductanceInput.addEventListener('input', function() {\r\n this.value = this.value.replace(\/[^\\d.]\/g, '');\r\n });\r\n \r\n capacitanceInput.addEventListener('input', function() {\r\n this.value = this.value.replace(\/[^\\d.]\/g, '');\r\n });\r\n \r\n console.log('LC Calculator: \u521d\u59cb\u5316\u6210\u529f');\r\n } catch (error) {\r\n console.error('LC Calculator: \u521d\u59cb\u5316\u5931\u8d25:', error);\r\n }\r\n }\r\n \r\n \/\/ \u4f7f\u7528\u591a\u79cd\u65b9\u5f0f\u786e\u4fddDOM\u52a0\u8f7d\u5b8c\u6210\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initCalculator);\r\n } else {\r\n \/\/ DOM\u5df2\u7ecf\u52a0\u8f7d\u5b8c\u6210\uff0c\u76f4\u63a5\u521d\u59cb\u5316\r\n setTimeout(initCalculator, 100); \/\/ \u5c0f\u5ef6\u8fdf\u786e\u4fdd\u6240\u6709\u5143\u7d20\u90fd\u5df2\u6e32\u67d3\r\n }\r\n \r\n \/\/ \u4e5f\u6dfb\u52a0window.onload\u4f5c\u4e3a\u540e\u5907\r\n window.addEventListener('load', initCalculator);\r\n \r\n \/\/ \u6dfb\u52a0jQuery\u517c\u5bb9\u652f\u6301\uff08\u5982\u679c\u9875\u9762\u4e2d\u6709jQuery\uff09\r\n if (typeof jQuery !== 'undefined') {\r\n jQuery(document).ready(initCalculator);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>LC\u7535\u8def\u9891\u7387\u8ba1\u7b97\u5de5\u5177 – WordPress\u6700\u7ec8\u7248\u672c LC\u7535\u8def\u9891\u7387\u8ba1\u7b97\u5de5\u5177 \u7cbe\u786e\u8ba1\u7b97LC\u8c10\u632f\u7535\u8def\u7684\u8c10\u632f\u9891\u7387\uff0c\u652f\u6301\u591a\u79cd\u5355\u4f4d\u6362\u7b97 \u9891\u7387\u8ba1\u7b97\u5668 \u7535\u611f\u503c (L) nH \u03bcH mH H \u7535\u5bb9\u503c (C) pF nF \u03bcF mF F \u8ba1\u7b97\u8c10\u632f\u9891\u7387 \u8ba1\u7b97\u7ed3\u679c \u8c10\u632f\u9891\u7387 (f): 0 Hz \u9891\u7387\u8303\u56f4\u53c2\u8003 \u4f4e\u9891 \u4e2d\u9891 \u9ad8\u9891 \u5468\u671f (T) 0 \u79d2 \u89d2\u9891\u7387 (\u03c9) 0 rad\/s \u5e38\u7528LC\u7ec4\u5408\u53c2\u8003 1mH + 1\u03bcF 10mH + 100pF 100\u03bcH + 100nF 220\u03bcH + 220pF 47mH + 47nF 1\u03bcH + …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":{"0":"post-4282","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-bedini","7":"anons"},"_links":{"self":[{"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/posts\/4282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4282"}],"version-history":[{"count":7,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/posts\/4282\/revisions"}],"predecessor-version":[{"id":4289,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=\/wp\/v2\/posts\/4282\/revisions\/4289"}],"wp:attachment":[{"href":"https:\/\/www.zyneng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zyneng.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}