7赞

如何让JavaScript发出哔哔声？

作者：黄晓敏3023 | 2023-08-26 12:36

如何解决《如何让JavaScript发出哔哔声？》经验，为你挑选了8个好方法。

当用户超出我的最大字符数限制时,我希望我的网页发出蜂鸣声</code>.</p><br><br><b>1> Paul Fournel..：</b><hr><p><strong>解</strong></p> <p>现在,您可以在导入为数据URI时使用base64文件生成声音.解决方案几乎与以前的解决方案相同,只是您不需要导入外部音频文件.</p> <pre class="brush:bash;">function beep() { var snd = new Audio("data:audio/wav;base64,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qJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU="); snd.play(); } beep(); </pre> <p><strong>兼容性</strong></p> <p>现在几乎每个浏览器都支持数据URI.有关http://caniuse.com/datauri的更多信息</p> <p><strong>演示</strong></p> <p>http://jsfiddle.net/7EAgz/</p> <p><strong>转换工具</strong></p> <p>这里是您可以将mp3或wav文件转换为数据URI格式的地方:</p> <p>https://dopiaza.org/tools/datauri/index.php</p></p> <hr>适用于Chrome,但不适用于Firefox(版本30.0) <hr>如果我将其作为Chrome开发者工具中的代码段粘贴,则会在我第一次运行时生效.但随后的运行失败了. <br><br><b>2> Noldorin..：</b><hr><p>它不可能直接在JavaScript中完成.您需要在HTML中嵌入一个简短的WAV文件,然后通过代码播放.</p> <p>一个例子:</p> <pre class="brush:bash;"><script> function PlaySound(soundObj) { var sound = document.getElementById(soundObj); sound.Play(); } </script> <embed src="success.wav" autostart="false" id="sound1" enablejavascript="true"> </pre> <p>然后,您可以从JavaScript代码中调用它:</p> <pre class="brush:bash;">PlaySound("sound1"); </pre> <p>这应该完全符合您的要求 - 您只需要自己查找/创建哔声,这应该是微不足道的.</p></p> <hr>注意:虽然我给出了直接的答案,但我确实相信Mark Hurd提供了有关不烦扰用户的合理建议. <hr>是不是可以访问PC扬声器？(我们听到BIOS发出哔哔声) <br><br><b>3> alex..：</b><hr><p>我写了一个函数,用新的Audio API发出蜂鸣声.</p> <pre class="brush:bash;">var beep = (function () { var ctxClass = window.audioContext ||window.AudioContext || window.AudioContext || window.webkitAudioContext var ctx = new ctxClass(); return function (duration, type, finishedCallback) { duration = +duration; // Only 0-4 are valid types. type = (type % 5) || 0; if (typeof finishedCallback != "function") { finishedCallback = function () {}; } var osc = ctx.createOscillator(); osc.type = type; //osc.type = "sine"; osc.connect(ctx.destination); if (osc.noteOn) osc.noteOn(0); // old browsers if (osc.start) osc.start(); // new browsers setTimeout(function () { if (osc.noteOff) osc.noteOff(0); // old browsers if (osc.stop) osc.stop(); // new browsers finishedCallback(); }, duration); }; })(); </pre> <p>jsFiddle.</p></p> <hr>[这里](http://mdn.github.io/violent-theremin/)一些工作演示.源位于[这里](https://github.com/mdn/violent-theremin/blob/gh-pages/scripts/app.js).它来自MDN文档页面. <hr>这在Chrome中不再有效.它曾经,现在我的哔哔应用程序不再有效.知道如何修理/更换它吗？ <br><br><b>4> Houshalter..：</b><hr><p>最佳答案在当时是正确的,但现在是错误的; 你可以用纯javascript做到这一点.但是使用javascript的一个答案不再起作用,而其他答案非常有限或者不使用纯javascript.</p> <p>我制作了自己的解决方案,效果很好,可让您控制音量,频率和波形.</p> <pre class="brush:bash;">//if you have another AudioContext class use that one, as some browsers have a limit var audioCtx = new (window.AudioContext || window.webkitAudioContext || window.audioContext); //All arguments are optional: //duration of the tone in milliseconds. Default is 500 //frequency of the tone in hertz. default is 440 //volume of the tone. Default is 1, off is 0. //type of tone. Possible values are sine, square, sawtooth, triangle, and custom. Default is sine. //callback to use on end of tone function beep(duration, frequency, volume, type, callback) { var oscillator = audioCtx.createOscillator(); var gainNode = audioCtx.createGain(); oscillator.connect(gainNode); gainNode.connect(audioCtx.destination); if (volume){gainNode.gain.value = volume;}; if (frequency){oscillator.frequency.value = frequency;} if (type){oscillator.type = type;} if (callback){oscillator.onended = callback;} oscillator.start(); setTimeout(function(){oscillator.stop()}, (duration ? duration : 500)); }; </pre> <p>有人建议我编辑它以注意它只适用于某些浏览器.然而,据我所知,Audiocontext似乎得到了所有现代浏览器的支持.IE不支持它,但微软已停止使用它.如果您在特定浏览器上遇到任何问题,请报告.</p></p> <hr>我发现了这个问题,Opera 12不支持AudioContext接口.只有Opera 15才有. <br><br><b>5> CaptureWiz..：</b><hr><p>使用Houshalter的建议,我做了这个简单的音调合成器演示.</p> 截图 <p>这是一个截图.在本答案中进一步尝试现场演示(单击<em>运行代码段</em>).</p> <p><img rel="nofollow noreferrer" src="https://img.devbox.cn/3cccf/16086/243/0ab2d201ea5dc980.png" alt="现场演示的屏幕截图可在本答案中进一步查看"></noimg></p> 演示代码 <p></p><p class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <p class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>audioCtx = new(window.AudioContext || window.webkitAudioContext)(); show(); function show() { frequency = document.getElementById("fIn").value; document.getElementById("fOut").innerHTML = frequency + ' Hz'; switch (document.getElementById("tIn").value * 1) { case 0: type = 'sine'; break; case 1: type = 'square'; break; case 2: type = 'sawtooth'; break; case 3: type = 'triangle'; break; } document.getElementById("tOut").innerHTML = type; volume = document.getElementById("vIn").value / 100; document.getElementById("vOut").innerHTML = volume; duration = document.getElementById("dIn").value; document.getElementById("dOut").innerHTML = duration + ' ms'; } function beep() { var oscillator = audioCtx.createOscillator(); var gainNode = audioCtx.createGain(); oscillator.connect(gainNode); gainNode.connect(audioCtx.destination); gainNode.gain.value = volume; oscillator.frequency.value = frequency; oscillator.type = type; oscillator.start(); setTimeout( function() { oscillator.stop(); }, duration ); };</pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>frequency <input type="range" id="fIn" min="40" max="6000" oninput="show()" /> <span id="fOut"></span><br> type <input type="range" id="tIn" min="0" max="3" oninput="show()" /> <span id="tOut"></span><br> volume <input type="range" id="vIn" min="0" max="100" oninput="show()" /> <span id="vOut"></span><br> duration <input type="range" id="dIn" min="1" max="5000" oninput="show()" /> <span id="dOut"></span> <br> <button onclick='beep();'>Play</button></pre> <br><br><b>6> user456584..：</b><hr><p>正如我们在这个答案中所读到的,如果您对该路线持开放态度,HTML5将为您解决此问题.所有现代浏览器都支持HTML5音频.</p> <p>这是示例的副本:</p> <pre class="brush:bash;">var snd = new Audio("file.wav"); // buffers automatically when created snd.play(); </pre></p> <br><br><b>7> sqren..：</b><hr><p>这将使您能够多次播放声音,与最高投票的答案形成对比:</p> <pre class="brush:bash;">var playSound = (function beep() { var snd = new Audio("data:audio/wav;base64,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qJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU="); return function() { snd.play(); } })(); playSound(); // Play first time playSound(); // Play second time </pre></p> <br><br><b>8> 小智..：</b><hr><p>使用CSS,如果将以下样式添加到标记,则可以执行此操作,但是您需要一个<code>wav</code>文件:</p> <pre class="brush:bash;"><style type="text/css"> .beep {cue: url("beep.wav") } </style> var body=document.getElementByTagName("body"); body.className=body.className + " " + "beep"; </pre></p> <hr>你能解释一下吗？或者准备一个简单的小提琴! </div> <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;"> </div> <div class="article_recommend"> <div class="list_top">推荐阅读</div> <div class="ListItems"> <ul class="NewsList"> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeBianXie_-_Yi_3bed1e08.html" target="_blank" title="如何编写/引用PHP可调用函数易于管理我的IDE">如何编写/引用PHP可调用函数易于管理我的IDE</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何编写/引用PHP可调用函数易于管理我的IDE》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeBianXie_-_Yi_3bed1e08.html" target="_blank" title="如何编写/引用PHP可调用函数易于管理我的IDE">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiYong_Symfony2_d6d50f59.html" target="_blank" title="使用Symfony 2.8生成表单会抛出Twig_Error_Runtime">使用Symfony 2.8生成表单会抛出Twig_Error_Runtime</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《使用Symfony2.8生成表单会抛出Twig_Error_Runtime》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/ShiYong_Symfony2_d6d50f59.html" target="_blank" title="使用Symfony 2.8生成表单会抛出Twig_Error_Runtime">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WoYingGaiYong_se_2e329551.html" target="_blank" title="我应该用setter创建一个构造函数">我应该用setter创建一个构造函数</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《我应该用setter创建一个构造函数》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/WoYingGaiYong_se_2e329551.html" target="_blank" title="我应该用setter创建一个构造函数">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Zai_Tcl_ZhongShi_4a92ee1d.html" target="_blank" title="在Tcl中使用名称模式的tar不起作用">在Tcl中使用名称模式的tar不起作用</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在Tcl中使用名称模式的tar不起作用》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Zai_Tcl_ZhongShi_4a92ee1d.html" target="_blank" title="在Tcl中使用名称模式的tar不起作用">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Wen_-_BaoCun_Qt-_5eb96e55.html" target="_blank" title="问:保存Qt-creator应用程序的SQLite数据库的最佳"路径"在哪里？">问:保存Qt-creator应用程序的SQLite数据库的最佳"路径"在哪里？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《问:保存Qt-creator应用程序的SQLite数据库的最佳"路径"在哪里？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Wen_-_BaoCun_Qt-_5eb96e55.html" target="_blank" title="问:保存Qt-creator应用程序的SQLite数据库的最佳"路径"在哪里？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Nullable_ChuShiH_06f90cca.html" target="_blank" title="Nullable初始化为null - 理解源代码">Nullable初始化为null - 理解源代码</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Nullable初始化为null-理解源代码》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Nullable_ChuShiH_06f90cca.html" target="_blank" title="Nullable初始化为null - 理解源代码">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiMeShi_CocoaPo_1e77fa5b.html" target="_blank" title="什么是CocoaPods"(未使用)"">什么是CocoaPods"(未使用)"</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《什么是CocoaPods"(未使用)"》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/ShiMeShi_CocoaPo_1e77fa5b.html" target="_blank" title="什么是CocoaPods"(未使用)"">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeZai_BitBucke_2e1e4279.html" target="_blank" title="如何在BitBucket上创建文件夹？">如何在BitBucket上创建文件夹？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何在BitBucket上创建文件夹？》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/RuHeZai_BitBucke_2e1e4279.html" target="_blank" title="如何在BitBucket上创建文件夹？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/XianZhi_Log4J_Zh_85ecc28d.html" target="_blank" title="限制Log4J中的消息长度">限制Log4J中的消息长度</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《限制Log4J中的消息长度》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/XianZhi_Log4J_Zh_85ecc28d.html" target="_blank" title="限制Log4J中的消息长度">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/GongZuoRiDeDuiXi_a88f5064.html" target="_blank" title="工作日的对象如星期日,星期一,......,星期六">工作日的对象如星期日,星期一,......,星期六</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《工作日的对象如星期日,星期一,,星期六》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/GongZuoRiDeDuiXi_a88f5064.html" target="_blank" title="工作日的对象如星期日,星期一,......,星期六">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Zai_javascript_Z_66532c00.html" target="_blank" title="在javascript中具有特定形状的词云">在javascript中具有特定形状的词云</a></h2> </div> <div class="NewsInfo"> <div class="NewsImg"> <a href="https://devbox.cn/p/Zai_javascript_Z_66532c00.html" target="_blank" title="在javascript中具有特定形状的词云"><img src="https://img.devbox.cn/3cccf/16086/243/6db233c03a276edb.png" width="120" height="70" alt="在javascript中具有特定形状的词云"/></a> </div> <div class="NewsDesc" style="width:500px;margin-left:15px;"> 如何解决《在javascript中具有特定形状的词云》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/Zai_javascript_Z_66532c00.html" target="_blank" title="在javascript中具有特定形状的词云">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/JinYong_Flask_Zh_626a6521.html" target="_blank" title="禁用Flask中的缓存">禁用Flask中的缓存</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《禁用Flask中的缓存》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/JinYong_Flask_Zh_626a6521.html" target="_blank" title="禁用Flask中的缓存">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/C--_RuHeCong_std_fed5ba55.html" target="_blank" title="C++如何从std :: string中删除\ 0 char">C++如何从std :: string中删除\ 0 char</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《C++如何从std::string中删除\0char》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/C--_RuHeCong_std_fed5ba55.html" target="_blank" title="C++如何从std :: string中删除\ 0 char">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/CuoWu_R10-_YinDa_5677c4d6.html" target="_blank" title="错误R10(引导超时) - > Web进程在启动后60秒内无法绑定到$ PORT - Heroku">错误R10(引导超时) - > Web进程在启动后60秒内无法绑定到$ PORT - Heroku</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《错误R10(引导超时)->Web进程在启动后60秒内无法绑定到$PORT-Heroku》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/CuoWu_R10-_YinDa_5677c4d6.html" target="_blank" title="错误R10(引导超时) - > Web进程在启动后60秒内无法绑定到$ PORT - Heroku">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/CongShuZuLieBiao_f1041e17.html" target="_blank" title="从数组列表中删除元素并在java中更新选项卡大小">从数组列表中删除元素并在java中更新选项卡大小</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《从数组列表中删除元素并在java中更新选项卡大小》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/CongShuZuLieBiao_f1041e17.html" target="_blank" title="从数组列表中删除元素并在java中更新选项卡大小">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiYong_int_ErBu_67e3bad0.html" target="_blank" title="使用int而不是size_t索引来访问向量元素的性能降低了吗？">使用int而不是size_t索引来访问向量元素的性能降低了吗？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《使用int而不是size_t索引来访问向量元素的性能降低了吗？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ShiYong_int_ErBu_67e3bad0.html" target="_blank" title="使用int而不是size_t索引来访问向量元素的性能降低了吗？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeShiYong_Angu_d7b3289f.html" target="_blank" title="如何使用Angular Material Design创建黑白主题？">如何使用Angular Material Design创建黑白主题？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何使用AngularMaterialDesign创建黑白主题？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeShiYong_Angu_d7b3289f.html" target="_blank" title="如何使用Angular Material Design创建黑白主题？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Pycharm_JingGao__48adcccd.html" target="_blank" title="Pycharm警告:必须实现所有抽象方法">Pycharm警告:必须实现所有抽象方法</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Pycharm警告:必须实现所有抽象方法》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Pycharm_JingGao__48adcccd.html" target="_blank" title="Pycharm警告:必须实现所有抽象方法">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/HanBaoYingGaiLie_690bbe35.html" target="_blank" title="汉堡应该列入名单吗？">汉堡应该列入名单吗？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《汉堡应该列入名单吗？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/HanBaoYingGaiLie_690bbe35.html" target="_blank" title="汉堡应该列入名单吗？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Zai_Android_Shan_7163d9e4.html" target="_blank" title="在Android上验证数字签名">在Android上验证数字签名</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在Android上验证数字签名》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Zai_Android_Shan_7163d9e4.html" target="_blank" title="在Android上验证数字签名">[详细]</a> </div> <div style="clear:both"></div> </li> </ul> </div> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">吐了个 "CAO" !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了


            
                
                                        会员登录 | 用户注册