IE6 浏览器常见兼容问题 大汇总

以下全文载自独行冰海

IE6以及各个浏览器常见兼容问题 大汇总

综述：虽然说IE6在2014年4月将被停止支持，但是不得不说的是，IE6的市场并不会随着支持的停止而立刻消散下去，对于WEB前端开发工程师来说，兼容IE6 兼容各个浏览器，依然是不得不面对的工作。

在此总结了常见的浏览器兼容问题，里面也有IE6的常见兼容问题，供大家分享。

 

如需转载，请注明出处：网易博客-独行冰海：IE6 浏览器常见兼容问题 大汇总

1.文档类型的声明。

产生条件：IE6浏览器，当我们没有书写这个文档声明的时候，会触发IE6浏览器的怪异解析现象；

解决办法：书写文档声明。

2.不同浏览器当中，很多的标签的默认样式不同，如默认的外部丁内补丁。

产生条件：不同浏览器；

解决办法：利用CSS reset文件进行样式的清除，然后再根据需要进行设置。

3.横向双倍外边距

产生条件：在IE6中块元素浮动后，会出现横向双倍margin现象。

解决办法： 在float标签的样式控制中加入display：inline

4.默认行高

产生条件：IE6、IE7、遨游浏览器；设置的文字高度超出盒模型内容区域设置的高度时会影响布局。

解决办法：给超出高度的标签设置overflow：hidden；或者将文字的行高line-height设置为小于块的高度。

5.img外部的border

产生条件：img外部有a标签，即img标签有链接时

解决办法：设置img边框border:0;

6.图片默认有间距。

产生条件：img标签（每个img之后敲了回车）

解决办法：为img设置float的浮动布局方式。

7.经典3像素bug

产生条件：IE6浏览器，浮动块元素与未浮动块元素处于同一行，有默认的3px间距。

解决办法：设置非浮动元素浮动。

8.默认行高

产生条件：清除浮动的时候，有些人会采取一种清浮动的方法，使用一个空的div，然后为这个div设置{clear：both}。在大部分

浏览器当中，这样做是没有任何问题的，但是在IE6浏览器当中，div即使是空的，也会存在默认行高。

解决办法：设置其高度为0，并设置overflow:hidden。{height:0;overflow:hidden;clear:both;}

9.a标签hover不适用于所有标签

产生条件：IE6浏览器中hover只支持a标签的使用，不支持一切其它标签使用；

解决办法：合理用a标签嵌套其他行内标签或者用javascript模拟a的hover效果；详情请查看日志：兼容IE6 a标签hover效果

10.table标签当中border-color属性设置无效

产生条件：IE6中table设置属性border-color无效；

解决办法：运用CSS样式进行控制，而不是使用属性进行样式的处理。

11.png格式图片

产生条件：IE6浏览器，不支持透明；

解决办法：使用javascript进行处理；或者使用gif、jpg图像替代掉png图片的使用。

12.透明rgba与opacity

产生条件：IE6不支持此两种透明的设置方法；

解决办法：使用IE6当中的滤镜filter替代掉，如：opacity:0.6;filter:alpha(opacity=60)。

13.子选择器在IE6中不能使用

产生条件：IE6浏览器，使用E>F子选择器；

解决办法：采用其他选择器或者采用后代选择器进行控制，如：div p{margin:10px;} div p p{margin:0;}替代掉 div>p{margin:10px;}。

14.不支持最大最小宽高

产生条件：IE6浏览器，标签的最低高度/宽度设置（min/max-height）

解决办法：为IE6单独设置hack，即_height:最小高度值；_width：最小宽度值（对于IE6，当实际宽高超出定义的宽高时，元素会自动调整宽高）。对于最大高度和最大宽度，没有必要设置兼容，当前对于开发者来说，只需要保证IE6下正常显示即可，无需在它身上花费太多功夫。

15.纵向居中，IE6不支持display:table-cell

产生条件：IE6浏览器，设置一个元素在另一个元素中垂直方向上居中对齐，不能够支持以单元格的方式来显示元素；

解决办法：如果是单行文本，采用line-height和height的配合使得文本垂直居中，如果中间是其他元素或者多行文本，采用其他方法进行居中处理，处理方法有多种，详见日志：CSS元素水平垂直居中。

16.input 聚焦框颜色与样式不同

产生条件：各个浏览器表现不同；

处理方法：使用outline:none，清除默认样式之后再统一设置。

17.鼠标移上小手效果

产生条件：IE6，cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。；

解决办法：设置两种cursor:pointer ; cursor:hand。

18.子标签无法撑开父标签的高度

产生条件：父标签内部含一个或多个子标签，父标签没有设置浮动，而子标签发生浮动；

处理方法：方法1：在子标签最后添加清除浮动的设置

; 方法2：为父标签添加{overflow:hidden;}的样式； 方法3：为父标签设置固定高度。

19.li的间距问题

产生条件：IE6浏览器 li标签设置宽高，且li里面的元素发生了浮动；

处理方法：方法1：li不设置宽高；

                 方法2：li内部的标签不进行浮动。

20.行内元素布局混乱

产生条件：行内元素为包含框时，如果包含框包含的绝对定位元素以百分比为单位进行定位；

处理方法：在行内元素当中加入{zoom:1}，触发IE的hasLayout。关于hasLayout的更多介绍请参见日志：hasLayout IE浏览器bug的来源。

21.多显示一个字

产生条件：多个浮动元素中间夹杂HTML注释语句，浮动元素宽度设置为100%；则在下一行多显示一个上一行的最后一个字符；

处理方法：果断删掉注释！

22.CSS优先级 ！important

产生条件：IE6当中，在同一组CSS属性中，!important不起作用；

处理方法：单独设置。

23.img图片下部高度多余5px

产生条件：IE6浏览器；

处理方法：将图片转化为块级对象，即display:block。还有四种其他方法，详细解释参见日志：“IE6 BUG 图片元素img下 高度超出 出现多余空白”

IE6 BUG 图片元素img下 高度超出 出现多余空白

1、将图片转换为块级对象

即，设置img为“display:block;”。

2、设置图片的垂直对齐方式

即设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”也可以解决。

3、设置父对象的文字大小为0px

即，在代码中添加一行：“font-size:0;”可以解决问题。但这也引发了新的问题，在父对象中的文字都无法显示。就算文字部分被子对象括起来，设置子对象文字大小依然可以显示，但在CSS效验的时候会提示文字过小的错误。

4、改变父对象的属性

如果父对象的宽、高固定，图片大小随父对象而定，那么可以设置“overflow:hidden;”来解决。

5、设置图片的浮动属性

即在本例中增加一行CSS代码： img {float:left;}”。如果要实现图文混排，这种方法是很好的选择。

input 标签(file类型)在IE和FF里的兼容问题  

IE，永远都是那么不同……那么特立独行…………

file类型的input标签在IE浏览器以及火狐（FF）浏览器当中，存在着兼容问题，对于宽度的设置，使用的语法并不相同，具体区别如下 代码：

在IE里，浏览器以style中的设置的width控制整个标签的宽度。

在FF里，浏览器以size中的数值控制整个标签的宽度。

注：示例代码中的数值在IE6和FF3中，显示的宽度是相同的。



IE6中li列表项之间增加空行BUG

不知道大家是否遇到过这样的事情，FF中正常，在IE6中Li列表项之间增加空行。如果出现了这样的问题我们怎么解决呢？

1、HTML代码：

     

     
• href="#">IE6中li列表项之间增加空行BUG

     
• href="#">IE6中li列表项之间增加空行BUG

     
• href="#">IE6中li列表项之间增加空行BUG

   

2、CSS代码：

    * {padding:0;margin:0;}
    li { }
    li a {background:#CCC;border-bottom:1px #000 solid;text-decoration:none;display: block;}
    li a:hover {background:#BBB;}

IE6中列表的常见问题出现在当某个 li 中的内容是一个 display: block 的锚点(anchor)时。在这种情况下，列表元素之间的空格将不会被忽略而且通常会显示成额外的一行夹在每个 li 之间。一种避免这种竖直方向多余空白的解决方法是赋予这些锚点 layout。这样还有一个好处就是可以让整个锚点的矩形区域都可以响应鼠标点击。


解决方案1（推荐）：就是在li a 样式中加入width:100%或者一个宽度值；

    * {padding:0;margin:0;}
    li {  }
    li a {background:#CCC;border-bottom:1px #000 solid;text-decoration:none;display: block; width:100% }
    li a:hover {background:#BBB;}

解决方案2：就是在li a 样式中加入zoom:1；

    * {padding:0;margin:0;}
    li { }
    li a {background:#CCC;border-bottom:1px #000 solid;text-decoration:none;display: block;zoom:1}
    li a:hover {background:#BBB;}

解决方案3：就是在li 样式中加入display:inline ；

    * {padding:0;margin:0;}
    li { display:inline }
    li a {background:#CCC;border-bottom:1px #000 solid;text-decoration:none;display: block;}
    li a:hover {background:#BBB;}

解决方法4（不推荐）：就是将

标签写成一行。

hasLayout IE浏览器bug的来源 

hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时，它负责对自己和可能的后代元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容，而不是依赖于祖先元素来完成这些工作。

  默认 hasLayout=true 的标签：

<button> <iframe> <embed> <object> <applet> <marquee>  </div> <div> <br> </div> <div> <div> 很多情况下，把 hasLayout的状态改成true 可以解决很大部分ie下显示的bug。  <span style="line-height:22px;">hasLayout属性不能直接设定，通过设定一些特定的css属性来触发并改变 hasLayout 状态。</span> </div> </div> <div> <span style="line-height:22px;"><br></span> </div> <div> 元素hasLayout而导致的问题其实一般都很容易发现：往往是内容出现错位甚至完全不可见。 </div> <div> 如：当一个元素内含浮动或绝对定位的内容时，它通常会表现出奇怪和错误的行为 </div> <div> <br> </div> <div> 一般如果是因为layout而引起的显示不符期望效果的话，在ff下会表现正常，而在ie下会出现错误。这个时候可以尝试触发父容器及其中的子容器的haslayout属性，通常可以通过加上zoom: 1;来调试。直到找到了产生问题的元素，再进行针对性的修正。最好的办法是对这个元素设置尺寸属性。但是，有时不便指定尺寸属性的情况下，就只能寻找替代方案了。对于ie7 ，最好的办法是设置最小高度属性为0；这个技术是无害的，因为0本来就是这个属性的初始值。而且没有必要对其他浏览器隐藏这个属性。而对于ie6和更早版本中触发一个元素hasLayout的方法是在overflow属性是visible的情况下设置这个元素的高度属性为1%，然后对其他浏览器隐藏这个设置。这种技术就是著名的Holly hack。 </div> <div> <span style="line-height:22px;"><br></span> </div> <span style="line-height:22px;"></span> <div> display  </div> <div> 启动haslayout的值:inline-block  </div> <div> 取消hasLayout的值:其他值  </div> <div> <br> </div> <div> width/height  </div> <div> 启动hasLayout的值：除了auto以外的值  </div> <div> 取消hasLayout的值：auto  </div> <div> <br> </div> <div> position  </div> <div> 启动hasLayout的值：absolute  </div> <div> 取消hasLayout的值：static  </div> <div> <br> </div> <div> <span style="line-height:22px;">float </span> </div> <div> 启动hasLayout的值：left或right  </div> <div> 取消hasLayout的值：none  </div> <div> <br> </div> <div> zoom  </div> <div> 启动hasLayout的值：有值  </div> <div> 取消hasLayout的值：narmal或者空值  </div> <div> （zoom是微软IE专有属性，可以触发hasLayout但不会影响页面的显示效果。zoom: 1常用来除错， ie 5不支持。）  </div> <div> <br> </div> <div> <div> ie7还有一些额外的属性可以触发该属性（不完全列表）：  </div> <div> min-height: (任何值)  </div> <div> max-height: (任何值除了none)  </div> <div> min-width: (任何值)  </div> <div> max-width: (任何值除了none)  </div> <div> overflow: (任何值除了visible)  </div> <div> overflow-x: (任何值除了visible)  </div> <div> overflow-y: (任何值除了visible) <br> <br> <br> <h3 class="title pre fs1"><span style="font-size:24px;color:#666666;"><span class="tcnt">兼容IE6a标签hover特殊效果</span>  <br></span></h3> <p><br></p> <div class="bct fc05 fc11 nbw-blog ztag"> <pre class="prettyprint"></pre> <p><span class="dec"><!DOCYTPE HTML></span> <span class="tag"><html></span> <span class="tag"><head></span> <span class="pln"> </span><span class="tag"><meta</span><span class="pln"> </span><span class="atn">charset</span><span class="pun">=</span><span class="atv">"utf-8"</span><span class="tag">></span> <span class="pln"> </span><span class="tag"><title></span><span class="pln">测试1</span><span class="tag"></title></span> <span class="pln"> </span><span class="tag"><style></span> <span class="pln"> </span><span class="pun">*{</span> <span class="pln"> margin</span><span class="pun">:</span><span class="pln"> </span><span class="lit">0px</span><span class="pun">;</span> <span class="pln"> padding</span><span class="pun">:</span><span class="pln"> </span><span class="lit">0px</span><span class="pun">;</span> <span class="pln"> list</span><span class="pun">-</span><span class="pln">style</span><span class="pun">:</span><span class="pln"> none</span><span class="pun">;</span> <span class="pln"> </span><span class="pun">}</span> <span class="pln"> ul</span><span class="pun">{</span> <span class="pln"> margin</span><span class="pun">:</span><span class="pln"> </span><span class="lit">20px</span><span class="pln"> </span><span class="kwd">auto</span><span class="pun">;</span> <span class="pln"> width</span><span class="pun">:</span><span class="pln"> </span><span class="lit">350px</span><span class="pun">;</span> <span class="pln"> height</span><span class="pun">:</span><span class="pln"> </span><span class="lit">270px</span><span class="pun">;</span> <span class="pln"> background</span><span class="pun">:</span><span class="pln"> </span><span class="com">#fcc;</span> <span class="pln"> </span><span class="pun">}</span> <span class="pln"> h3</span><span class="pun">{</span> <span class="pln"> display</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">inline</span><span class="pun">;</span> <span class="pln"> </span><span class="pun">}</span> <span class="pln"> a</span><span class="pun">{</span> <span class="pln"> </span><span class="kwd">float</span><span class="pun">:</span><span class="pln"> left</span><span class="pun">;</span> <span class="pln"> width</span><span class="pun">:</span><span class="pln"> </span><span class="lit">350px</span><span class="pun">;</span> <span class="pln"> height</span><span class="pun">:</span><span class="pln"> </span><span class="lit">35px</span><span class="pun">;</span> <span class="pln"> margin</span><span class="pun">-</span><span class="pln">bottom</span><span class="pun">:</span><span class="pln"> </span><span class="lit">5px</span><span class="pun">;</span> <span class="pln"> background</span><span class="pun">:</span><span class="pln"> red</span><span class="pun">;</span> <span class="pln"> </span><span class="pun">}</span> <span class="pln"> a</span><span class="pun">:</span><span class="pln">hover</span><span class="pun">{</span> <span class="pln"> background</span><span class="pun">:</span><span class="pln"> yellow</span><span class="pun">;</span></p> <p><span><span class="pln"> </span></span><span class="pln">zoom</span><span class="pun">:</span><span class="lit">1</span><span class="pun">;</span> <span class="pln"> height</span><span class="pun">:</span><span class="lit">60px</span><span class="pun">;</span> <span class="pln"> </span><span class="pun">}</span> <span class="pln"> a</span><span class="pun">:</span><span class="pln">hover b</span><span class="pun">,</span><span class="pln">a</span><span class="pun">:</span><span class="pln">hover h3</span><span class="pun">,</span><span class="pln">a</span><span class="pun">:</span><span class="pln">hover span</span><span class="pun">{</span> <span class="pln"> display</span><span class="pun">:</span><span class="pln"> none</span><span class="pun">;</span> <span class="pln"> </span><span class="pun">}</span> <span class="pln"> </span><span class="tag"></style></span> <span class="tag"></head></span> <span class="tag"><body></span> <span class="pln"> </span><span class="tag"><ul></span> <span class="pln"> </span><span class="tag"><li><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">""</span><span class="tag">><h3></span><span class="pln">尹小芃呆呆</span><span class="tag"></h3><span></span><span class="pln">世说新语</span><span class="tag"></span></a></li></span> <span class="pln"> </span><span class="tag"><li><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">""</span><span class="tag">><h3></span><span class="pln">尹小芃呆呆</span><span class="tag"></h3><span></span><span class="pln">世说新语</span><span class="tag"></span></a></li></span> <span class="pln"> </span><span class="tag"><li><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">""</span><span class="tag">><h3></span><span class="pln">尹小芃呆呆</span><span class="tag"></h3><span></span><span class="pln">世说新语</span><span class="tag"></span></a></li></span> <span class="pln"> </span><span class="tag"><li><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">""</span><span class="tag">><h3></span><span class="pln">尹小芃呆呆</span><span class="tag"></h3><span></span><span class="pln">世说新语</span><span class="tag"></span></a></li></span> <span class="pln"> </span><span class="tag"><li><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">""</span><span class="tag">><h3></span><span class="pln">尹小芃呆呆</span><span class="tag"></h3><span></span><span class="pln">世说新语</span><span class="tag"></span></a></li></span> <span class="pln"> </span><span class="tag"><li><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">""</span><span class="tag">><h3></span><span class="pln">尹小芃呆呆</span><span class="tag"></h3><span></span><span class="pln">世说新语</span><span class="tag"></span></a></li></span> <span class="pln"> </span><span class="tag"></ul></span> <span class="tag"></body></span> <span class="tag"></html></span></p> <div> <ul> <li style="list-style:none;width:350px;"> <dl> <dt> </dt> <dd> 原效果 </dd> </dl></li> <li style="list-style:none;width:377px;"> <dl> <dt> </dt> <dd> 鼠标放上去的效果 </dd> </dl></li> </ul> </div> <div style="clear:both;"> <p>a{float:left}将a标签转化成块元素，这样可以设置宽和高。</p> <p><span style="font-family:monospace;line-height:22px;">a:hover b{}当鼠标放在a标签上时，只是将a标签的b的内容隐藏掉，而不是将a隐藏掉。如果将a标签隐藏掉的，hover效果将消失，</span></p> </div> </div> <br> </div> </div> <br> <div class="multicntwrap"> <div class="multicnt"> <div> <h3 class="title pre fs1"><span style="font-size:24px;color:#333333;"><span class="tcnt">IE6 BUG 图片元素img下 高度超出 出现多余空白</span>  </span><span class="bgc0 fc07 fw0 fs0"></span></h3> </div> </div> </div> <div></div> <span style="font-family:'微软雅黑';"></span> <div> <div> <span style="font-family:'微软雅黑';">1、将图片转换为块级对象</span> </div> <div> <span style="font-family:'微软雅黑';">即，设置img为“display:block;”。</span> </div> <div> <span style="font-family:'微软雅黑';"><br></span> </div> <div> <span style="font-family:'微软雅黑';">2、设置图片的垂直对齐方式</span> </div> <div> <span style="font-family:'微软雅黑';">即设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”也可以解决。</span> </div> <div> <span style="font-family:'微软雅黑';"><br></span> </div> <div> <span style="font-family:'微软雅黑';">3、设置父对象的文字大小为0px</span> </div> <div> <span style="font-family:'微软雅黑';">即，在代码中添加一行：“font-size:0;”可以解决问题。但这也引发了新的问题，在父对象中的文字都无法显示。就算文字部分被子对象括起来，设置子对象文字大小依然可以显示，但在CSS效验的时候会提示文字过小的错误。</span> </div> <div> <span style="font-family:'微软雅黑';"><br></span> </div> <div> <span style="font-family:'微软雅黑';">4、改变父对象的属性</span> </div> <div> <span style="font-family:'微软雅黑';">如果父对象的宽、高固定，图片大小随父对象而定，那么可以设置“overflow:hidden;”来解决。</span> </div> <div> <span style="font-family:'微软雅黑';"><br></span> </div> <div> <span style="font-family:'微软雅黑';">5、设置图片的浮动属性</span> </div> <div> <span style="font-family:'微软雅黑';">即在本例中增加一行CSS代码： img {float:left;}”。如果要实现图文混排，这种方法是很好的选择。</span> </div> </div> <br> </div> </div> <br> <div class="multicntwrap"> <div class="multicnt"> <div> <h3 class="title pre fs1"><span class="tcnt">IE6下左浮动元素margin-bottom失效 bug</span>  <span class="bgc0 fc07 fw0 fs0"></span></h3> </div> </div> </div> <div></div> <h1><span style="font-size:12px;">在 IE6 IE7 IE8(Q)中，容器div的 'zoom:1' 触发了 hasLayout，其内部浮动子元素也参与到了容器的高度计算之中。但是浮动子元素设置的 'margin-bottom' 消失；</span><br></h1> <p>在其他浏览器中，容器的 'overflow:hidden' 创建了新的 Block Formatting Context ，同样，其内部浮动子元素也参与到了容器的高度计算之中。浮动子元素的四个方向的 margin 均正常。</p> <strong>例子：第一个div子元素设置了底部的margin值，在清除浮动之后无效</strong> <ol id="lgl_code"> <li><!doctype html></li> <li><html></li> <li><head></li> <li>    <meta charset="UTF-8"></li> <li>    <title>浮动元素的影响-独行冰海</title></li> <li>    <style></li> <li>        *{margin: 0;padding: 0;}</li> <li>        .con-float-box{</li> <li>            width: 600px;</li> <li>            border: 1px solid #f00;</li> <li>        }</li> <li>        .con-float-box div{</li> <li>            float: left;</li> <li>            width: 198px;</li> <li>            height: 98px;</li> <li>            margin: 20px 0;</li> <li>            border: 1px solid #00f;</li> <li>        }</li> <li>        .box-pos{</li> <li>            width: 600px;</li> <li>            height: 100px;</li> <li>            margin-top: 10px;</li> <li>            border: 1px solid #000;</li> <li>            background: #ccf;</li> <li>        }</li> <li>        .clearfix:before,.clearfix:after {</li> <li>            content: "\200B";</li> <li>            display: block;</li> <li>            height: 0;</li> <li>            overflow: hidden;</li> <li>        }</li> <li>        .clearfix:after {clear: both;}</li> <li><br></li> <li><br></li> <li>    </style></li> <li></head></li> <li><body></li> <li>    <div class='con-float-box clearfix'></li> <li>        <div>1</div></li> <li>        <div>2</div></li> <li>        <div>3</div></li> <li>        <div>4</div></li> <li>        <div>5</div></li> <li>        <div>6</div></li> <li>        <div>7</div></li> <li>        <div>8</div></li> <li>    </div></li> <li>    <div class='box-pos'>为第一个div设置了清除浮动的类clearfix，进行了相应的处理，此时，在谷歌浏览器当中正常，但是在IE6，依旧不正常，第7和第8个块底部的margin没有生效。</div></li> <li></body></li> <li></html></li> </ol> <h2> </h2> <div style="text-align:center;"> </div>   <h2><span style="font-size:12px;">解决方案</span></h2> <p>为容器显式地设置高度。若容器高度不定，则要避免在触发了 hasLayout 的容器内的浮动子元素上设置 'margin-bottom' 特性，可以通过为容器设置 'padding-bottom' 达到相似的效果。</p> <p>只要不同时触发父元素hasLayout、子元素左浮动、左浮动子元素拥有非零的 margin-bottom 值，这三个条件中任意一项，均可解决此问题。</p> <p><br></p> <p></p> <h3 class="title pre fs1"><span style="font-size:24px;color:#666666;"><span class="tcnt">变态的inline-block带来的bug</span> </span><br></h3> <span style="font-size:18px;">span之间的空隙，到底是什么？</span> <p></p> <p></p> <p>display:inline-block的元素虽然能够处于同一行，但是很变态的是它们之间出现了空格，如何处理？（例如在浮动元素居中当中，我们必须使用display:inline-block）</p> <p>实例：</p> <ol> <li><!doctype html></li> <li><html></li> <li><head></li> <li>    <meta charset="UTF-8"></li> <li>    <title>内敛元素的间隙-独行冰海</title></li> <li>    <style></li> <li>        *{margin: 0;padding: 0;}</li> <li>        .con{</li> <li>            width: 300px;</li> <li>            height: 24px;</li> <li>            margin: 10px auto;</li> <li>            border: 1px solid #f00;</li> <li>            font-size: 14px;</li> <li>            line-height: 24px;</li> <li>        }</li> <li>        span{</li> <li>            border-right: 1px solid #00f;</li> <li>        }</li> <li>    </style></li> <li></head></li> <li><body></li> <li>    <div class='con'></li> <li>        <span>独行冰海</span></li> <li>        <span>内联元素</span></li> <li>        <span>小空隙</span></li> <li>    </div></li> <li></body></li> <li></html></li> </ol> <p>如图：</p> <div style="text-align:center;"> </div> <p> <span style="line-height:24px;text-indent:2em;">左侧有明显的空隙</span></p> <p><strong>原因：</strong></p> <p>内联元素在html中换行的同时会产生一个文本节点，可以使用负值的margin-right或者letter-spacing + word-spacing来解决这个问题，或者使用float，不考虑chrome可使用font-size基本解决。</p> <p>浮动之后：</p> <div style="text-align:center;"> </div> <p> <span style="line-height:24px;text-indent:2em;">inline-block用于块对象的横向排列（如图片组），其有着一些float不可替代的作用（如不错位、可垂直居中等），但在实际应用中，还是存在一个很纠结的弊端——有缝</span></p> <h2>行元素的使用方法：</h2> <ol> <li>.father { font-family:'微软雅黑'; font-size:12px;}</li> <li>.father span { display:inline-block; background:#f60; width:100px; height:100px; margin-right:-0.5em;}</li> </ol> <h2>对象为块对象时：</h2> <ol> <li><!DOCTYPE html></li> <li><html></li> <li><head></li> <li><meta charset="utf-8" /></li> <li><title>当对象为块对象时的解决方法</title></li> <li><style type="text/css"></li> <li>* { margin:0; padding:0;}</li> <li>.father { font-size:0px; font-family:'微软雅黑';}</li> <li>.father li { display:inline-block; *display:inline; zoom:1; background:#f60; width:100px; height:100px; margin-right:0; font-size:12px;text-align: center;line-height: 100px;}</li> <li></style></li> <li></head></li> <li><body></li> <li><ul class="father"></li> <li>    <li>内容</li></li> <li>    <li>内容</li></li> <li>    <li>内容</li></li> <li>    <li>内容</li></li> <li></ul></li> <li></body></li> <li></html></li> </ol> <p>有人如果在此问，我明明转化成行内元素了（IE6），但是，为何宽高还有效呢？这是由于通过 zoom:1 触发了 hasLayout，使其可以设置宽高。</p> <p>该bug与文字的字体大小相关，这里之所以不直接使用font-size:0，然后在子对象上再进行大小恢复，其主要原因在于即使这样设置了，在safari、chrome以及为块对象时的ie6和ie7当中依旧存在1px的问题，需要单独hack。</p> <h2>小结</h2> <p>1. 缝隙的宽度与文字大小相关，缝隙就如同一个文本节点，字越大，缝隙也就越大。</p> <p>2. 这个文本节点是由于换行产生的，故，如果span和span之间或li与li之间不存在换行，那就没必要这么罗嗦了。</p> <p>3. 示例中采用了font-family:’微软雅黑’（也可以是simsun-宋体），这是因为在等宽字体的情况下，各浏览器对这个文本节点的宽度就很一致了：0.5em</p> </div> </div> <p></p> <p><br></p> <br> </div> </div> <br> <p><br></p> <p><br></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1305752799732076544"></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"> <!-- 文章页-右侧1 动态广告位 --> <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> <!-- 文章页-右侧2 动态广告位 --> <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> <!-- 文章页-右侧3 动态广告位 --> <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">你可能感兴趣的:(IE6,Bug,HTMl5,HTML5自由者,HTML5自由者,黄艺斌,IE6,BUG,独行冰海,IE浏览器兼容问题)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1880887231787364352.htm" title="什么是 .NET 的 Nancy 框架，如何使用它构建 Web 应用？" target="_blank">什么是 .NET 的 Nancy 框架，如何使用它构建 Web 应用？</a> <span class="text-muted">晚夜微雨问海棠呀</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a> <div>Nancy框架是一个轻量级的.NETWeb框架，它旨在提供一个简单、灵活的方式来构建HTTP服务。Nancy的设计哲学是“约定优于配置”，这意味着开发者可以快速上手，而不需要进行大量的配置工作。Nancy支持多种.NET运行时环境，包括.NETFramework和.NETCore。主要特点轻量级：Nancy的核心非常小，这使得它可以很容易地与其他库和框架集成。模块化：Nancy的架构是高度模块化的</div> </li> <li><a href="/article/1880880538831613952.htm" title="【深度学习】Huber Loss详解" target="_blank">【深度学习】Huber Loss详解</a> <span class="text-muted">小小小小祥</span> <a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</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/%E7%AE%97%E6%B3%95/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/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>文章目录1.HuberLoss原理详解2.Pytorch代码详解3.与MSELoss、MAELoss区别及各自优缺点3.1MSELoss均方误差损失3.2MAELoss平均绝对误差损失3.3HuberLoss4.总结4.1优化平滑4.2梯度较好4.3为什么说MSE是平滑的1.HuberLoss原理详解HuberLoss是一种结合了MSE（均方误差）与MAE（平均绝对误差）的损失函数，旨在克服两者的</div> </li> <li><a href="/article/1880874120653107200.htm" title="下一代 CSS 框架：Mojo CSS" target="_blank">下一代 CSS 框架：Mojo CSS</a> <span class="text-muted"></span> <div>TailwindCSS推出即受到广大开发者的欢迎，当前Githubstar数已达77.8k。它是一个功能类优先（utility-first）的CSS框架，它提供了一系列功能类，让开发者可以在HTML中通过组合这些功能类（原子类）的方式去快速构建用户界面。本文将给大家分享下一代原子级CSS框架：MojoCSS，并简要阐述其与TailwindCSS的异同。MojoCSS基本介绍MojoCSS定位为下一</div> </li> <li><a href="/article/1880873993578278912.htm" title="现代 CPU 技术发展 | 京东云技术团队" target="_blank">现代 CPU 技术发展 | 京东云技术团队</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/cpucpu%E6%9E%B6%E6%9E%84%E8%BD%AF%E4%BB%B6%E5%BC%80%E5%8F%91/1.htm">cpucpu架构软件开发</a> <div>介绍这篇文章主要是介绍CPU技术的发展，包括最近几十年CPU性能提升和半导体工艺发展，当前技术发展方向。希望可以帮助软件开发者理解CPU指令集和组成运行原理、CPU性能提升的现状和瓶颈、CPU技术发展方向会如何影响软件开发/设计的框架和编程思想。提示：因为是面向软件开发者，所以会忽略掉一些电路设计、制造工艺等底层的硬件知识。同时也不会特别深入的介绍每个知识点，只是提供一个概览。CPU指令集和运行原</div> </li> <li><a href="/article/1880872223225475072.htm" title="Spring Boot与Spring的区别" target="_blank">Spring Boot与Spring的区别</a> <span class="text-muted">码农小灰</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/SpringBoot/1.htm">SpringBoot</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/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a> <div>在当今的Java开发领域，Spring框架无疑是最为重要且广泛应用的框架之一。而随着技术的不断发展和开发者对效率与便捷性的追求，基于Spring框架的SpringBoot应运而生。接下来，将详细阐述SpringBoot与Spring的主要区别，并通过实际的使用场景说明，帮助大家更好地理解何时该选用SpringBoot，何时适合使用Spring。一、主要区别1.自动配置Spring：需要大量的XML</div> </li> <li><a href="/article/1880868940679278592.htm" title="C++简单实现一个日志类" target="_blank">C++简单实现一个日志类</a> <span class="text-muted">第六帅</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">面向对象</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%BF%97/1.htm">日志</a> <div>C++没有貌似自带的日志类，如果仅仅使用cout输出调试信息的话比较凌乱，所以我尝试自己实现了一个Logger类，主要考虑实现以下功能:日志等级:参考python的logger类，我设置了四个日志等级,从低到高依次为debug,info,warning,error，这样的话我想输出一条debug信息就可以这样写logger.debug("something...")，(关于日志等级是什么意思可以参</div> </li> <li><a href="/article/1880868813868691456.htm" title="探索LLMonitor：全面提升AI应用可观测性的开源平台" target="_blank">探索LLMonitor：全面提升AI应用可观测性的开源平台</a> <span class="text-muted">afTFODguAKBF</span> <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/python/1.htm">python</a> <div>引言在构建和部署大型语言模型（LLM）和聊天模型时，开发者通常面临数据追踪、使用情况分析、成本控制等各种挑战。LLMonitor是一个开源的可观测性平台，专注于解决这些挑战。它提供了成本和使用分析、用户跟踪、追踪和评估工具。本文将详细探讨如何设置和使用LLMonitor，以提高AI应用的透明度和效率。主要内容设置LLMonitor要开始使用LLMonitor，首先需要在llmonitor.com上</div> </li> <li><a href="/article/1880868561715523584.htm" title="利用Langchain与Minimax进行自然语言处理的精彩指南" target="_blank">利用Langchain与Minimax进行自然语言处理的精彩指南</a> <span class="text-muted">afTFODguAKBF</span> <a class="tag" taget="_blank" href="/search/langchain/1.htm">langchain</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a><a class="tag" taget="_blank" href="/search/easyui/1.htm">easyui</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>#引言在人工智能的浪潮中，自然语言处理（NLP）成为了企业和个人用户的重要工具。Minimax作为一家中国初创企业，专注于提供优秀的语言模型服务。本篇文章将介绍如何使用Langchain库与Minimax进行交互，帮助开发者充分利用这一强大的AI工具。#主要内容##1.Minimax简介Minimax专注于自然语言处理，为企业和个人用户提供高效的语言模型服务。其API能处理多种自然语言任务，例如文</div> </li> <li><a href="/article/1880865156938919936.htm" title="【学习总结|DAY028】后端Web实战(部门管理)" target="_blank">【学习总结|DAY028】后端Web实战(部门管理)</a> <span class="text-muted">123yhy传奇</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a> <div>在Web后端开发领域，构建高效、规范且功能完备的系统是核心目标。本文将围绕Tlias智能学习辅助系统的后端开发展开，详细阐述从开发准备工作到各部门管理功能实现，以及日志技术应用的全过程，为开发者提供全面的实践参考。一、开发准备（一）开发模式与规范前后端分离开发已成为主流趋势。在这种模式下，前端项目和后端项目的开发、部署相互独立。其开发流程包括需求分析、接口设计、前后端并行开发、测试以及联调等环节。</div> </li> <li><a href="/article/1880865158163656704.htm" title="【学习总结|DAY029】后端Web实战(员工管理)一：多表操作与查询优化" target="_blank">【学习总结|DAY029】后端Web实战(员工管理)一：多表操作与查询优化</a> <span class="text-muted">123yhy传奇</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>在Web后端开发中，员工管理模块是企业级应用的重要组成部分。本文将深入探讨Tlias系统员工管理模块的开发过程，重点聚焦于多表关系处理、多表查询实现以及员工列表查询的优化，为开发者提供全面的技术参考。一、多表关系剖析（一）一对多关系（以部门与员工为例）在实际业务场景中，一个部门通常会包含多个员工，这就形成了典型的一对多关系。在数据库设计层面，我们通过在员工表（emp）中添加外键dept_id来关联</div> </li> <li><a href="/article/1880865159417753600.htm" title="【学习总结|DAY030】后端Web实战(员工管理)二：新增员工、事务管理与文件上传" target="_blank">【学习总结|DAY030】后端Web实战(员工管理)二：新增员工、事务管理与文件上传</a> <span class="text-muted">123yhy传奇</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在Web后端开发领域，实现复杂业务功能是开发者的核心任务之一。本文将围绕Tlias系统的员工管理模块，详细介绍新增员工、事务管理以及文件上传功能的开发过程，通过实际代码示例帮助读者深入理解相关技术要点。一、新增员工功能实现新增员工功能涉及员工基本信息和工作经历信息的存储。在数据库设计上，使用emp表存储员工基本信息，emp_expr表存储员工工作经历信息。（一）需求与接口设计接口用于添加员工信息，</div> </li> <li><a href="/article/1880865028073123840.htm" title="【学习总结|DAY025】JAVA-WEB基础" target="_blank">【学习总结|DAY025】JAVA-WEB基础</a> <span class="text-muted">123yhy传奇</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><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/springboot/1.htm">springboot</a> <div>在Web开发领域，SpringBoot已成为重要的技术框架，其简化配置和快速开发的特性深受开发者喜爱。本文将详细介绍SpringBootWeb开发的基础知识，涵盖从入门程序搭建到HTTP协议解析，再到分层解耦实践等内容，助力读者快速上手。一、SpringBootWeb入门（一）Spring生态与SpringBoot优势Spring发展出庞大生态，提供众多子项目，各有特定功能。SpringBoot尤</div> </li> <li><a href="/article/1880859485346525184.htm" title="C++ initializer_list 列表初始化（八股总结）" target="_blank">C++ initializer_list 列表初始化（八股总结）</a> <span class="text-muted">fadtes</span> <a class="tag" taget="_blank" href="/search/C%2B%2B%E5%85%AB%E8%82%A1/1.htm">C++八股</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a> <div>定义std::initializer_list是C++11引入的一个类模板，用于支持列表初始化。它允许开发者使用花括号{}提供一组值直接初始化容器或自定义类型。std::initializer_list提供了一种简洁优雅的语法来传递多个值。主要用途初始化容器使用列表初始化方式为容器赋值。#include#includeintmain(){std::vectorvec={1,2,3,4,5};for</div> </li> <li><a href="/article/1880857343202226176.htm" title="加速AI模型部署：深入探索Banana的无服务架构" target="_blank">加速AI模型部署：深入探索Banana的无服务架构</a> <span class="text-muted">afTFODguAKBF</span> <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/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>加速AI模型部署：深入探索Banana的无服务架构引言在AI模型的构建与部署中，无服务架构（ServerlessArchitecture）正逐渐成为开发者的首选方案。这种架构可以简化部署流程，提高扩展性，并降低成本。在本文中，我们将探讨如何利用Banana提供的无服务GPU推理来部署AI模型，并结合LangChain实现高效的模型推理。主要内容1.Banana生态系统的优势Banana提供了一套完</div> </li> <li><a href="/article/1880849532661592064.htm" title="软考信安22~网站安全需求分析与安全保护工程" target="_blank">软考信安22~网站安全需求分析与安全保护工程</a> <span class="text-muted">jnprlxc</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E8%80%83%7E%E4%BF%A1%E6%81%AF%E5%AE%89%E5%85%A8%E5%B7%A5%E7%A8%8B%E5%B8%88/1.htm">软考~信息安全工程师</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/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/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>1、网站安全威胁与需求分析1.1、网站安全概念网站安全主要是有关网站的机密性、完整性、可用性及可控性。网站的机密性是指网站信息及相关数据不被授权查看或泄露。网站的完整性是指网站的信息及数据不能非授权修改，网站服务不被劫持。网站的可用性是指网站可以待续为相关用户提供不中断的服务的能力，满足用户的正常请求服务。网站的可控性是指网站的责任主体及运营者对网站的管理及控制的能力，网站不能被恶意利用。1.2、</div> </li> <li><a href="/article/1880844988976263168.htm" title="Yii框架中的文件上传与下载" target="_blank">Yii框架中的文件上传与下载</a> <span class="text-muted">ac-er8888</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>Yii框架是一款基于PHP语言的MVC框架，以其快速开发、简单高效的特点而广受开发者欢迎。在网站开发中，文件上传和下载是一个常见的功能需求，Yii框架为此提供了方便和易用的解决方案。文件上传在Yii框架中实现文件上传功能，通常涉及以下几个步骤：配置：在config/main.php文件中，为request组件添加multipart/form-data解析器，以允许上传文件。可能需要关闭CSRF验证</div> </li> <li><a href="/article/1880843098255323136.htm" title="java 设计模式 建造者模式" target="_blank">java 设计模式 建造者模式</a> <span class="text-muted">Leaf吧</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%BB%BA%E9%80%A0%E8%80%85%E6%A8%A1%E5%BC%8F/1.htm">建造者模式</a> <div>建造者模式什么是建造者模式建造者模式（BuilderPattern）是一种设计模式，属于创建型模式之一。它的主要目的是通过一步步构建一个复杂对象的方式，避免了构造过程中的混乱和复杂性。这个模式通常用于构建一个具有多个属性或复杂结构的对象，可以通过分步设置属性来构建对象，而不需要构造函数中传递大量的参数。在建造者模式中，通常会有：Product（产品）：最终被构建的复杂对象。Builder（建造者）</div> </li> <li><a href="/article/1880838942165626880.htm" title="CSS 继承与优先级：如何避免样式冲突" target="_blank">CSS 继承与优先级：如何避免样式冲突</a> <span class="text-muted">全栈探索者chen</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><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><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/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>CSS继承与优先级：如何避免样式冲突在网页开发过程中，CSS是最重要的工具之一，而它的继承机制与优先级规则，常常让开发者在实际项目中遭遇各种问题。理解CSS的继承与优先级可以帮助你避免许多样式冲突，提高代码的可维护性和效率。本文将详细讲解CSS继承与优先级的机制，并通过大量示例帮助你深入理解如何控制样式继承、优先级以及如何解决样式冲突问题。文章目录什么是CSS继承？CSS继承的基本原则如何控制CS</div> </li> <li><a href="/article/1880830498394140672.htm" title="维度可变的UKF（无迹卡尔曼滤波），附有完整源代码" target="_blank">维度可变的UKF（无迹卡尔曼滤波），附有完整源代码</a> <span class="text-muted">MATLAB卡尔曼</span> <a class="tag" taget="_blank" href="/search/MATLAB%E5%88%9B%E6%96%B0%E6%80%A7%E6%BB%A4%E6%B3%A2%E6%96%B9%E6%B3%95/1.htm">MATLAB创新性滤波方法</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>本文分享的MATLAB代码实现了一个N维状态量的无迹卡尔曼滤波（UKF）算法，用于对动态系统的状态估计。代码的一个显著特点是滤波维度可以自由更改，便于适应不同的应用需求。文章目录代码简短介绍运行结果源代码代码简短介绍主要内容和流程如下：初始化：清空工作区和命令窗口，固定随机数种子以确保结果可重现。定义时间序列和状态维度（dim），可以灵活设置至任意值，以适应特定应用。设置过程和观测噪声的协方差矩阵</div> </li> <li><a href="/article/1880823687884632064.htm" title="Python与.NET：10步教你轻松实现跨语言互操作，你准备好了吗？" target="_blank">Python与.NET：10步教你轻松实现跨语言互操作，你准备好了吗？</a> <span class="text-muted">墨瑾轩</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E8%B5%B7%E5%AD%A6%E5%AD%A6C%23%E3%80%90%E4%B8%89%E3%80%91/1.htm">一起学学C#【三】</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣在这个多语言编程的时代，Python和.NET各自拥有独特的魅力。Python以其简洁易读的语法著称，而.NET则凭借其强大的性能和丰富的库支持赢得了众多开发者的心。那么问题来了，如何让这两者携手共舞呢？答案就是PythonNet！它就像是连接两个世界的桥梁，</div> </li> <li><a href="/article/1880822680576389120.htm" title="互联网三高架构：高可用、高性能、高扩展" target="_blank">互联网三高架构：高可用、高性能、高扩展</a> <span class="text-muted">百味人生一壶酒</span> <a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a> <div>随着互联网应用的普及与复杂度的增加，架构设计成为决定应用系统能否稳定运行和满足用户需求的关键因素。在面对日益增长的访问量和数据量时，如何确保系统的稳定性、响应速度和灵活扩展能力，成为了开发者和架构师需要解决的核心问题。因此，"三高架构"（高可用、高性能、高扩展）应运而生，成为现代互联网架构的标配。本文将深入分析“互联网三高架构”中的每一个维度，并探讨在实际系统中如何实现这些目标。1.高可用（Hig</div> </li> <li><a href="/article/1880819277896937472.htm" title="矩阵碰一碰发视频之视频剪辑功能开发全解析，支持OEM" target="_blank">矩阵碰一碰发视频之视频剪辑功能开发全解析，支持OEM</a> <span class="text-muted">余~~18538162800</span> <a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E6%80%A7%E4%BB%A3%E6%95%B0/1.htm">线性代数</a><a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5/1.htm">矩阵</a> <div>在短视频风靡的当下，矩阵碰一碰发视频结合视频剪辑功能，为内容创作与传播带来了全新的活力。本文将深入探讨这一创新功能的源码搭建过程，助力开发者打造出功能强大且用户体验良好的视频处理系统。一、技术选型前端技术框架：选用React作为前端开发框架，其高效的虚拟DOM机制和组件化开发模式，能显著提升开发效率与应用性能。借助ReactHooks，可更便捷地管理组件状态与副作用。UI库：采用AntDesign</div> </li> <li><a href="/article/1880818899822374912.htm" title="基于Docker官方php:5.6.40-fpm镜像构建支持66个常见模组的php5.6.40镜像" target="_blank">基于Docker官方php:5.6.40-fpm镜像构建支持66个常见模组的php5.6.40镜像</a> <span class="text-muted">沉思的归零者</span> <a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a><a class="tag" taget="_blank" href="/search/Linux%E7%B3%BB%E7%BB%9F%E8%BF%90%E7%BB%B4/1.htm">Linux系统运维</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Docker/1.htm">Docker</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a> <div>实践说明：基于RHEL7(CentOS7.9)部署docker环境(23.0.1、24.0.2)，所构建的php5.6.40镜像应用于RHEL7-9(如AlmaLinux9.1)，但因为docker的特性，适用场景是不限于此的。文档形成时期：2017-2023年因系统或软件版本不同，构建部署可能略有差异，但本文未做细分，对稍有经验者应不存在明显障碍。因软件世界之复杂和个人能力之限，难免疏漏和错误，</div> </li> <li><a href="/article/1880813472392998912.htm" title="用html制作粒子线条,html5 canvas跟随鼠标粒子线条动画特效" target="_blank">用html制作粒子线条,html5 canvas跟随鼠标粒子线条动画特效</a> <span class="text-muted">狗雄</span> <a class="tag" taget="_blank" href="/search/%E7%94%A8html%E5%88%B6%E4%BD%9C%E7%B2%92%E5%AD%90%E7%BA%BF%E6%9D%A1/1.htm">用html制作粒子线条</a> <div>特效描述：html5canvas跟随鼠标粒子线条动画特效，html5基于canvas制作鼠标移动粒子线条动画代码结构1.HTML代码//Oneofmyfirstexperiments,woop!:DvarSCREEN_WIDTH=window.innerWidth;varSCREEN_HEIGHT=window.innerHeight;varRADIUS=70;varRADIUS_SCALE=1;</div> </li> <li><a href="/article/1880803383980388352.htm" title="计算机网络 （48）P2P应用" target="_blank">计算机网络 （48）P2P应用</a> <span class="text-muted">IT 青年</span> <a class="tag" taget="_blank" href="/search/%E4%B8%80%E7%A0%94%E4%B8%BA%E5%AE%9A/1.htm">一研为定</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a> <div>前言计算机网络中的P2P（PeertoPeer，点对点）应用是一种去中心化的网络通信模式，它允许设备（或节点）直接连接并共享资源，而无需传统的客户端-服务器模型。一、P2P技术原理去中心化架构：P2P网络不依赖单一的中心服务器，而是由所有参与者共同维护网络和资源。每个节点都可以充当客户端和服务器，可以直接与其他节点通信。资源共享：P2P网络允许参与者共享文件、带宽、计算资源等。这意味着用户可以从其</div> </li> <li><a href="/article/1880803005306040320.htm" title="DeepSeek V3：新一代开源 AI 模型，多语言编程能力卓越" target="_blank">DeepSeek V3：新一代开源 AI 模型，多语言编程能力卓越</a> <span class="text-muted">that's boy</span> <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/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/openai/1.htm">openai</a><a class="tag" taget="_blank" href="/search/claude/1.htm">claude</a><a class="tag" taget="_blank" href="/search/midjourney/1.htm">midjourney</a><a class="tag" taget="_blank" href="/search/deepseek-v3/1.htm">deepseek-v3</a> <div>DeepSeekV3横空出世，以其强大的多语言编程能力和先进的技术架构，引发了业界的广泛关注。这款最新的AI模型不仅在性能上实现了质的飞跃，还采用了开源策略，为广大开发者提供了更广阔的探索空间。本文将深入解析DeepSeekV3的技术原理、主要功能、性能表现及应用场景，带您全面了解这款新一代AI模型。DeepSeekV3的核心亮点DeepSeekV3是一款基于混合专家（MoE）架构的大型语言模型，</div> </li> <li><a href="/article/1880801618337787904.htm" title="Feign的原理及概念" target="_blank">Feign的原理及概念</a> <span class="text-muted">CocoaAndYy</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1.什么是FeignFeign是Netflix开发的声明式、模板化的HTTP客户端，Feign可帮助我们更加便捷、优雅地调用HTTPAPI。Feign可以做到使用HTTP请求远程服务时就像调用本地方法一样的体验，开发者完全感知不到这是远程方法，更感知不到这是个HTTP请求。SpringCloudOpenFeign对Feign进行了增强，使其支持SpringMVC注解，从而使得Feign的使用更加方</div> </li> <li><a href="/article/1880800606663274496.htm" title="深入探讨JavaScript的弱引用机制：WeakRef、WeakSet与WeakMap的应用潜力" target="_blank">深入探讨JavaScript的弱引用机制：WeakRef、WeakSet与WeakMap的应用潜力</a> <span class="text-muted">Light60</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8E%E4%BB%A3%E7%A0%81/1.htm">低代码</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%88%98%E7%AF%87/1.htm">实战篇</a><a class="tag" taget="_blank" href="/search/%E6%8A%80%E8%83%BD%E7%AF%87/1.htm">技能篇</a><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> <div>JavaScript在处理内存管理和对象引用时，弱引用机制在性能优化和内存泄漏防范方面展现了其独特的优势。本文将通过对WeakRef、WeakSet和WeakMap的深入解析，帮助开发者更好地理解并应用这一机制，确保高效和可维护的代码结构。一、WeakRef：掌控弱引用的利器1.定义与用法WeakRef（弱引用）允许您创建一个对对象的弱引用，该引用不会阻止垃圾回收器回收该对象。//创建一个对象，并</div> </li> <li><a href="/article/1880800475406725120.htm" title="Spring AI系列教程：从工业革命到人工智能的全面探索" target="_blank">Spring AI系列教程：从工业革命到人工智能的全面探索</a> <span class="text-muted">king-agic</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>在这个信息爆炸的时代，人工智能（AI）已经成为我们生活中不可或缺的一部分。从第一次工业革命的蒸汽机到今天的智能时代，技术的飞速发展不断推动着社会的进步。今天，将分享一套SpringAI教程视频，深入探索人工智能的奥秘。课程概览本系列教程涵盖了从基础的SpringAI课程介绍到复杂的多模态API开发，无论你是AI领域的新手还是有一定基础的开发者，都能在本系列教程中找到适合自己的内容。以下是部分课程的</div> </li> <li><a href="/article/1880794676227796992.htm" title="通过代理服务器进行爬虫，能提高数据采集的效率和准确性" target="_blank">通过代理服务器进行爬虫，能提高数据采集的效率和准确性</a> <span class="text-muted">Loongproxy</span> <a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>在信息的汪洋大海中，爬虫技术如同一位辛勤的渔夫，帮助我们捕捞那些有价值的数据珍珠。然而，面对网站设置的种种访问限制，如何确保爬虫行动的自由与安全，便成为了摆在我们面前的一道难题。这时，代理服务器便如同一座桥梁，它不仅能够巧妙地绕过这些障碍，让爬虫得以顺利通行，还能有效隐藏我们的真实身份，保护我们的隐私安全。本文将深入剖析代理服务器的作用，并详细指导你如何利用它来助力爬虫工作，让你的数据捕捞之旅更加</div> </li> <li><a href="/article/122.htm" title="java数字签名三种方式" target="_blank">java数字签名三种方式</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a> <div>以下3钟数字签名都是基于jdk7的 1，RSA String password="test"; // 1.初始化密钥 KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA"); keyPairGenerator.initialize(51</div> </li> <li><a href="/article/249.htm" title="Hibernate学习笔记" target="_blank">Hibernate学习笔记</a> <span class="text-muted">caoyong</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div>1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 2>、搭建Hibernate的开发环境      a>、添加jar包:      aa>、hibernatte开发包中/lib/required/所</div> </li> <li><a href="/article/376.htm" title="设计模式之装饰器模式Decorator（结构型）" target="_blank">设计模式之装饰器模式Decorator（结构型）</a> <span class="text-muted">漂泊一剑客</span> <a class="tag" taget="_blank" href="/search/Decorator/1.htm">Decorator</a> <div>1. 概述        若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。       </div> </li> <li><a href="/article/503.htm" title="读取磁盘文件txt，并输入String" target="_blank">读取磁盘文件txt，并输入String</a> <span class="text-muted">一炮送你回车库</span> <a class="tag" taget="_blank" href="/search/String/1.htm">String</a> <div>public static void main(String[] args) throws IOException {    String fileContent = readFileContent("d:/aaa.txt");    System.out.println(fileContent);    </div> </li> <li><a href="/article/630.htm" title="js三级联动下拉框" target="_blank">js三级联动下拉框</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/%E4%B8%89%E7%BA%A7%E8%81%94%E5%8A%A8/1.htm">三级联动</a> <div> //三级联动 省/直辖市<select id="province"></select> 市/省直辖<select id="city"></select> 县/区 <select id="area"></select> </div> </li> <li><a href="/article/757.htm" title="erlang之parse_transform编译选项的应用" target="_blank">erlang之parse_transform编译选项的应用</a> <span class="text-muted">616050468</span> <a class="tag" taget="_blank" href="/search/parse_transform/1.htm">parse_transform</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">游戏服务器</a><a class="tag" taget="_blank" href="/search/%E5%B1%9E%E6%80%A7%E5%90%8C%E6%AD%A5/1.htm">属性同步</a><a class="tag" taget="_blank" href="/search/abstract_code/1.htm">abstract_code</a> <div>         最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少</div> </li> <li><a href="/article/884.htm" title="JAVA JSON的解析" target="_blank">JAVA JSON的解析</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> // { // “Total”：“条数”， // Code: 1, // // “PaymentItems”:[ // { // “PaymentItemID”:”支款单ID”, // “PaymentCode”:”支款单编号”, // “PaymentTime”:”支款日期”, // ”ContractNo”:”合同号”， // </div> </li> <li><a href="/article/1011.htm" title="POJ-1273-Drainage Ditches" target="_blank">POJ-1273-Drainage Ditches</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/ACM_POJ/1.htm">ACM_POJ</a> <div>POJ-1273-Drainage Ditches http://poj.org/problem?id=1273 基本的最大流，按LRJ的白书写的 #include<iostream> #include<cstring> #include<queue> using namespace std; #define INF 0x7fffffff int ma</div> </li> <li><a href="/article/1138.htm" title="工作流Activiti5表的命名及含义" target="_blank">工作流Activiti5表的命名及含义</a> <span class="text-muted">atongyeye</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C%E6%B5%81/1.htm">工作流</a><a class="tag" taget="_blank" href="/search/Activiti/1.htm">Activiti</a> <div>activiti5 - http://activiti.org/designer/update在线插件安装 activiti5一共23张表 Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。 ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 （图片，规则，等等）。 A</div> </li> <li><a href="/article/1265.htm" title="android的广播机制和广播的简单使用" target="_blank">android的广播机制和广播的简单使用</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%B9%BF%E6%92%AD%E6%9C%BA%E5%88%B6/1.htm">广播机制</a><a class="tag" taget="_blank" href="/search/%E5%B9%BF%E6%92%AD%E7%9A%84%E6%B3%A8%E5%86%8C/1.htm">广播的注册</a> <div>      Android广播机制简介 在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应</div> </li> <li><a href="/article/1392.htm" title="Spring事务传播行为详解" target="_blank">Spring事务传播行为详解</a> <span class="text-muted">bijian1013</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><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1%E4%BC%A0%E6%92%AD%E8%A1%8C%E4%B8%BA/1.htm">事务传播行为</a> <div>        在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。         Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这</div> </li> <li><a href="/article/1519.htm" title="eidtplus operate" target="_blank">eidtplus operate</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/eidtplus/1.htm">eidtplus</a> <div>开启列模式: Alt+C 鼠标选择   OR   Alt+鼠标左键拖动 列模式替换或复制内容(多行): 右键-->格式-->填充所选内容-->选择相应操作 OR Ctrl+Shift+V(复制多行数据,必须行数一致) -------------------------------------------------------</div> </li> <li><a href="/article/1646.htm" title="【Kafka一】Kafka入门" target="_blank">【Kafka一】Kafka入门</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧   下载Kafka http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 2.10表示Scala的版本，而0.8.1.1表示Kafka</div> </li> <li><a href="/article/1773.htm" title="Spring 事务实现机制" target="_blank">Spring 事务实现机制</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86/1.htm">代理</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1/1.htm">事务</a> <div>Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口 </div> </li> <li><a href="/article/1900.htm" title="bootstrap源码学习与示例：bootstrap-dropdown（转帖）" target="_blank">bootstrap源码学习与示例：bootstrap-dropdown（转帖）</a> <span class="text-muted">BreakingBad</span> <a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/dropdown/1.htm">dropdown</a> <div>bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu" class="dropdown"> </div> </li> <li><a href="/article/2027.htm" title="读《研磨设计模式》-代码笔记-中介者模式-Mediator" target="_blank">读《研磨设计模式》-代码笔记-中介者模式-Mediator</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/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 * * 在我看来，Mediator模式是把多个对象（</div> </li> <li><a href="/article/2154.htm" title="常用代码记录" target="_blank">常用代码记录</a> <span class="text-muted">chenjunt3</span> <a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/Excel/1.htm">Excel</a><a class="tag" taget="_blank" href="/search/J%23/1.htm">J#</a> <div>  1、单据设置某行或某字段不能修改 //i是行号,"cash"是字段名称 getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false); //取得单据表体所有项用以上语句做循环就能设置整行了 getBillC</div> </li> <li><a href="/article/2281.htm" title="搜索引擎与工作流引擎" target="_blank">搜索引擎与工作流引擎</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8/1.htm">网络应用</a> <div>      最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想)   -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先</div> </li> <li><a href="/article/2408.htm" title="oracle Health Monitor" target="_blank">oracle Health Monitor</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/Health+Monitor/1.htm">Health Monitor</a> <div>About Health Monitor Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. About Health Monitor Checks Health M</div> </li> <li><a href="/article/2535.htm" title="JSON字符串转换为对象" target="_blank">JSON字符串转换为对象</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>    作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.   </div> </li> <li><a href="/article/2662.htm" title="C语言学习八结构体，综合应用，学生管理系统" target="_blank">C语言学习八结构体，综合应用，学生管理系统</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a> <div>实现功能的代码： # include <stdio.h> # include <malloc.h> struct Student { int age; float score; char name[100]; }; int main(void) { int len; struct Student * pArr; int i,</div> </li> <li><a href="/article/2789.htm" title="vagrant学习笔记" target="_blank">vagrant学习笔记</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/vagrant/1.htm">vagrant</a> <div>想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant   1. vagrant virtualbox 下载安装 https://www.vagrantup.com/downloads.html https://www.virtualbox.org/wiki/Downloads   查看安装在命令行输入vagrant     2.</div> </li> <li><a href="/article/2916.htm" title="14.性能优化-优化-软件配置优化" target="_blank">14.性能优化-优化-软件配置优化</a> <span class="text-muted">frank1234</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E9%85%8D%E7%BD%AE/1.htm">软件配置</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>1.Tomcat线程池 修改tomcat的server.xml文件： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m</div> </li> <li><a href="/article/3043.htm" title="一个不错的shell 脚本教程 入门级" target="_blank">一个不错的shell 脚本教程 入门级</a> <span class="text-muted">HarborChung</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>一个不错的shell 脚本教程 入门级 建立一个脚本 　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。 　　如同其他语言一样</div> </li> <li><a href="/article/3170.htm" title="Spring4新特性——核心容器的其他改进" target="_blank">Spring4新特性——核心容器的其他改进</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E4%BB%A3%E7%90%86/1.htm">动态代理</a><a class="tag" taget="_blank" href="/search/spring4/1.htm">spring4</a><a class="tag" taget="_blank" href="/search/%E4%BE%9D%E8%B5%96%E6%B3%A8%E5%85%A5/1.htm">依赖注入</a> <div>Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新</div> </li> <li><a href="/article/3297.htm" title="Linux设置tomcat开机启动" target="_blank">Linux设置tomcat开机启动</a> <span class="text-muted">liuxingguome</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%9C%BA%E8%87%AA%E5%90%AF%E5%8A%A8/1.htm">开机自启动</a> <div>执行命令sudo gedit /etc/init.d/tomcat6 然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 #!/bin/bash # # /etc/rc.d/init.d/tomcat # init script for tomcat precesses</div> </li> <li><a href="/article/3424.htm" title="第13章 Ajax进阶（下）" target="_blank">第13章 Ajax进阶（下）</a> <span class="text-muted">onestopweb</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/</div> </li> <li><a href="/article/3551.htm" title="Troubleshooting Crystal Reports off BW" target="_blank">Troubleshooting Crystal Reports off BW</a> <span class="text-muted">blueoxygen</span> <a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a> <div>http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE   Quite useful, especially this part: SAP BW connectivity For t</div> </li> <li><a href="/article/3678.htm" title="Java开发熟手该当心的11个错误" target="_blank">Java开发熟手该当心的11个错误</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>#1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为</div> </li> <li><a href="/article/3805.htm" title="正则表达式大全" target="_blank">正则表达式大全</a> <span class="text-muted">yang852220741</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a> <div>今天向大家分享正则表达式大全，它可以大提高你的工作效率 正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。 一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$</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. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </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>