关于JavaScript/jQuery事件冒泡

JavaSciprt事件中有两个很重要的特性：事件冒泡以及目标元素。事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上，等待一个事件从它的子级元素里冒泡上来，并且可以很方便地得知这个事件是从哪个元素开始的。事件的冒泡和捕获捕获是从上级元素到下级元素，冒泡是从下级元素到上级元素.在IE中，每个元素和window对象都有两个方法：attachEvent()和detachEvent()。attachEvent()用来给一个事件附加事件处理函数。而detachEvent()用来将事件处理函数分离出来。Eg.var fnClick = function() {alert(“Clicked!”);}var oDiv = document.getElementById(“div1”);oDiv.attachEvent(“onclick”, fnClick);oDiv.detachEvent(“onclick”, fnClick);事件的冒泡有什么好处呢？想象一下现在我们有一个10列、100行的HTML表格，你希望在用户点击表格中的某一单元格的时候做点什么。比如说我有一次就需要让表格中的每一个单元格在被点击的时候变成可编辑状态。如果把事件处理器加到这1000个单元格会产生一个很大的性能问题，并且有可能导致内存泄露甚至是浏览器的崩溃。相反地，使用事件代理的话，你只需要把一个事件处理器添加到table元素上就可以了，这个函数可以把点击事件给截下来，并且判断出是哪个单元格被点击了。代码很简单，我们所要关心的只是如何检测目标元素而已。比方说我们有一个 table元素，ID是“report”，我们为这个表格添加一个事件处理器以调用editCell函数。editCell函数需要判断出传到table 来的事件的目标元素。考虑到我们要写的几个函数中都有可能用到这一功能，所以我们把它单独放到一个名为getEventTarget的函数中：function getEventTarget(e) { e = e || window.event; return e.target || e.srcElement;}e这个变量表示的是一个事件对象，我们只需要写一点点跨浏览器的代码来返回目标元素，在IE里目标元素放在srcElemtn属性或event.toElement属性中，而在其它浏览器里则是target或event.relatedTarget属性。接下来就是editCell函数了，这个函数调用到了 getEventTarget函数。一旦我们得到了目标元素之后，剩下的事情就是看看它是否是我们所需要的那个元素了。function editCell(e) { var target = getEventTarget(e); if(target.tagName.toLowerCase() === 'td') { // DO SOMETHING WITH THE CELL }}在editCell函数中，我们通过检查目标元素标签名称的方法来确定它是否是一个表格的单元格。这种检查也许过于简单了点；如果它是这个目标元素单元格里的另一个元素呢？我们需要为代码做一点小小的修改以便于其找出父级的td 元素。如果说有些单元格不需要被编辑怎么办呢？此种情况下我们可以为那些不可编辑的单元格添加一个指定的样式名称，然后在把单元格变成可编辑状态之前先检查它是否不包含那个样式名称。选择总是多样化的，你只需找到适合你应用程序的那一种。事件冒泡的优点和缺点:1.那些需要创建的以及驻留在内存中的事件处理器少了。这是很重要的一点，这样我们就提高了性能，并降低了崩溃的风险。2.在DOM更新后无须重新绑定事件处理器了。如果你的页面是动态生成的，比如说通过Ajax，你不再需要在元素被载入或者卸载的时候来添加或者删除事件处理器了。潜在的问题也许并不那么明显，但是一旦你注意到这些问题，你就可以轻松地避免它们：你的事件管理代码有成为性能瓶颈的风险，所以尽量使它能够短小精悍。不是所有的事件都能冒泡blur、focus、load和unload不能像其它事件一样冒泡。事实上blur和focus可以用事件捕获而非事件冒泡的方法获得（在IE之外的其它浏览器中）。需要注意的是:如果你的代码处理mousemove事件的话你遇上性能瓶颈的风险可就大了，因为mousemove事件触发非常频繁。而mouseout则因为其怪异的表现而变得很难用事件代理来管理。如何避免事件冒泡:1.方法2.方法在IE下解决问题很简单，用onMouseEnter、 onMouseLeave来代替onMouseOver、onMouseOut就行了，他们的作用基本相同，前者不会发生冒泡。但是 firefox下没有这两个事件.3.方法:window.event.cancelBubble = true (IE) event.stopPropagation() event.preventDefault() (Firefox)阻止jQuery事件冒泡jQuery对DOM的事件触发具有冒泡特性。有时利用这一特性可以减少重复代码，但有时候我们又不希望事件冒泡。这个时候就要阻止 jQuery.Event冒泡。在jQuery.Event的文档中的开头得知，jQuery.Event对象是符合W3C标准的一个事件对象，同时jQuery.Event免去了检查兼容IE的步骤。jQuery.Event提供了一个非常简单的方法来阻止事件冒泡：event.stopPropagation();$("p").click(function(event){ event.stopPropagation(); // do something})但是这个方法对使用live绑定的事件没有作用，需要一个更简单的方法阻止事件冒泡：return false;$(this).after("Another paragraph!");return false; });JavaSciprt事件中有两个很重要的特性：事件冒泡以及目标元素。事件冒泡: 当一个元素上的</p></div><br /><hr><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.1/css/bootstrap.min.css" integrity="sha512-siwe/oXMhSjGCwLn+scraPOWrJxHlUgMBMZXdPe2Tnk3I0x3ESCoLz7WZ5NTH6SZrywMY+PB1cjyqJ5jAluCOg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.9.1/font/bootstrap-icons.min.css" integrity="sha512-5PV92qsds/16vyYIJo3T/As4m2d8b6oWYfoqV+vtizRB6KhF1F9kYzWzQmsO6T3z3QG2Xdhrx7FQ+5R1LiQdUA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=_turnstileCb" defer></script> <br /> <main class="form-signin" style="width: 350px;"> <form method="POST" action="?t=1784999718_7691"> <p>你的当前访问异常,请进行认证后继续阅读剩余内容。</p> <div class="checkbox mb-3">  <div id="myWidget"></div>  </div> <button class="w-100 btn btn-lg btn-primary" type="submit">提交</button> </form> </main> <script> // This function is called when the Turnstile script is loaded and ready to be used. // The function name matches the "onload=..." parameter. function _turnstileCb() { turnstile.render("#myWidget", { sitekey: "0x4AAAAAAAjsuGjmm5ZcGWaB", theme: "light", }); } </script> </span></article> <div class="pcuptime"> <div class="fl"> <div class="fl"> <div class="glyphicon glyphicon-share-alt fl"></div> <div class="fl">分享到：</div> <div onclick="shareTo('qzone')" class="fl" style="cursor: pointer;"> <img width="30" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC4UlEQVRYhaVXvU7rMBT2C1Ax06UL4G4szQPcPAC9+y0vEB6gLI4lfsrAEJQygHRpk4UBXWDIgFQimgXRLu1id2QpMy0vcO5Aa5omTmx6pG9pbX+fPx+f4yCkEduE7WKbtbDNn8s2G5RtDl9gA2zzZ2yz1jZhuzpr5gamoxK2Watss49vwjywD2yzVom+ra9GTka2HnGKEDKytYlL9G09bvGqYANlNzYp21lt13I3NinbUdm5Mrl3U4Omb2mJkDqha7tx9ArTqADTqKB9HKkCMGFUZ6GmbwG8IIAXBAdXx1oiMGE0Tk5HJd1z/4zWhIBxWNTOh9hRYMLbOgscXB0L8jn2ztuaLvC2EKC7+/dwIyGgFxjaLiCEENqivKozcf/CTZDPYZ52tERsUV7NtN887UDN8eDk7wG4vgWdBxPGYVEqYBwWoRcY4PoWuL4FVtOFmuPJhRHuIEx4d/mP0SPOJOkHlVTwjHmf0VpaHnRR2t1fTjL+iKHzYIqdzVFzPKg5HlQOe2Ju5bAHvcBIkP8++5eWBwOkk+lpmEYFUQeqZ3cJF+TkX5AKUBExDoti8frlCUyjQmJMXpFCmLDhT0T0AgOMo1co2xy8m73UMXnkmLBhahLmiXBnDchsPEkTz7upqRSjrnIV7AcVmEYF2L9wxW+N67q4AYv2Kzcowh3lQgQvCDoPpsh8GeqXJ+D6Fvw5u1MrRLNeMMkaaBy9Kt0Ind6ACZ8oN6O987a2gMWjkgj4bkYl+rae5ULjup5K8nT/K/YuWETWSwkTPkm8jLIeJMsk7+FGzGLztAP9oBIbc39bzbp+8QfJgojUmjBf/DNag8Z1Xbrw/oUrWnU/qMjvvixkR/EebsD9bVUUnryEbfqWrPkkrV+OTcp28m6FCpbFYsInuc/yuBPZJVoHmLDhjz7TMGF0FTcw4RNpwqnGLC/aOkK+iHl75Y/T5diivDoT0108IkzYEBPeLRPuiPKqGP8BN+Q4QC3Ugd4AAAAASUVORK5CYII="/> </div> <div onclick="shareTo('qq')" class="fl" style="cursor: pointer;margin-left:3px;"> <img width="32" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEIElEQVRYhbVX3W/TVhzNPxC3BaGWIlaDUtrEZku3gLqqHw/9YAlZk2bVJlY6UfoQJPbRZg/tQGsjVjRgWtQhUVIKS5ZtRE18k0GCtFZjZCpiQpNo4QFeqqGyN9uauycmrdHZQ8HETWo7i3alI1m27z3nnt/9/e69BkMRzZIQXQzhQywn3GI4fpElAlgigOH4RZYTbjGED1kSoquYMTVbfVKiGcKHWCJIzwl1QGIIH6KTUnlJ5CwRxoskzhPCEmG8aGI6KZXnWlwqGI5f1O0Gk+StJc5687AkeavmzPWSmyPLMJ1Ow3Q6jbrgPd0iNnVCr+11wXuosg+AoowKbGX3Y/eJ73WFo6AAlgh+rc61gQzKqnbkkediZ/9JPU74FeT1SYnWst4cWUbFbrNM1ObpK/hMUUY9TihDwXB8WEv1S96zMsHY1wRP+D8RSNyEy+sDAMw//EP+vm1fh55QhHPt11x42/a1ywR3V0T0DJ/CyHQco9OzsDrfBQCFC+bIsqYLBoPBYDBzolvPCs4dPJC4icTCbxidnoXL+3GeAxRlhGkipZ1JnOjWZf9GARRlxNDnn8LR2wxHbzM+OjUE+9sHihbAcOKkgSVCRutH55k5bK2pBUUZcf68B2LaUhB3SJcsoHHkGz3ZkDHoyf3PDg5gtKEFW+g9aO58DVzIjZ/Dnbg248S1GSeiF3oQu9SDQ4Od6+StLlxqaNFXEzTjFFnG2aaDiNeYcLF2L5qbHCiv3I5Dg5344txhjIz04ZPxt7CF3gOLrQMnmpyI15gQqXtZz0KEpoCd/SexvWoH/I1diNeYZETqrThua8dxWzsm976u+PZVQytMdB2q3jiiLYAh/JLaDxW76kFRRnR7fZh5f0xBtBGhVgfSwSi6vT5d6cgQfkl1EdYGMvJAbw4cQ/jDFwJ+ubGgwFNJwlo2i7VsViFAIxsyqmlomkiBoowoq6wGRRkRPPCOLOA5WSG0efrkPvTwlHoaahWiil31ME2kUFZZjVjsRwTfG8JFz+Cm5Ct/PZVnXlZZrbpVmznRvV6KOWFVLQtYIoAenkK316c687VsFuPfplHt+UC7BnDCalGbUUfiAXp9RxGdX9iUPHb3EV6x23E4Ma+nBrzYjOikVK7mgn32VzxO7YeYtmDuShNGLwTw06MnkP7+B2vZLO485vFlPI7JM11yVTwS+0F19nknI1blQNIYuY+r3x3FSsomE6ykbBgLjaE/cA4Pr7cqSvIsOYaW6AM1B5QHEjkUGjWh7fJtdE3NwXFlDo2R+/L7V6O/y+/bLt9Wt57wSwXJ9YSiZBSyPs+FJG/9X0RwwqrmsTzXCa1wFAOG8Ev/6ZrGEsFfkhvrff1FE+e5wfHhooRwwirD8eGSL6cbm5kT3c+KViY3RM+eMwwnTsrlVWf7F9K7alkbFZHSAAAAAElFTkSuQmCC"/> </div> <div onclick="shareTo('sina')" class="fl" style="cursor: pointer;"> <img width="36" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC8klEQVRYhe1XMW+qUBT2p/Qn9Cd05NypiyN5THRhqJNpHN6LSdc+V12LY1tHE4eaLi4mfTLIZMpsoNACYoX6vUElXMCi1u29k5zEyOV+3/nOd7hQKv2PPcJm7NRi7KdJ9Ggx9mwxhnU+m0SPFtFvm7HTowObROcW0UsC8OskejEF4ce3gW1BOFlXuxtwKk2ix4MVWcttHwqeSNsWhLNDwL8LzOXOJGxBODlS5VkldmmHSdQ/FGQxGAAAoskEwcMDbElKr3kuAj//TpXezQ1m7TYWgwGWnoel6+K9XueNyZi0lYDFmFHYS0nCvNdDOBphpqqZ62/VKmxJwmu5jGgywdJ1eSWIXvJ7v4PxZu020uEoSnzdURREkwkAYNZuw5ak+DdXRJ4XLMZ+bQPeVJMXjqLgvV7HTFUxU1XYkgRHUQAgvi/UNH5PosbO5vsKfOm6uf9ZjAEA3qpVhJqWIWAS9fMU+LMPOHwfy+k0S8DzYDEGv9mExRhCTcNiMEgrkPVBXvVBp8NvPp0iaLXgXlzAFcU4/VoN4dMTACAcjThf5IwiLMZQSGBjoE183N3BFUXMVXVVue8jHA7h12oxkaDViteHoxFey+Wthi5sQdLx4XAIVxSx6HY5NTat8CqVmESyLZs2ZJLIKTRhqGnxRrPra3iVCgAgGo+x6HYxv73Fp2EAAOaqGhOIxuP4vnmvl0sg34REjeQiv9nkCPi1GgDAlWW4ssy1J2i14IoivMtL3qfbFciOYfpB9FouY+l5XAsiXcenYXAyR7q+ql6WY0U207DNA1tPxvSj2FEUjoR3dYWP+3tEuo5I11eVyzKCZhPwfQ48OQmpNHLBS6VSyWRMypuGpB8+DQPReBxnOkJN2zp6VtFhlGfGpBpBp8ORSYIGnc5XVRdXz3mByCnYaP8kcnZ+P7QF4ezYBEyi853AORLHUILI2Rs8JrEazcwhtUcaR/lQWU9H4dtSErjQ7YfE2qANk6jPtWclc98iauz9DfDPx18dyRjOU+tVPwAAAABJRU5ErkJggg=="/> </div> <div onclick="shareTo('wechat')" class="fl" style="cursor:pointer;margin-left:1px;"> <img width="32" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB1UlEQVRYhcWXzY2DQAyFvxJSAiWkg00HSwfJYQtIB6EEOoAO0Mwo56QD6GC3g9BB9jBD+FkYM0C0liwhMeDn94xtIMQMMZoMzQ1FieaJ5umub+7eZ9A7RSuI0GQoHq+AktuzGQXRmsA7DJegwGNADBcKduHBuxSvdUU5H8SV/aqsfWxc2c/JfPvgXRCTTGxNe7AciuTtwVsQyTD7aCb1P2juL1fU20ihyIWH7hgOo9JpTg5YKIi8C2A6k95BT/FqqmAWgKa9Tmc+12wRh0liiP30G+IOS2mLGtsv7LlzR45zIAsprqDGD3TNENsHehmnGL5Q5M4Tl9Dcmrjj1U4yG+w8es9wEIEoSmSNJoMnaE5egHPqQqDo5gGQ9q6b5mJ7Stvt7GfqBSB9PtkEvW32BVFv9g97xvS7K38Rtt6n2nDwyjM0bxHKXfDpMs5QfNOsXl0JfObrM4pcakS+Cn6IK5c0YV8sLh8q5eSSIQVX1O3hOTJIhao4ovlAcXR7YCSAz7too8Us+CSaGvGK+u9S8q8LSaNZ6Ehd5pVUtdtKIVI/NLuWbw9CUctr+fvkqJb+HSWr2FDU4wUXBiRyy8Z8IDZwHp61ZHYryrEDrOpRbNf0PGhIAb/sAH9daKVzgAAAAABJRU5ErkJggg=="/> </div> </div> </div> <time class="fr glyphicon glyphicon-exclamation-sign">非常感谢你花费了<span id="lookDate"></span>来阅读本文,如果你在本站获取到了新知识,那就请点击分享按钮将本站分享出去吧。 </time> </div> </div> </div> </div> <script> $('.pcdetails img').each(function () { if ($(this).width() >= 100) { $(this).addClass('img-responsive center-block'); } }); </script> </div> </div> <div style="text-align:center;"> <script async="async" data-cfasync="false" src="https://pl28992228.profitablecpmratenetwork.com/8ae604bdc4dc964f8674244fb58731a2/invoke.js"></script> <div id="container-8ae604bdc4dc964f8674244fb58731a2"></div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8678003482554321" data-ad-slot="4478728495" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="random"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"> <div class="rcon"> <div class="rdp"><i class="glyphicon glyphicon-heart"></i>你可能喜欢:</div> <span><div><a href="/posts/Pycharm-djangoxin-jian-Python-Webxiang-mu.html">Pycharm+django新建Python Web项目</a></div><div><a href="/posts/jie-dui-xiang-mu-si-ze-yun-suan.html">结对项目：四则运算</a></div><div><a href="/posts/Python-Flaskzai-Windowsxia-de-huan-jing-pei-zhi.html">Python Flask在Windows下的环境配置</a></div><div><a href="/posts/Python-di-san-fang-ku-an-zhuang-ji-qiao-Lemonde-bo-ke.html">Python 第三方库安装技巧_Lemon的博客</a></div><div><a href="/posts/ubuntuhuan-jing-xia-de-JDBCkai-fa.html">ubuntu环境下的JDBC开发</a></div><div><a href="/posts/Netdai-ma-zi-dong-sheng-cheng-qi-V1-9-7-ban-mian-fei-xia-zai.html">.Net代码自动生成器V1.9.7 版免费下载！</a></div><div><a href="/posts/yong-cssxiu-gai-HTML5-input-placeholderyan-se.html">用css修改HTML5 input placeholder颜色</a></div><div><a href="/posts/Android-duo-mei-ti-kai-fa-shi-pin-bo-fang.html">Android 多媒体开发视频播放</a></div><div><a href="/posts/Python-shu-ju-jie-gou-yu-suan-fa-ha-fu-man-shu.html">Python 数据结构与算法 —— 哈弗曼树</a></div><div><a href="/posts/Python-dict-sortpai-xu-an-zhao-key-value.html">Python dict sort排序按照key，value</a></div></span> </div> </div> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"> <div class="rcon"> <div class="rdp"><i class="glyphicon glyphicon-duplicate"></i>相关阅读:</div> <span><div><a href="/posts/Webwang-ye-dui-hua-kuang-ke-tuo-dong-guan-bi-zi-dong-wen-zi-xun-huan-bian-hua.html">Web网页对话框可拖动、关闭(自动)文字循环变化</a></div><div><a href="/posts/es6sheng-cheng-qi-kan-si-tong-bu-de-yi-bu-liu-cheng-kong-zhi-biao-da-feng-ge.html">ES6生成器，看似同步的异步流程控制表达风格</a></div><div><a href="/posts/jQuerytu-pian-qie-huan-cha-jian-jquery-cycle-jsshi-yong-shi-li.html">jQuery图片切换插件jquery.cycle.js使用示例</a></div><div><a href="/posts/3kuan-zui-qiang-de-aishi-pin-sheng-cheng-qi-zhi-chi-wen-sheng-shi-pin-tu-sheng-shi-pin.html">3款最强的AI视频生成器，支持文生视频、图生视频</a></div><div><a href="/posts/Jquerycha-jian-shi-xian-dian-ji-huo-qu-yan-zheng-ma-hou-60miao-nei-jin-zhi-zhong-xin-huo-qu.html">Jquery插件实现点击获取验证码后60秒内禁止重新获取</a></div><div><a href="/posts/JavaScript-la-ji-hui-shou-ji-zhi-fen-xi.html">JavaScript 垃圾回收机制分析</a></div><div><a href="/posts/newslettershu-di-er-qi-pieclouddb-database-xin-zeng-kong-zhi-tai-ldap-zhi-chi-xu-ni-shu-cang-ri-zhi-deng-duo-xiang-gong-neng.html">『Newsletter丨第二期』PieCloudDB Database 新增控制台、LDAP 支持、虚拟数仓日志等多项功能</a></div><div><a href="/posts/yi-kuan-fei-chang-you-xiu-de-xiao-lv-ban-gong-shen-qi-alfred-5-for-mac.html">一款非常优秀的效率办公神器-Alfred 5 for Mac</a></div><div><a href="/posts/js-she-zhi-xuan-zhong-xing-de-yang-shi-de-shi-xian-dai-ma.html">js 设置选中行的样式的实现代码</a></div><div><a href="/posts/zi-ji-shi-yong-jqueryxie-de-yi-ge-wu-feng-gun-dong-de-cha-jian.html">自己使用jquery写的一个无缝滚动的插件</a></div></span> </div> </div> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"> <div class="rcon"> <div class="rdp"><i class="glyphicon glyphicon-random"></i>随便看看:</div> <span><div><a href="/posts/shardingspheredu-xie-fen-li-fen-biao-bi-ji.html">shardingsphere读写分离+分表【笔记】</a></div><div><a href="/posts/PHPpan-duan-zhi-ding-shi-jian-duan-de-2ge-fang-fa.html">PHP判断指定时间段的2个方法</a></div><div><a href="/posts/php-mian-xiang-dui-xiang-de-yi-ge-li-zi.html">php 面向对象的一个例子</a></div><div><a href="/posts/awsfu-wu-gai-yao.html">aws服务概要</a></div><div><a href="/posts/jian-dan-gong-chang-mo-shi-Simple-Factory.html">简单工厂模式(Simple Factory)</a></div><div><a href="/posts/yun-ji-suan-yi-e-li-yun-wei-li-qi-ye-shang-yun-ce-lve-quan-lan-yu-zui-jia-shi-jian.html">云计算 - 以阿里云为例，企业上云策略全览与最佳实践</a></div><div><a href="/posts/wen-ben-kuang-huo-de-jiao-dian-he-shi-qu-jiao-dian-de-pan-duan-dai-ma.html">文本框获得焦点和失去焦点的判断代码</a></div><div><a href="/posts/MongoDB-yong-shi-jian-shai-xuan-idzi-duan.html">MongoDB 用时间筛选_id字段</a></div><div><a href="/posts/ru-he-shi-yong-dockerbu-shu-mongodbbing-jie-he-nei-wang-chuan-tou-shi-xian-yuan-cheng-fang-wen-ben-di-shu-ju-ku.html">如何使用Docker部署MongoDB并结合内网穿透实现远程访问本地数据库</a></div><div><a href="/posts/chao-qiang-gan-huo-tu-xiang-qu-zao-tu-xiang-qu-shui-yin-tu-xiang-cuan-gai-tu-xiang-xiu-fu-chao-qiang-gan-huo-lun-wen-yuan-ma-zheng-li.html">【超强干货】图像去噪、图像去水印、图像篡改、图像修复超强干货论文+源码整理</a></div></span> </div> </div> </div> </div> </div> <section class="rightnav"> <div class="rnlist" style="display:none;"> <div class="rimg"><img src="data:image/png;base64,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"/> </div> <div class="rntit"> <div class="rnt1">返回</div> <div class="rnt2">顶部</div> </div> </div> </section> <footer class="copyright"> <div class="container"> <span class="glyphicon glyphicon-exclamation-sign" style="text-align: center;"> © <script type="text/javascript">document.write("" + new Date().getFullYear())</script> <a href="/">源码集中营</a> 版权所有 </span> </div> </footer> <script type="text/javascript" src="https://codejzy.com/wp-content/default/js/common.js?v=1.0"></script> <script defer src="https://cloud.umami.is/script.js" data-website-id="6bd5dff6-dd9d-49ec-85e1-57ae6d3d126a"></script> <script src="https://pl28992227.profitablecpmratenetwork.com/aa/6f/30/aa6f305e7f868e7c5211f8a5e245e7c4.js"></script> <script src="https://pl28992229.profitablecpmratenetwork.com/bd/48/64/bd4864bb0e1ed7e550d53f03af3358e0.js"></script> </body> </html>