ssisse

HTML onmouseover, onmouseout , onmousemove 事件属性

HTML onmouseover 事件属性

定义和用法

onmouseover 属性在鼠标指针移动到元素上时触发。

注释：onmouseover 属性不适用以下元素：、、
、、、、<meta>、<param>、<script>、<style> 或 <title>。</p> </div> <div style="border-width:1px 0px;border-top-style:solid;border-bottom-style:solid;border-top-color:rgb(170,170,170);border-bottom-color:rgb(170,170,170);font-family:Verdana, Arial, '宋体';"> <h2 style="border:0px;font-family:'微软雅黑';font-size:14px;"> <span style="color:#ff0000;">语法</span></h2> <pre style="border:1px dotted rgb(119,136,85);font-family:Consolas, 'Courier New', Courier, monospace;width:685px;background:rgb(245,245,245);"><<span style="border:0px;">element</span> οnmοuseοver="<span style="border:0px;">script</span>"></pre> <h3 style="border:0px;font-size:12px;"><span style="color:#ff0000;">属性值</span></h3> <table class="dataintable" style="border:1px solid rgb(170,170,170);border-collapse:collapse;"> <tbody style="border:0px;"> <tr style="border:0px;"> <th style="border:1px solid rgb(170,170,170);vertical-align:baseline;width:155px;"> 值</th> <th style="border:1px solid rgb(170,170,170);vertical-align:baseline;"> 描述</th> </tr> <tr style="border:0px;"> <td style="border:1px solid rgb(170,170,170);vertical-align:text-top;"> <span style="border:0px;">script</span></td> <td style="border:1px solid rgb(170,170,170);vertical-align:text-top;"> onmouseover 发生时运行的脚本。</td> </tr> </tbody> </table> </div> <br> <p></p> <p></p> <h2 style="border:0px;font-family:'微软雅黑';font-size:14px;"> <span style="color:#ff0000;">实例</span></h2> <p></p> <p style="border:0px;line-height:18px;font-family:Verdana, Arial, '宋体';"> 当鼠标指针移动到图像上时执行一段 JavaScript(使图像放大)：</p> <p style="border:0px;line-height:18px;font-family:Verdana, Arial, '宋体';"> </p> <pre><code class="language-html"><!DOCTYPE html> <html> <head> <script> function bigImg(x) { x.style.height="180px"; x.style.width="180px"; } function normalImg(x) { x.style.height="128px"; x.style.width="128px"; } </script> </head> <body> <img οnmοusemοve="bigImg(this)" οnmοuseοut="normalImg(this)" border="0" src="/i/eg_smile.gif" alt="Smiley" > <p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p> <p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p> </body> </html> </code></pre> <p><br></p> <p><br></p> <p><br></p> <p></p> <h1 style="color:rgb(54,46,43);font-family:Arial;line-height:26px;border:0px;font-size:26px;"> <span style="font-family:SimSun;">onmouseout 事件</span></h1> <div style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> <br> </div> <span style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"></span> <p></p> <p style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> </p> <p style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> </p> <h2 style="color:rgb(54,46,43);font-family:Arial;line-height:26px;border:0px;font-size:14px;"> <span style="font-family:SimSun;color:rgb(255,0,0);">定义和用法</span></h2> <p style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> </p> <p style="color:rgb(54,46,43);font-family:Arial;font-size:14px;border:0px;line-height:18px;"> <span style="font-family:SimSun;">onmouseout 事件会在鼠标指针移出指定的对象时发生。</span></p> <h3 style="color:rgb(54,46,43);font-family:Arial;line-height:26px;border:0px;font-size:12px;"> <span style="font-family:SimSun;color:rgb(255,0,0);">语法</span></h3> <pre style="color:rgb(54,46,43);font-size:14px;line-height:26px;border:1px dotted rgb(119,136,85);width:685px;background:rgb(245,245,245);"><span style="font-family:SimSun;">οnmοuseοut="SomeJavaScriptCode"</span></pre> <table class="dataintable" style="font-family:Arial;line-height:26px;border:1px solid rgb(170,170,170);border-collapse:collapse;color:rgb(0,0,0);font-size:12px;"> <tbody style="border:0px;"> <tr style="border:0px;"> <th style="border:1px solid rgb(170,170,170);vertical-align:baseline;"> <span style="font-family:SimSun;">参数</span></th> <th style="border:1px solid rgb(170,170,170);vertical-align:baseline;"> <span style="font-family:SimSun;">描述</span></th> </tr> <tr style="border:0px;"> <td style="border:1px solid rgb(170,170,170);vertical-align:text-top;"> <span style="font-family:SimSun;">SomeJavaScriptCode</span></td> <td style="border:1px solid rgb(170,170,170);vertical-align:text-top;"> <span style="font-family:SimSun;">必需。规定该事件发生时执行的 JavaScript。</span></td> </tr> </tbody> </table> <h3 style="color:rgb(54,46,43);font-family:Arial;line-height:26px;border:0px;font-size:12px;"> <span style="font-family:SimSun;color:rgb(255,0,0);">支持该事件的 HTML 标签：</span></h3> <pre style="color:rgb(54,46,43);font-size:14px;line-height:26px;border:1px dotted rgb(119,136,85);width:685px;background:rgb(245,245,245);"><span style="font-family:SimSun;"><a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var></span></pre> <h3 style="color:rgb(54,46,43);font-family:Arial;line-height:26px;border:0px;font-size:12px;"> <span style="font-family:SimSun;color:rgb(255,0,0);">支持该事件的 JavaScript 对象：</span></h3> <pre style="color:rgb(54,46,43);font-size:14px;line-height:26px;border:1px dotted rgb(119,136,85);width:685px;background:rgb(245,245,245);"><span style="font-family:SimSun;">layer, link</span></pre> <p style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> <span style="font-family:SimSun;color:rgb(255,0,0);"><strong></strong></span></p> <h2 style="color:rgb(54,46,43);line-height:26px;border:0px;font-family:'微软雅黑';font-size:14px;"> <span style="color:rgb(255,0,0);">实例 </span></h2> <p style="color:rgb(54,46,43);font-size:14px;border:0px;line-height:18px;font-family:Verdana, Arial, '宋体';"> 在下面的例子中，我们将在鼠标指针移出图像时显示一个对话框：</p> <pre style="color:rgb(54,46,43);font-size:14px;line-height:26px;border:1px dotted rgb(119,136,85);font-family:Consolas, 'Courier New', Courier, monospace;width:685px;background:rgb(245,245,245);"></pre> <div class="dp-highlighter bg_html" style="font-family:Consolas, 'Courier New', Courier, mono, serif;font-size:12px;width:678.142px;overflow:auto;"> <div class="bar"> <div class="tools" style="font-size:9px;line-height:normal;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;color:#C0C0C0;border-left-width:3px;border-left-style:solid;border-left-color:rgb(108,226,108);"> <strong>[html]</strong> view plain <span> copy</span> <div style="width:18px;z-index:99;"></div> <span> </span> </div> </div> <ol start="1" class="dp-xml" style="border:none;color:rgb(92,92,92);"> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"><span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"><</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">img</span><span style="border:none;"> </span><span class="attribute" style="border:none;color:#FF0000;">src</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"/i/example_mouse2.jpg"</span><span style="border:none;"> </span><span class="attribute" style="border:none;color:#FF0000;">alt</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"mouse"</span><span style="border:none;"> </span></span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"><span style="border:none;color:#000000;"><span class="attribute" style="border:none;color:#FF0000;">onmousemove</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"alert('您的鼠标刚才离开了图片！')"</span><span style="border:none;"> </span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">/></span><span style="border:none;"> </span></span></li> </ol> </div> <p style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> <span style="font-family:SimSun;"></span></p> <h2 style="line-height:26px;color:rgb(255,0,0);border:0px;font-family:'微软雅黑';font-size:14px;"> <br></h2> <p><br></p> <p></p> <h1 style="color:rgb(54,46,43);line-height:26px;border:0px;font-family:'微软雅黑';font-size:26px;font-weight:400;"> HTML onmousemove 事件属性</h1> <div style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> <br> </div> <div style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> <h2 style="border:0px;font-family:'微软雅黑';font-size:14px;"> <span style="color:rgb(255,0,0);">定义和用法</span></h2> <p style="border:0px;line-height:18px;font-family:Verdana, Arial, '宋体';"> onmousemove 属性在<span style="color:rgb(255,0,0);">鼠标指针移动到元素上时</span>触发。</p> <p class="note" style="border:0px;line-height:18px;font-family:Verdana, Arial, '宋体';"> <span style="border:0px;font-weight:bold;">注释：</span>onmousemove 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。</p> <br> </div> <div style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> <br> </div> <div style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> <h2 style="border:0px;font-family:'微软雅黑';font-size:14px;"> <span style="color:rgb(255,0,0);">语法</span></h2> <pre style="border:1px dotted rgb(119,136,85);font-family:Consolas, 'Courier New', Courier, monospace;width:685px;background:rgb(245,245,245);"><<span style="border:0px;">element</span> οnmοusemοve="<span style="border:0px;">script</span>"></pre> <h3 style="border:0px;font-size:12px;font-family:Verdana, Arial, '宋体';"> <span style="color:rgb(255,0,0);">属性值</span></h3> <table class="dataintable" style="border:1px solid rgb(170,170,170);border-collapse:collapse;color:rgb(0,0,0);font-family:Verdana, Arial, '宋体';font-size:12px;"> <tbody style="border:0px;"> <tr style="border:0px;"> <th style="border:1px solid rgb(170,170,170);vertical-align:baseline;width:155px;"> 值</th> <th style="border:1px solid rgb(170,170,170);vertical-align:baseline;"> 描述</th> </tr> <tr style="border:0px;"> <td style="border:1px solid rgb(170,170,170);vertical-align:text-top;"> <span style="border:0px;">script</span></td> <td style="border:1px solid rgb(170,170,170);vertical-align:text-top;"> onmousemove 发生时运行的脚本。</td> </tr> </tbody> </table> </div> <div style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> <br> </div> <div style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> <br> </div> <div style="color:rgb(54,46,43);font-family:Arial;font-size:14px;line-height:26px;"> <h2 style="border:0px;font-family:'微软雅黑';font-size:14px;"> <span style="color:rgb(255,0,0);">实例</span></h2> <p style="border:0px;line-height:18px;font-family:Verdana, Arial, '宋体';"> 当鼠标指针移动到图像上时执行一段 JavaScript（使图像放大）：</p> <br> </div> <div class="dp-highlighter bg_html" style="font-family:Consolas, 'Courier New', Courier, mono, serif;width:692.986px;overflow:auto;color:rgb(54,46,43);line-height:26px;"> <div class="bar"> <div class="tools" style="font-size:9px;line-height:normal;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;color:#C0C0C0;border-left-width:3px;border-left-style:solid;border-left-color:rgb(108,226,108);"> <strong>[html]</strong> view plain <span> copy</span> <div style="width:18px;z-index:99;"> </div> <span></span> </div> </div> <ol start="1" class="dp-xml" style="border:none;color:rgb(92,92,92);"> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;"><span style="border:none;"><!DOCTYPE html</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"><</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">html</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"><</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">head</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"><</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">script</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;">function bigImg(x) </span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;">{ </span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;"><span class="attribute" style="border:none;color:#FF0000;">x.style.height</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"180px"</span><span style="border:none;">; </span></span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"><span class="attribute" style="border:none;color:#FF0000;">x.style.width</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"180px"</span><span style="border:none;">; </span></span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;">} </span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"> </span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;">function normalImg(x) </span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;">{ </span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;"><span class="attribute" style="border:none;color:#FF0000;">x.style.height</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"128px"</span><span style="border:none;">; </span></span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"><span class="attribute" style="border:none;color:#FF0000;">x.style.width</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"128px"</span><span style="border:none;">; </span></span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;">} </span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"></</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">script</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"></</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">head</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"><</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">body</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;"> </span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"><</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">img</span><span style="border:none;"> </span><span class="attribute" style="border:none;color:#FF0000;">onmousemove</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"bigImg(this)"</span><span style="border:none;"> </span><span class="attribute" style="border:none;color:#FF0000;">onmouseout</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"normalImg(this)"</span><span style="border:none;"> </span><span class="attribute" style="border:none;color:#FF0000;">border</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"0"</span><span style="border:none;"> </span><span class="attribute" style="border:none;color:#FF0000;">src</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"/i/eg_smile.gif"</span><span style="border:none;"> </span><span class="attribute" style="border:none;color:#FF0000;">alt</span><span style="border:none;">=</span><span class="attribute-value" style="border:none;color:#0000FF;">"Smiley"</span><span style="border:none;"> </span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;"> </span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"><</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">p</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;">函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"></</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">p</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"><</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">p</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;">函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"></</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">p</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"> </span></li> <li class="alt" style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;color:inherit;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"></</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">body</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li style="border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:outside;line-height:20px;"> <span style="border:none;color:#000000;"><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;"></</span><span class="tag-name" style="border:none;color:rgb(153,51,0);font-weight:bold;">html</span><span class="tag" style="border:none;color:rgb(153,51,0);font-weight:bold;">></span><span style="border:none;"> </span></span></li> <li></li> </ol> </div> <br> <p></p> <p><br></p> <p><br></p> <p><br></p> <p></p> <p>本文转自w3shool</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1282745721858048000"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1902934733642330112.htm" title="C语言：setjmp和longjmp函数使用详解" target="_blank">C语言：setjmp和longjmp函数使用详解</a> <span class="text-muted">houxiaoni01</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a><a class="tag" taget="_blank" href="/search/setjmp/1.htm">setjmp</a><a class="tag" taget="_blank" href="/search/longjmp/1.htm">longjmp</a> <div>转载自：https://www.runoob.com/cprogramming/c-standard-library-setjmp-h.htmlhttps://blog.csdn.net/chenyiming_1990/article/details/86834131、C标准库-简介setjmp.h头文件定义了宏setjmp()、函数longjmp()和变量类型jmp_buf，该变量类型会绕过正常</div> </li> <li><a href="/article/1902932461038399488.htm" title="python中的类方法，静态方法，对象方法" target="_blank">python中的类方法，静态方法，对象方法</a> <span class="text-muted">a174817529</span> <div>原文地址：http://blog.chinaunix.net/uid-26602509-id-3087296.htmlclassA:count=100def__init__(self,instancedata):self.instancedata=instancedata@staticmethod#静态方法不能访问类参数和实例参数defsm():print"sm"@classmethod#类方法不</div> </li> <li><a href="/article/1902924265162862592.htm" title="Claude 3.7 Sonnet 根据UI设计稿生成前端html页面" target="_blank">Claude 3.7 Sonnet 根据UI设计稿生成前端html页面</a> <span class="text-muted">徐同保</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>UI设计稿：提示词：你是一个前端代码工程师，根据UI设计稿，编写对应html页面，样式写在标签里，类名都以"m-"开头AI回答的结果：根据提供的UI设计稿，我将编写对应的HTML页面，所有类名都以"m-"开头，样式写在标签里。```html账单明细/*重置样式*/*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-</div> </li> <li><a href="/article/1902915055213670400.htm" title="【typescript进阶篇】(第四章) webpack编译ts及第三方库声明文件" target="_blank">【typescript进阶篇】(第四章) webpack编译ts及第三方库声明文件</a> <span class="text-muted">蒜香拿铁</span> <a class="tag" taget="_blank" href="/search/typescript%E7%B3%BB%E5%88%97/1.htm">typescript系列</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>使用webpack打包TS文件安装依赖安装webpack环境npmiwebpackwebpack-cliwebpack-dev-server-D安装TypeScriptnpminstalltypescript-D编译TSnpminstallts-loader-D热更新服务npminstallwebpack-dev-server-DHTML模板npminstallhtml-webpack-plugi</div> </li> <li><a href="/article/1902904455809003520.htm" title="Webpack4从入门到精通以及和webpack5对比_webpack现在用的是哪个版本" target="_blank">Webpack4从入门到精通以及和webpack5对比_webpack现在用的是哪个版本</a> <span class="text-muted">2501_90253044</span> <a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>'css-loader',//less-loader：将less文件编译成css文件，需要下载less-loader和less'less-loader'],},{test:/\.css$/,//使用多个loader用use,使用一个loader用loaderuse:['style-loader','css-loader'],},{//url-loader：处理图片资源，问题：默认处理不了html中</div> </li> <li><a href="/article/1902887557906100224.htm" title="Pollinations AI文生图html源码" target="_blank">Pollinations AI文生图html源码</a> <span class="text-muted">酷爱码</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a> <div>源码介绍用deepseek辅助制作了一个电脑端文生图小程序，html语言的，接口使用的是Pollinations，上传服务器访问首页即可一次生成4张，提示词最好用英文，点击小图可以预览大图，也可以点击下载按钮直接下载截图预览源码免费获取PollinationsAI文生图html源码</div> </li> <li><a href="/article/1902878104855048192.htm" title="springboot整合Thymeleaf详解" target="_blank">springboot整合Thymeleaf详解</a> <span class="text-muted">weiha666</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a> <div>Thymeleaf介绍简单说，Thymeleaf是一个跟Velocity、FreeMarker类似的模板引擎，它可以完全替代JSP。相较与其他的模板引擎，它有如下三个极吸引人的特点：Thymeleaf在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持html原型，然后在html标签里增加额外的属性来达到模板+数</div> </li> <li><a href="/article/1902863980490190848.htm" title="浏览器 DOM 深度解析：从节点类型到遍历操作的全攻略" target="_blank">浏览器 DOM 深度解析：从节点类型到遍历操作的全攻略</a> <span class="text-muted">码农的时光故事</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>一、DOM核心概念与节点类型DOM（文档对象模型）是浏览器提供的核心API之一，用于将HTML文档转换为可操作的对象树结构。其核心设计遵循树形结构，每个节点都继承自Node接口，主要分为以下类型：1.基础节点类型Element：对应HTML标签，包含属性和子节点（）Text：文本内容节点Comment：注释节点Document：文档根节点，通过document全局对象访问（）2.特殊节点类型Doc</div> </li> <li><a href="/article/1902863853843181568.htm" title="浏览器工作原理深度解析（阶段一）：从 URL 到页面渲染的完整流程" target="_blank">浏览器工作原理深度解析（阶段一）：从 URL 到页面渲染的完整流程</a> <span class="text-muted">码农的时光故事</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、浏览器工作流程概述作为前端开发者，我们每天都在与浏览器打交道，但多数人对其内部工作机制却知之甚少。实际上，浏览器的核心功能就是将用户输入的URL转换为可视化的网页。这一过程大致分为六个关键步骤：网络请求：通过HTTP/HTTPS协议获取页面资源构建DOM树：解析HTML代码生成文档对象模型样式计算：解析CSS规则并应用到对应元素布局渲染：计算元素位置和尺寸生成渲染树合成优化：将渲染层合并为位图</div> </li> <li><a href="/article/1902862844316151808.htm" title="JAVA学习-练习试用Java实现“实现一个Spark应用，对大数据集中的文本数据进行情感分析和关键词筛选”" target="_blank">JAVA学习-练习试用Java实现“实现一个Spark应用，对大数据集中的文本数据进行情感分析和关键词筛选”</a> <span class="text-muted">守护者170</span> <a class="tag" taget="_blank" href="/search/java%E5%AD%A6%E4%B9%A0/1.htm">java学习</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>问题：实现一个Spark应用，对大数据集中的文本数据进行情感分析和关键词筛选。解答思路：要实现一个Spark应用，对大数据集中的文本数据进行情感分析和关键词筛选，需要按照以下步骤进行：1.环境准备确保的环境中已经安装了ApacheSpark。可以从[ApacheSpark官网](https://spark.apache.org/downloads.html)下载并安装。2.创建Spark应用以下是</div> </li> <li><a href="/article/1902847571139817472.htm" title="pear-admin-boot开发框架使用记录（三）" target="_blank">pear-admin-boot开发框架使用记录（三）</a> <span class="text-muted">后青春期的诗go</span> <a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>一、实现部门选择操作用于从组织架构里选择出部门的操作，如开发日志管理模块，创建人新增日志时可以通过选择框选择相应共享的部门。数据库表调整在数据表添加2个字段：sharedeptid共享部门idvarcharsharedeptname共享部门名称varchar前端html页面调整页面添加如下代码：共享部门前端JS调整添加如下代码：letdtree=layui.dtree;dtree.renderSe</div> </li> <li><a href="/article/1902843160275513344.htm" title="python中的构造函数" target="_blank">python中的构造函数</a> <span class="text-muted">weixin_30770495</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>python中构造函数可以这样写classclassname（）：def——init——（self）：#构造函数函数体转载于:https://www.cnblogs.com/begoogatprogram/p/4649076.html</div> </li> <li><a href="/article/1902841270674452480.htm" title="HBuilderX的下载、安装" target="_blank">HBuilderX的下载、安装</a> <span class="text-muted">听海边涛声</span> <a class="tag" taget="_blank" href="/search/HBuilderX/1.htm">HBuilderX</a> <div>HBuilderX简称HX，是一款轻量级的、免费的IDE。它具有强大的语法提示和vue支持。访问HBuilderX的官网：https://www.dcloud.io/hbuilderx.html选择要下载的版本，我下载的是v4.08版本：将压缩包下拉以后解压到某个目录下就可以了，不需要安装过程，例如，我解压到D:\HBuilderX目录下面：双击HBuilderX.exe，就可以运行了：注意：HB</div> </li> <li><a href="/article/1902808876462436352.htm" title="Pybind11教程：从零开始打造 Python 的 C++ 小帮手" target="_blank">Pybind11教程：从零开始打造 Python 的 C++ 小帮手</a> <span class="text-muted">Yc9801</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>参考官网文档：https://pybind11.readthedocs.io/en/stable/index.html一、Pybind11是什么？想象你在Python里写了个计算器，但跑得太慢，想用C++提速，又不想完全抛弃Python。Pybind11就像一座桥，把C++的高性能代码“嫁接”到Python里。你可以用Python调用C++函数，就像请了个跑得飞快的帮手来干活。主要功能：绑定函数：</div> </li> <li><a href="/article/1902802949088800768.htm" title="HTML 教程：从零开始掌握常用语法" target="_blank">HTML 教程：从零开始掌握常用语法</a> <span class="text-muted">LoveYa!</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>免费无广纯净版微信小程序测mbti很有趣，不需要任何授权，也不需要登录，直接就是测，几分钟了解自己的人格mbti，快来试试吧。可以微信直接搜索小程序名“一秒MBTI”HTML教程：从零开始掌握常用语法欢迎来到HTML的世界！HTML（HyperTextMarkupLanguage，超文本标记语言）是网页开发的基石，它负责定义网页的结构和内容。无论你是想成为一名前端开发者，还是仅仅想了解网页背后的魔</div> </li> <li><a href="/article/1902791080596795392.htm" title="vue3+Ts+elementPlus二次封装Table分页表格，表格内展示图片、switch开关、支持" target="_blank">vue3+Ts+elementPlus二次封装Table分页表格，表格内展示图片、switch开关、支持</a> <span class="text-muted">龙井>_<</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/elementPlus/1.htm">elementPlus</a> <div>目录一.项目文件结构二.实现代码1.子组件（表格组件）2.父组件（使用表格）一.项目文件结构1.表格组件（子组件）位置2.使用表格组件的页面文件（父组件）位置3.演示图片位置elementPlus表格Table表格|ElementPlus4.笑果演示表格笑果点击图片放大显示笑果二.实现代码1.子组件（表格组件）1.src/views/Table.vuehtml部分{{scope.$index+1}</div> </li> <li><a href="/article/1902788812375912448.htm" title="使用opengl绘制立方体_一步步学OpenGL(25) -《Skybox天空盒子》" target="_blank">使用opengl绘制立方体_一步步学OpenGL(25) -《Skybox天空盒子》</a> <span class="text-muted">weixin_39962153</span> <a class="tag" taget="_blank" href="/search/%E4%BD%BF%E7%94%A8opengl%E7%BB%98%E5%88%B6%E7%AB%8B%E6%96%B9%E4%BD%93/1.htm">使用opengl绘制立方体</a> <div>教程25Skybox天空盒子原文：http://ogldev.atspace.co.uk/www/tutorial25/tutorial25.htmlCSDN完整版专栏：https://blog.csdn.net/cordova/article/category/9266966背景天空盒子是一种让场景看上去更广阔无垠的一种视觉技术，用无缝对接的封闭纹理将摄像机的视口360度无死角的包裹起来。封闭纹</div> </li> <li><a href="/article/1902750096563433472.htm" title="【＜二＞丹方改良：Spring 时代的 JavaWeb】之 Spring MVC 的核心组件：DispatcherServlet 的工作原理" target="_blank">【＜二＞丹方改良：Spring 时代的 JavaWeb】之 Spring MVC 的核心组件：DispatcherServlet 的工作原理</a> <span class="text-muted">Foyo Designer</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/HandlerMapping/1.htm">HandlerMapping</a><a class="tag" taget="_blank" href="/search/ViewResolver/1.htm">ViewResolver</a> <div>点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、DispatcherServ</div> </li> <li><a href="/article/1902750092612399104.htm" title="【脑洞小剧场】零帧起手创业小公司之第一次技术分享会" target="_blank">【脑洞小剧场】零帧起手创业小公司之第一次技术分享会</a> <span class="text-muted">Foyo Designer</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E8%81%8C%E5%9C%BA%E5%B0%8F%E5%89%A7/1.htm">技术职场小剧</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a><a class="tag" taget="_blank" href="/search/%E6%94%B9%E8%A1%8C%E5%AD%A6it/1.htm">改行学it</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E5%88%9B%E5%AF%8C/1.htm">程序员创富</a> <div>点击查看小剧场合集https://blog.csdn.net/foyodesigner/category_12896948.html阳光明媚的早晨，段萌儿怀揣着对新工作的无限憧憬，踏入了这家充满未知的小公司。然而，她万万没想到，第一天上班就迎来了一场“惊悚”之旅。阳光透过会议室的窗户，洒在摆满椅子的地板上，技术分享会的氛围既紧张又期待。今天，将是公司第一次正式的技术交流盛会，各路技术大牛摩拳擦掌，</div> </li> <li><a href="/article/1902734574870392832.htm" title="springboot使用163发送自定义html格式的邮件" target="_blank">springboot使用163发送自定义html格式的邮件</a> <span class="text-muted">星月前端</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>springboot使用163发送html格式的邮件效果:下面直接开始教学注册邮箱，生成授权码获取163邮箱的授权码，可以按照以下步骤操作：登录163邮箱打开浏览器，访问163邮箱登录页面。使用你的邮箱账号和密码登录。进入邮箱设置登录后，点击页面右上角的“设置”图标（通常是一个齿轮图标）。在菜单中选择“POP3/SMTP/IMAP”选项。开启SMTP服务在“POP3/SMTP/IMAP”设置页面中</div> </li> <li><a href="/article/1902724362268635136.htm" title="bitset and valarray" target="_blank">bitset and valarray</a> <span class="text-muted">heraldww</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E5%AD%A6/1.htm">数学</a><a class="tag" taget="_blank" href="/search/ARM/1.htm">ARM</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E6%BC%82%E4%BA%AE%E7%9A%84UI%E7%95%8C%E9%9D%A2/1.htm">漂亮的UI界面</a><a class="tag" taget="_blank" href="/search/%E5%AE%8C%E6%95%B4%E7%9A%84%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1/1.htm">完整的界面设计</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a> <div>记录一个比较少用的容器C++std::bitsethttps://www.cnblogs.com/wangshaowei/p/10297877.htmlvalarrayvalarray面向数值计算的数组，在C++11中才支持支持很多数值数组操作，如求数组总和、最大数、最小数等。需要头文件valarray支持</div> </li> <li><a href="/article/1902707338272370688.htm" title="前端性能优化之SSR优化" target="_blank">前端性能优化之SSR优化</a> <span class="text-muted">xiangzhihong8</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>我们常说的SSR是指Server-SideRendering，即服务端渲染，属于首屏直出渲染的一种方案。SSR也是前端性能优化中最常用的技术方案了，能有效地缩短页面的可见时间，给用户带来很好的体验。SSR渲染方案一般来说，我们页面加载会分为好几个步骤：请求域名，服务器返回HTML资源。浏览器加载HTML片段，识别到有CSS/JavaScript资源时，获取资源并加载。现在大多数前端页面都是单页面应</div> </li> <li><a href="/article/1902682115355504640.htm" title="常用的pdf技术有哪些？--笔记" target="_blank">常用的pdf技术有哪些？--笔记</a> <span class="text-muted">我不是彭于晏灬</span> <a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>常用的pdf技术有哪些？1.iTextPDF：iText是著名的开放项目，是用于生成PDF文档的一个java类库。通过iText不仅可以生成PDF或rtf的文档，而且可以将XML、Html文件转化为PDF文件。Openoffice：openoffice是开源软件且能在windows和linux平台下运行，可以灵活的将word或者Excel转化为PDF文档。JasperReport：是一个强大、灵活</div> </li> <li><a href="/article/1902676816485740544.htm" title="【VSCode】VSCode常用快捷键" target="_blank">【VSCode】VSCode常用快捷键</a> <span class="text-muted">Ctrl Z.</span> <a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a> <div>！+回车键快速创建html骨架Ctrl+/单行注释（取消）快捷键Alt+Shift+A块注释（取消）快捷键Ctrl+加号代码放大（适合浏览器）Ctrl+减号代码缩小（适合浏览器）Ctrl+Shift+K删除当前行Ctrl+H替换查询下一个/上一个：F3/Shift+F3选中所有出现在查询中的：Alt+EnterCtrl+D匹配当前选中的词汇或者行，再次选中-可操作Shift+Alt+F格式化代码F</div> </li> <li><a href="/article/1902674423505285120.htm" title="【VSCode】VSCode常用插件" target="_blank">【VSCode】VSCode常用插件</a> <span class="text-muted">Ctrl Z.</span> <a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a> <div>Chinese(Simplified)(简体中文)LanguagePackforVisualStudioCode：简体中文支持插件HTML/CSS/JavaScriptSnippets：支持HTML/CSS/JavaScript快速匹配输入HTMLSnippets：这个插件提供了一系列HTML代码片段，通过简单的缩写就可以快速生成常用的HTML结构。例如，输入!并按下Tab键，就可以快速生成一个完</div> </li> <li><a href="/article/1902654375545860096.htm" title="echarts柱状图区间滚动" target="_blank">echarts柱状图区间滚动</a> <span class="text-muted">没有天赋的搬砖者</span> <a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>constxData=['00:00','01:00','02:00','03:00','04:00','05:00','06:00'];constbarData=[5,20,36,10,10,20];option={tooltip:{show:true,trigger:'axis',confine:true,formatter(item){consthtml=`${xData[item[0].d</div> </li> <li><a href="/article/1902653238423908352.htm" title="Java WebSocket与项目页面（通常是HTML + JavaScript）之间建立连接并传输数据" target="_blank">Java WebSocket与项目页面（通常是HTML + JavaScript）之间建立连接并传输数据</a> <span class="text-muted">hh_fine</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>JavaWebSocket与项目页面（通常是HTML+JavaScript）之间建立连接并传输数据1.创建JavaWebSocket服务器：使用JavaWebSocketAPI创建一个WebSocket服务器端点。2.在HTML页面中使用JavaScript连接WebSocket：通过JavaScript的WebSocketAPI与JavaWebSocket服务器建立连接。3.双向数据传输：实现服</div> </li> <li><a href="/article/1902636857032765440.htm" title="什么时候用到jupyter notebook的NBConvert" target="_blank">什么时候用到jupyter notebook的NBConvert</a> <span class="text-muted">老光私享</span> <a class="tag" taget="_blank" href="/search/jupyter/1.htm">jupyter</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>JupyterNotebook的NBConvert功能是用来将JupyterNotebook文件转换为其他格式的工具。通常情况下，我们会用到NBConvert功能来将JupyterNotebook文件转换为HTML、LaTeX、PDF或其他文本格式。这样可以方便地将JupyterNotebook分享给他人，或者将其用于报告、文章、文档或其他写作目的。要使用NBConvert功能，需要在命令行中运行</div> </li> <li><a href="/article/1902636729777582080.htm" title="【css酷炫效果】纯CSS实现球形阴影效果" target="_blank">【css酷炫效果】纯CSS实现球形阴影效果</a> <span class="text-muted">冰夏之夜影</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>【css酷炫效果】纯CSS实现球形阴影效果缘创作背景html结构css样式完整代码基础版进阶版(动态版)效果图想直接拿走的老板，链接放在这里：上传后更新缘创作随缘，不定时更新。创作背景刚看到csdn出活动了，赶时间，直接上代码，令人丧气的是：活动的领域有要求，不是发够就行，瞬间意志消沉。html结构css样式.button{background-image:url('a.gif');border-</div> </li> <li><a href="/article/1902635596015267840.htm" title="sql与html" target="_blank">sql与html</a> <span class="text-muted">就很对</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>sql与htmlsqlite3sqlsql_callbacksql_dicthtmlhtml01ser02sersql_workhtml_ser03.htmlwebser06ser012.html011.html013.html015.html03.html04.html05.html06.htmlsqlite3sql//sqlite3_open//sqlite3_exec//sqlite3_cl</div> </li> <li><a href="/article/27.htm" title="rust的指针作为函数返回值是直接传递，还是先销毁后创建？" target="_blank">rust的指针作为函数返回值是直接传递，还是先销毁后创建？</a> <span class="text-muted">wudixiaotie</span> <a class="tag" taget="_blank" href="/search/%E8%BF%94%E5%9B%9E%E5%80%BC/1.htm">返回值</a> <div> 这是我自己想到的问题，结果去知呼提问，还没等别人回答，我自己就想到方法实验了。。 fn main() { let mut a = 34; println!("a's addr:{:p}", &a); let p = &mut a; println!("p's addr:{:p}", &a</div> </li> <li><a href="/article/154.htm" title="java编程思想 -- 数据的初始化" target="_blank">java编程思想 -- 数据的初始化</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%9A%84%E5%88%9D%E5%A7%8B%E5%8C%96/1.htm">数据的初始化</a> <div>  1.使用构造器确保数据初始化      /* *在ReckInitDemo类中创建Reck的对象 */ public class ReckInitDemo { public static void main(String[] args) { //创建Reck对象 new Reck(); } }</div> </li> <li><a href="/article/281.htm" title="[航天与宇宙]为什么发射和回收航天器有档期" target="_blank">[航天与宇宙]为什么发射和回收航天器有档期</a> <span class="text-muted">comsci</span> <div>        地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁...        所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 &</div> </li> <li><a href="/article/408.htm" title="linux下批量替换文件内容" target="_blank">linux下批量替换文件内容</a> <span class="text-muted">商人shang</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%9B%BF%E6%8D%A2/1.htm">替换</a> <div>1、网络上现成的资料　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 　　linux sed 批量替换多个文件中的字符串　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 　　例如：替换/home下所有文件中的www.admi</div> </li> <li><a href="/article/535.htm" title="网页在线天气预报" target="_blank">网页在线天气预报</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A9%E6%B0%94%E9%A2%84%E6%8A%A5/1.htm">天气预报</a> <div>网页在线调用天气预报 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit</div> </li> <li><a href="/article/662.htm" title="SpringMVC和Struts2比较" target="_blank">SpringMVC和Struts2比较</a> <span class="text-muted">杨白白</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div>1. 入口 spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。参见：http://blog.csdn.net/zs15932616453/article/details/8832343 2</div> </li> <li><a href="/article/789.htm" title="refuse copy, lazy girl!" target="_blank">refuse copy, lazy girl!</a> <span class="text-muted">小桔子</span> <a class="tag" taget="_blank" href="/search/copy/1.htm">copy</a> <div>       妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 1.那是我自己觉得写不出的高度 2.如果直接拿来用，很快就能解决问题 3.然后就是抄咩~~ 4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！   </div> </li> <li><a href="/article/916.htm" title="apache与php整合" target="_blank">apache与php整合</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/php+apache+web/1.htm">php apache web</a> <div>一  apache web服务器 1 apeche web服务器的安装   1)下载Apache web服务器   2)配置域名(如果需要使用要在DNS上注册)   3)测试安装访问http://localhost/验证是否安装成功 2 apache管理   1)service.msc进行图形化管理   2)命令管理，配</div> </li> <li><a href="/article/1043.htm" title="Maven常用内置变量" target="_blank">Maven常用内置变量</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>Built-in properties ${basedir} represents the directory containing pom.xml ${version} equivalent to ${project.version} (deprecated: ${pom.version}) Pom/Project properties Al</div> </li> <li><a href="/article/1170.htm" title="java的类和对象" target="_blank">java的类和对象</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/JAVA%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1+%E7%B1%BB+%E5%AF%B9%E8%B1%A1/1.htm">JAVA面向对象类对象</a> <div>java中的类：     java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决   java使用 class 类名   来创建类，在Java中类名要求和构造方法，Java的文件名是一样的   创建一个A类： class A{ }   java中的类：将某两个事物有联系的属性包装在一个类中，再通</div> </li> <li><a href="/article/1297.htm" title="JS控制页面输入框为只读" target="_blank">JS控制页面输入框为只读</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。   </div> </li> <li><a href="/article/1424.htm" title="AngularJS与服务器交互" target="_blank">AngularJS与服务器交互</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/%24http/1.htm">$http</a> <div>        对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange</div> </li> <li><a href="/article/1551.htm" title="[Maven学习笔记八]Maven常用插件应用" target="_blank">[Maven学习笔记八]Maven常用插件应用</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>常用插件及其用法位于：http://maven.apache.org/plugins/   1. Jetty server plugin 2. Dependency copy plugin 3. Surefire Test plugin 4. Uber jar plugin           1. Jetty Pl</div> </li> <li><a href="/article/1678.htm" title="【Hive六】Hive用户自定义函数(UDF)" target="_blank">【Hive六】Hive用户自定义函数(UDF)</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%87%BD%E6%95%B0/1.htm">自定义函数</a> <div>1. 什么是Hive UDF Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括：文件格式：Text File，Sequence File 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 用户提供的 map/reduce 脚本：不管什么</div> </li> <li><a href="/article/1805.htm" title="杀掉nginx进程后丢失nginx.pid，如何重新启动nginx" target="_blank">杀掉nginx进程后丢失nginx.pid，如何重新启动nginx</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+%E9%87%8D%E5%90%AF+pid%E4%B8%A2%E5%A4%B1/1.htm">nginx 重启 pid丢失</a> <div>nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng</div> </li> <li><a href="/article/1932.htm" title="UI设计中我们为什么需要设计动效" target="_blank">UI设计中我们为什么需要设计动效</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/ui%E6%95%99%E7%A8%8B/1.htm">ui教程</a><a class="tag" taget="_blank" href="/search/ui%E8%A7%86%E9%A2%91/1.htm">ui视频</a><a class="tag" taget="_blank" href="/search/ui%E8%B5%84%E6%96%99/1.htm">ui资料</a><a class="tag" taget="_blank" href="/search/ui%E8%87%AA%E5%AD%A6/1.htm">ui自学</a> <div>随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。一、加强体验舒适度嗯，就是让用户更加爽更加爽的用你的产品。 </div> </li> <li><a href="/article/2059.htm" title="Spring中JdbcDaoSupport的DataSource注入问题" target="_blank">Spring中JdbcDaoSupport的DataSource注入问题</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>参考以下两篇文章： http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration Sprin</div> </li> <li><a href="/article/2186.htm" title="数据库连接池的工作原理" target="_blank">数据库连接池的工作原理</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5%E6%B1%A0/1.htm">数据库连接池</a> <div>       随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对</div> </li> <li><a href="/article/2313.htm" title="java 关键字" target="_blank">java 关键字</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> 关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 Java中的关键字按功能主要可以分为以下几类：    （1）访问修饰符       public,private,protected       p</div> </li> <li><a href="/article/2440.htm" title="Hive中的排序语法" target="_blank">Hive中的排序语法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F/1.htm">排序</a><a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/order+by/1.htm">order by</a><a class="tag" taget="_blank" href="/search/DISTRIBUTE+BY/1.htm">DISTRIBUTE BY</a><a class="tag" taget="_blank" href="/search/sort+by/1.htm">sort by</a> <div>Hive中的排序语法 2014.06.22 ORDER BY hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。</div> </li> <li><a href="/article/2567.htm" title="单态设计模式" target="_blank">单态设计模式</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>  单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。 <?phpclass Example{    // 保存类实例在此属性中    private static&</div> </li> <li><a href="/article/2694.htm" title="svn locked" target="_blank">svn locked</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/Lock/1.htm">Lock</a> <div>post-commit hook failed (exit code 1) with output: svn: E155004: Working copy 'D:\xx\xxx' locked svn: E200031: sqlite: attempt to write a readonly database svn: E200031: sqlite: attempt to write a </div> </li> <li><a href="/article/2821.htm" title=" ARM寄存器学习" target="_blank"> ARM寄存器学习</a> <span class="text-muted">e200702084</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/F%23/1.htm">F#</a> <div>无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。     ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 1、不分组寄存器（R0-R7）     不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是</div> </li> <li><a href="/article/2948.htm" title="常用编码资料" target="_blank">常用编码资料</a> <span class="text-muted">gengzg</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81/1.htm">编码</a> <div> List<UserInfo> list=GetUserS.GetUserList(11); String json=JSON.toJSONString(list); HashMap<Object,Object> hs=new HashMap<Object, Object>(); for(int i=0;i<10;i++) { </div> </li> <li><a href="/article/3075.htm" title="进程 vs. 线程" target="_blank">进程 vs. 线程</a> <span class="text-muted">hongtoushizi</span> <a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%9B%E7%A8%8B/1.htm">进程</a> <div>我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。如果用多线程实现</div> </li> <li><a href="/article/3202.htm" title="Linux定时Job：crontab -e 与 /etc/crontab 的区别" target="_blank">Linux定时Job：crontab -e 与 /etc/crontab 的区别</a> <span class="text-muted">Josh_Persistence</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/crontab/1.htm">crontab</a> <div>一、linux中的crotab中的指定的时间只有5个部分：* * * * * 分别表示：分钟，小时，日，月，星期，具体说来：第一段代表分钟 0—59 第二段代表小时 0—23 第三段代表日期 1—31 第四段代表月份 1—12 第五段代表星期几，0代表星期日 0—6   如： */1 * * * *   每分钟执行一次。 * </div> </li> <li><a href="/article/3329.htm" title="KMP算法详解" target="_blank">KMP算法详解</a> <span class="text-muted">hm4123660</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">字符串</a><a class="tag" taget="_blank" href="/search/KMP/1.htm">KMP</a> <div>     字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。       假设主串s="ababcabcacbab",模式串为t="</div> </li> <li><a href="/article/3456.htm" title="枚举类型的单例模式" target="_blank">枚举类型的单例模式</a> <span class="text-muted">zhb8015</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a> <div>E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*</div> </li> <li><a href="/article/3583.htm" title="Kafka+Storm+HDFS" target="_blank">Kafka+Storm+HDFS</a> <span class="text-muted">ssydxa219</span> <a class="tag" taget="_blank" href="/search/storm/1.htm">storm</a> <div>cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk</div> </li> <li><a href="/article/3710.htm" title="Java获取本地服务器的IP" target="_blank">Java获取本地服务器的IP</a> <span class="text-muted">中华好儿孙</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E8%8E%B7%E5%8F%96%E6%9C%8D%E5%8A%A1%E5%99%A8ip%E5%9C%B0%E5%9D%80/1.htm">获取服务器ip地址</a> <div> System.out.println("getRequestURL:"+request.getRequestURL()); System.out.println("getLocalAddr:"+request.getLocalAddr()); System.out.println("getLocalPort:&quo</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>