IE6常见bug整理

By Diaoyude  | 发布时间： 09-08 09:47  | Hits：1,253 | Post in： WEB前端 , Div-Css
针对IE6常见的一些ie6bug,ie6png,E6fixed,ie6 a:hover span bug
今天goole下又发现了一个，整理备录下

1. 强制浏览器是用Web标准解析
HTML的写法

  1. <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
  2. “http://www.w3.org/TR/html4/strict.dtd”>
  4. 或者XHTML的写法
  5. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
  6. “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

2、CSS选择器区分
IE6不支持子选择器；先针对IE6使用常规申明CSS选择器，然后再用子选择器针对IE7+及其他浏览器。

  1. .content {color:red;}
  2. div>p .content {color:blue;} –>

3、PNG半透明图片的问题
虽然可以通过JS等方式解决，但依然存在载入速度等问题，所以，这个在设计上能避免还是尽量避免为好。以达到网站最大优化。

4、IE6下的圆角
IE6不支持CSS3的圆角属性，性价比最高的解决方法就是用图片圆角来替代，或者放弃IE6的圆角。

5、IE6背景闪烁
如果你给链接、按钮用CSS sprites作为背景，你可能会发现在IE6下会有背景图闪烁的现象。造成这个的原因是由于IE6没有将背景图缓存，每次触发hover的时候都会重新加载，可以用JavaScript设置IE6缓存这些图片：

  1. document.execCommand(“BackgroundImageCache”,false,true);

6、最小高度
IE6 不支持min-height属性，但它却认为height就是最小高度。解决方法：使用ie6不支持但其余浏览器支持的属性!important。

  1. #container {min-height:200px; height:auto !important; height:200px;}

7、最大高度
//直接使用ID来改变元素的最大高度

  1. var container = document.getElementByIdx_xx_x(‘container’);
  2. container.style.height = (container.scrollHeight > 199) ? “200px” : “auto”;
  3. //写成函数来运行
  4. function setMaxHeight(elementId, height){
  5. var container = document.getElementByIdx_xx_x(elementId);
  6. container.style.height = (container.scrollHeight > (height – 1)) ? height + “px” : “auto”;
  7. }
  8. //函数示例
  9. setMaxHeight(‘container1′, 200);
  10. setMaxHeight(‘container2′, 500);

8、100% 高度
在IE6下，如果要给元素定义100%高度，必须要明确定义它的父级元素的高度，如果你需要给元素定义满屏的高度，就得先给html和body定义 height:100%;。

9、最小宽度
同max-height和max-width一样，IE6也不支持min-width。

  1. //直接使用ID来改变元素的最小宽度
  2. var container = document.getElementByIdx_xx_x(‘container’);
  3. container.style.width = (container.clientWidth < width) ? “500px” : “auto”;
  4. //写成函数来运行
  5. function setMinWidth(elementId, width){
  6. var container = document.getElementByIdx_xx_x(elementId);
  7. container.style.width = (container.clientWidth < width) ? width + “px” : “auto”;
  8. }
  9. //函数示例
  10. setMinWidth(‘container1′, 200);
  11. setMinWidth(‘container2′, 500);

10、最大宽度
//直接使用ID来改变元素的最大宽度

  1. var container = document.getElementByIdx_xx_x(elementId);
  2. container.style.width = (container.clientWidth > (width – 1)) ? width + “px” : “auto”;
  3. //写成函数来运行
  4. function setMaxWidth(elementId, width){
  5. var container = document.getElementByIdx_xx_x(elementId);
  6. container.style.width = (container.clientWidth > (width – 1)) ? width + “px” : “auto”;
  7. }
  8. //函数示例
  9. setMaxWidth(‘container1′, 200);
  10. setMaxWidth(‘container2′, 500);

11、双边距Bug
 

    双边距的产生是由于float元素的浮动方向跟margin的方向一致导致的。也就是说float是left的时候，只有添加了margin-left才会产生双边距bug，要是添加了margin-right也不会产生这个bug。当有多个同行元素都浮动了，而且都有同方向的margin，则只有最靠近浮动方向的元素有双边距bug。
请看效果：
正常的： 一个ie6双边距bugie6： 一个ie6双边距bug
代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
    <style type="text/css">
        .bigbox{width:300px;height:300px;border:1px solid #ccc;}
        .box{ float:right;margin-right:10px;width:100px;height:100px;background:#f90;}
    </style>
</head>
<body>
    <div class="bigbox">
        <div class="box"></div>
        <div class="box"></div>
    </div>
</body>
</html>
解决这个bug有两个方法：
1.给float的元素添加一个display：inline
2.给ie6写一个hack，其值是正常值的一半，即_margin-right:5px;这个方法不推荐，因为要加hack写法，而这个是要尽量避免写的。但是这个正好能够说明这个bug的真实存在。

12、清除浮动
如果你想用div(或其他容器)包裹一个浮动的元素，你会发现必须给div(容器)定义明确的height、width、overflow之中一个属性（除了auto值）才能将浮动元素严实地包裹。

  1. #container {border:1px solid #333; overflow:auto; height:100%;}
  2. #floated1 {float:left; height:300px; width:200px; background:#00F;}
  3. #floated2 {float:right; height:400px; width:200px; background:#F0F;}

13、浮动层错位
当内容超出外包容器定义的宽度时，在IE6中容器会忽视定义的width值，宽度会错误地随内容宽度增长而增长。
浮动层错位问题在IE6下没有真正让人满意的解决方法，虽然可以使用overflow:hidden;或overflow:scroll;来修正，但hidden容易导致其他一些问题，scroll会破坏设计；JavaScript也没法很好地解决这个问题。所以建议是一定要在布局上避免这个问题发生，使用一个固定的布局或者控制好内容的宽度（给内层加width）。

14、躲猫猫bug

产生条件1：一个浮动元素后面跟着一个非浮动元素，接着是一个清理元素，所有元素都包含在一个有背景色或背景图片的父元素中。

html代码：

<div class="father">
   <div class="float">这个浮动的文字</div><div>这个就不会浮动了，哈哈</div>
   <div class="clear"></div>
 </div>

css：

.father{
 background:#0aa;
}
.float{
 float:left;
 border:1px solid #000;
}
.clear{
 clear:both;
 border:1px solid #000;
}

这里为了看出效果都加了一个黑色的边框。

解决办法1：去掉父元素的背景颜色或图片（要必须有背景的话，这个当然这个不是可行的）。

解决方法2：避免清理元素和浮动元素相接触。

解决方法3：给容器指定一个行高。

解决方法4：将浮动元素和容器元素的position属性设置为relative。

 

产生条件2：一个撑破了容器的浮动元素，如果在他之后有不浮动的内容，并且有一些定义了:hover的 链接，当鼠标移到那些链接上时，在IE6下就会触发躲猫猫。

解决方法很简单：
1.在（那个未浮动的）内容之后添加一个<span style=”clear: both;”> </span>
2.触发包含了这些链接的容器的hasLayout，一个简单的方法就是给其定义height:1%;



15、绝对定位元素的1像素间距bug
IE6下的这个错误是由于进位处理误差造成（IE7已修复），当绝对定位元素的父元素高或宽为奇数时，bottom和right会产生错误。唯一的解决办法就是给父元素定义明确的高宽值，但对于液态布局没有完美的解决方法。

16、3像素间距bug

3像素bug是IE6的一个著名的bug，当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现。

我们看下面的代码：

<!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/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IE6的3像素bug - CSS学习网(www.cssxuexi.cn)</title>
<style type="text/css">
#sideBar{
width:100px;
height:100px;
background:#6bee68;
float:left;
}
#content{
width:200px;
height:100px;
background:#56bcf3;
}
</style>
</head>
<body>
    <div id="sideBar">sideBar</div>
    <div id="content">content</div>
</body>
</html>

在不同的浏览器下效果如下图：

IE6常见bug整理

    IE6吧sideBar和content中间居然还有一个3像素(px)的间隙，IE8和FF是按照W3C页面标准进行解析，当一个元素浮动的时候就会脱离原本的文本流，而后面的元素就会忽视它的存在。

解决方法：1、给非浮动元素也加上左侧浮动。

　　　　　2、仅对于3像素bug：使用hack _mgrgin-right:-3px;

 



17、IE下z-index的bug

Web 2.0 的一大特征就是页面不再是平的，我们开始有各种浮层、窗口、提示，骚一点的，还会给页面蒙上一层阴影，半透明的哦。这些浮层通常都很开心地像浮云一般飘在那边，只要它们没有遭遇 ie6。

浮层盖不住页面的原因有很多，其一是 ie6 中，select 控件是以 Window Shell ListBox 和 ComboBox 方式实现的，不支持 z-index、title、zoom 等，层级很高，不与 div、span 为伍，超脱于 z-index 之外自然就是世外高人了。解决方式就是用一个同样牛逼但不会无视 z-index 的 iframe 来把丫盖掉。公司里不鼓励用 jQuery，这在我看来很是无厘头，可能跟程序员基数有关系，只是未免不够拥抱变化。所以 bgiframe 插件就不好用了。不过不用也好，毕竟为 ie6 添加个 workaround 就得加个 js 请求，有点夸张的。贴一个 YUI3 写的示例。

function fixie6() {

	var iframe = Y.Node.create('<iframe frameborder="0" src="javascript:false"></iframe>');

	var region = popup.get('region');

			

	iframe.get("style").cssText = "background:transparent;position:absolute;border:none;top:0;left:0;padding:0;margin:0;z-index:-1;filter:alpha(opacity=0);";

	iframe.setStyles({

		'width': region.width,

		'height': region.height

	});

	popup.appendChild(iframe);

}

另一个 ie6 的浮层 bug，则是 z-index 失效，而该控件明明是支持的。导致这个 bug 的原因有二：浮层或者浮层的子节点被 float 了，其一；父节点有 position: relative; 其二。两个因素都很屎。解决办法相应的就是清除 float；为父节点设 z-index。


18、Overflow Bug
在IE6/7中，overflow无法正确的隐藏有相对定位position:relative;的子元素。解决方法就是给外包容器.wrap加上 position:relative;。

19、横向列表宽度bug
如果你使用float:left;把
横向摆列，并且
内包含的（或其他）触发了 hasLayout，在IE6下就会有错误的表现。解决方法很简单，只需要给定义同样的float:left;即可。


21、垂直列表间隙bug
当li元素设置了高度，且li内元素浮动时会触发该bug。

<style>
li{ background-color: green; height: 20px; }
li a { float: left; }
li span { float: right; }
</style>
<ul>
<li><a href="">aaa</a><span>bbb</span></li>
<li><a href="">aaa</a><span>bbb</span></li>
</ul>

解决方法：li设置css vertical-align: bottom;

上边的方法一般都会解决问题，但是许多时候许多未知的原因，还会导致间距问题的出现。试试以下方法：
1.定义行高 line-height
2.设置隐藏 overflow:hidden
3.li增加浮动属性 float


22、IE6中的:hover
在IE6中，除了(需要有href属性)才能触发:hover行为，这妨碍了我们实现许多鼠标触碰效果，但还是有一些法子是可以解决它的。最好是不要用:hover来实现重要的功能，仅仅只用它来强化效果。

23、IE6调整窗口大小的 Bug
当把body居中放置，改变IE浏览器大小的时候，任何在body里面的相对定位元素都会固定不动了。解决办法：给body定义 position:relative;就行了。

24、文本重复Bug 
几个相连的浮动容器中间插入一段html注释代码，就会将最后一个容器中的最后
几个字符复制到容器之外显示出来，不过这个bug只存在于IE6中，IE7及以上版本和Firefox等浏览器
不存在此bug。
IE6常见bug整理
<style type="text/css">
div {
width:100%;
float:left;
}
</style>
<div>段落文字</div>
<div>段落文字</div>
<div>段落文字</div><!--引出bug的黑手-->
<div>段落文字</div>
<div>段落文字</div>

解决方法：

其实这个bug的解决方法十分简单，那就是——去掉注释，或者将注释添加到最后一个元素后就可以了。
  在IE6中，一些隐藏的元素（如注释、display:none;的元素）被包含在一个浮动元素里，就有可能引发文本重复bug。解决办法：给浮动元素添加display:inline;。

25、span标签的高度问题
这个在做图片圆角的时候很见，background-position会出现溢出，只要在span标签下加上 line-height:0;font-size:0;  就可以解决了

你可能感兴趣的:(ie6)

  • IE兼容 地主家也没余粮叻
    （1）只在IE下起作用的条件注释，例：只在IE下生效这段文字只在IE浏览器显示只在IE6下生效这段文字只在IE6浏览器显示只在IE6以上版本生效这段文字只在IE6以上(包括)版本IE浏览器显示只在IE8上不生效这段文字在非IE8浏览器显示非IE浏览器生效这段文字只在非IE浏览器显示*html*前缀只对IE6生效*+html*+前缀只对IE7生效@mediascreen\9{...}只对IE6/7生
  • box-sizing、overflow、resize、display、flex weixin_30475039 后端
    box-sizing原先说的盒子marginborderpaddingcontent新盒子的计算方式与之不同旧盒子：boxWidth=width+border2+padding2;contentWidth=width;新盒子：boxWidth=width;contentWidth=width-border2-padding2;ie6混杂模式盒子模型box-sizing:border-box;box
  • js处理大型数据崩掉解决方案 前端交流群439667347
    1:JS中大量的DOM操作也会导致事件响应缓慢甚至真正卡死浏览器，如在IE6下一次插入大量的HTML。而如果真的弹出了“脚本运行时间过长“的提示框则说明你的JS脚本肯定有死循环或者进行过深的递归操作了。2:这时候需要对脚本进行优化，其步骤如下：第一步，优化循环，循环体中包含太多的操作和循环的次数过多都会导致循环执行时间过长，并直接导致锁死浏览器。如果循环之后没有其他操作，每次循环只处理一个数值，而
  • css+动画优化,css3动画性能优化--针对移动端卡顿问题 影子的覆盖 css+动画优化
    一、使用css，jquery，canvas制作动画1.Canvas优点：性能好，强大，支持多数浏览器(除了IE6、IE7、IE8)，画出来的图形可以直接保存为.png或者.jpg的图形；缺点：依赖于HTML，只能通过脚本绘制图形，没有实现动画的API(依靠事件和定时器更新)；由于在canvas上以编程方式显示的文本其实就是位图，因此搜索爬行器将完全忽略文本。文本内容也无法被屏幕阅读器识别。2.cs
  • 前端技术栈 zzh816_
    前端技术栈（概览）2018年02月26日16:02:35阅读数：3025语言只是一种工具，对一个聪明的程序员来说，用没用过什么工具主要是由他原来的工作需要决定，并不能代表他全部的技能。——请不要说自己是XX程序员前端技术浩如烟海，单纯JavaScript语言来说，也有数不清的细节，为了有一个整体的印象，我们分类来看。精一行，必先通十行。浏览器环境IE6~8IE9+ChromeFirefoxSafa
  • JQ 鼠标滑过按钮改变背景图片 后端Q .NETfunctioncssie
    发现用CSS用时IE6不兼容，所以就用见JQ实现$(document).ready(function(){//按钮样式切换$("#btFeedBack").hover(function(){$(this).removeClass("btFeed").addClass("btFeedhover");},function(){$(this).removeClass("btFeedhover").add
  • 盒子模型 敏姐姐_e9d0
    W3C标准盒模型外盒尺寸计算（元素空间尺寸）element空间高度＝内容高度＋内距＋边框＋外距element空间宽度＝内容宽度＋内距＋边框＋外距内盒尺寸计算（元素大小）element高度＝内容高度＋内距＋边框（height为内容高度）element宽度＝内容宽度＋内距＋边框（width为内容宽度）2.IE传统下盒模型（IE6以下，不包含IE6版本或”QuirksMode下IE5.5+”）外盒尺寸计
  • jQuery 的基本使用 王玉伟的伟
    1.2.jQuery的基本使用1.2.1jQuery的下载jQuery的官网地址：https://jquery.com/，官网即可下载最新版本。各个版本的下载：https://code.jquery.com/版本介绍：1x：兼容IE678等低版本浏览器，官网不再更新2x：不兼容IE678等低版本浏览器，官网不再更新3x：不兼容IE678等低版本浏览器，是官方主要更新维护的版本1.2.2.体验jQu
  • “IE6” 在 iOS 中复活了
    个人公众号「志语自乐」《“IE6”在iOS中复活了》https://mp.weixin.qq.com/s/fDg9BobyA5jJQBVDezVa7A没用的知识点这个标题有点标题党的感觉，不过就我个人感受，iOS中的Safari这次的表现真的让我想到了当年的IE6/7的感觉。要说为什么呢，主要是让我想到了hasLayerout这个词。很多年没见过这个词，也没有人提到这个词了。在Poe中问了一下「在
  • 分享68个行业PPT，总有一款适合您 自动化新人 物联网
    分享68个行业PPT，总有一款适合您68个行业PPT下载链接：https://pan.baidu.com/s/1cEGd8E8e6lUjyjuie65PJw?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。卡通儿童教育行业通用PPT模板护理安全教育培训PPT摄影2行业通用PPT模板女性美容美甲行业
  • java : mozilla rhino js JSON 天气预报 belldeep javajavascriptjavajsJSONrhino
    JSON.parse和JSON.stringify这两个浏览器自带（IE6/7除外）的方法平常我们经常用到，但是一般都只是用到了他们的第一个参数，比如:字符串转对象：JSON.parse('{}');对象转字符串：JSON.stringify({});https://mozilla.github.io/rhino/下载rhino1_7R5.zip，解压后运行cmdcdD:\rhino\rhino1
  • 自己做IE各个版本兼容的时候用的解决办法方法，IE6到IE11都可以【亲测】 熹小雨Marain IE各版本兼容的解决办法IE兼容IE6兼容IE7兼容IE8兼容IE10兼容
    对于IE6到9的兼容，我们一般用HTML自带的检测，追加CSS样式就可以了。如下：对于IE10以上的兼容，我们用HTML自带的检测无法检测到，所以我们需要用JS来做一个判断，追加CSS样式就可以了。如下：$(function(){varuserAgent=window.navigator.userAgent.toLowerCase();varversion=$.browser.version;if
  • ECharts折线图实现（前端、后端、数据结构） 小豆的编程世界... javajsecharts数据结构
    文章目录ECharts简介使用场景实现步骤1、引入Echarts并且绘制一个简单的图表（html）2、创建一个折线图（js）3、了解ECharts需要的数据结构4、后台将数据整合返回给ECharts5、效果图ECharts简介ECharts，缩写来自EnterpriseCharts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6
  • 一文读懂编码（ANSI、GBK、GB2312、UTF-8、GB18030和 UNICODE） u010787096 计算机相关windows
    编码一直是让新手头疼的问题，特别是GBK、GB2312、UTF-8这三个比较常见的网页编码的区别，更是让许多新手晕头转向，怎么解释也解释不清楚。但是编码又是那么重要，特别在网页这一块。如果你打出来的不是乱码，而网页中出现了乱码，绝大部分原因就出在了编码上了。此外除了乱码之外，还会出现一些其他问题（例如：IE6的CSS加载问题）等等。我写本文的目的，就是要彻底解释清楚这个编码问题！如果你遇到了类似的
  • html的拖放api,HTML5 拖放Drag & Drop API Sparkmlib html的拖放api
    曾几何时，不能判断拖放行为使得很多人抨击Web，认为这是Web较之桌面客户端程序的明显弱点之一。实际上，哪怕是IE6如此老旧的浏览器，它也是支持拖放行为的，只是缺乏更进一步的程序方法支持而已，很多Web设计爱好者在吹牛的时候应该注意到这一点。HTML5为拖放行为提供了Drag&DropAPI，Drag代表拖动，Drop代表放下，用于帮助开发者方便地处理此类事件。今后，我们在浏览器里处理拖放行为就像
  • ajax的实现，基于XHR的原理 夜色镇议员 javasciptJs
    functioncreateXHR(){if(typeofXMLHttpRequest!="undefined"){returnnewXMLHttpRequest();//IE8及以上和其他浏览器，不管IE6，IE7这段就行了}elseif(typeofActiveXObject!="undefined"){if(typeofarguments.callee.activeXString!="str
  • JS准备 罗小耳
    2、面试的信心来源于过硬的基础]1、web前端常见面试题汇总一、ES5、ES6去重1、ES5去重提示和注释注释：indexOf()方法对大小写敏感！注释：如果要检索的字符串值没有出现，则该方法返回-1。vararr=[1,2,2,3,3,4,4,4,-1,-1,-2,-2,-2,-2];varresult=[];//输出数组for(vari=0;i此处内容只有IE6.0可见此处内容只有IE7.0可
  • 基于YOLOv7算法的高精度实时海上船只目标检测识别系统（PyTorch+Pyside6+YOLOv7） BestSongC YOLO算法目标检测深度学习YOLOv8YOLOv7
    摘要：基于YOLOv7算法的高精度实时海上船只目标检测系统可用于日常生活中检测与定位海上船只目标，此系统可完成对输入图片、视频、文件夹以及摄像头方式的目标检测与识别，同时本系统还支持检测结果可视化与导出。本系统采用YOLOv7目标检测算法来训练数据集，使用Pysdie6框架来搭建桌面页面系统，支持PT、ONNX等模型权重作为系统的预测模型加载。本系统实现的功能包括：模型权重的选择与初始化；检测置信
  • less与sass的区别 黄梅之俊雅 lesssasscss
    less与sass的区别一、Less与sass1、Less：是一种动态样式语言.对CSS赋予了动态语言的特性，如变量、继承、运算、函数。Less既可以在客户端上运行(支持IE6+,Webkit,Firefox)，也可在服务端运行。2、Sass：是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。二、le
  • 2020-03-30 有只Bug
    1.为什么不能定义1px左右的div容器？IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden|zoom:0.08|line-height:1px2.加减运算alert('5'+3);//53stringalert('5'+'3');//53stringalert('5'-3);//2numberalert('5'-'3');//2number3.结果是
  • 固定div位置，不随滚动条滚动 程序员Monkey JS+Jquerydivfunction浏览器htmlstringie
    我们在html页面中的某处，可能要固定div的位置，下面我们编写js来控制1、只能在初始页面的可视区域固定div编写js代码：jQuery.fn.floatdiv=function(location){//判断浏览器版本varisIE6=false;varSys={};varua=navigator.userAgent.toLowerCase();vars;(s=ua.match(/msie([\
  • 线性渐变在IE6-9中的兼容解决 yunshengz
    linear-gradient()，是css3中新增的属性，但是在IE浏览器的10以下是不支持的，因此就需要一个替代实现方式；经过查找发现，可以通过私有滤镜来实现该效果。filter:progid:DXImageTransform.Microsoft.Gradient(sProperties)sProperties:设定一个或多个过滤属性的字符串；常用属性StartColorStr：设置渐变的初始
  • 关于Encoding.GetEncoding("utf-8")和Encoding.GetEncoding("GB2312")及Encoding.Default iPhone7z Web技术javascript编辑器
    最近处理bs的GridView导出word、excel的时候，经常出现乱码的问题，一直很头疼，折腾了两天，从网上了找到了一些资料，其实说到底就是换成byte[]或者字节流最后输入的问题。根据多次在ie6、ie7上测试发现用Encoding.Default的基本可以解决95%的乱码输出的问题，虽然网上有帖子说“谨慎使用Encoding.Default”，原帖见备注一。但是另外的5%的乱码需要Enco
  • 10个顶级莆田鞋商微信号，有这十家就够了 腕表鞋屋
    莆田鞋是中国一种特有的运动鞋，因其高质量和时尚设计而备受欢迎。如果你想购买正宗的莆田鞋，可以关注以下这十个顶级莆田鞋商的微信号。微信:726865(下单赠送精美礼品)1.徐记莆田鞋微信号：xujiputianxie888徐记莆田鞋是一家历史悠久的莆田鞋制造商，他们生产的鞋子质量极佳，深受消费者喜爱。2.潮流莆田鞋微信号：chaoliuputianxie666潮流莆田鞋专注于时尚设计，他们的鞋子款式
  • 页面元素居中 嘉嘉_c474
    居中水平居中：1.对于inline元素：为父元素设置text-align:center;即可（子元素所有内容都会居中，所以最好在子元素中使用text-align:left;归位）。2.对于block元素：为元素设置宽度，再设置margin:0auto;（IE6还是需要在父元素设置text-align:center;）3.对于float元素：为元素设置宽度，再设置position:relative;
  • 存储硬盘不要贪便宜了，守护数据最宝贵-2 古猫先生 SSD人工智能服务器linux
    第二个避坑点：尽量不买PCIe5.0SSD为了追求高性能，现在说到SSD，大家基本都想要买NVMEPCIESSD。PCIESSD在消费端、云市场、数据中心的占比均在继续攀升。截至目前，虽然PCIe5.0已经发布已经过去4年，但是整个生态并没有很繁荣。当前主流市场还是PCIe3.0和PCIe4.0SSD，对于个人来说，目前完全是够用的。pcie协议5.0还没完全普及，pcie6.0spec已经发布，
  • 常用的几款富文本编辑器 wen_文文 Vuejavascript
    1.tinymceGit配置操作文档兼容性：FireFox,Safar，Chrome，Edge，IE11+；安全性：经典编辑模式版本<=5.12时,会存在XSS攻击;可能需要自己想办法防止XSS攻击2.UEditorGit效果预览配置操作文档缺点：组件较大，打包压缩后依旧不小，自带样式不美观，需要自己封装样式；官方现今已停止维护；优点：开发团队强大，在百度的多个产品中已实际使用兼容性：支持IE6+
  • 高级前端-最新 山间漫步人生路 VUEvue.jscssjavascript
    css相关万能居中1.margin:0auto;水平2.text-align:center;水平3.行高，垂直4.表格，center,middle；水平垂直5.display:table-cell；模拟表格，all6.绝对定位，50%减自身宽高7.绝对定位，上下左右全0，margin:auto8.绝对定位加相对定位。不需要知道宽高9.IE6，IE7：给父元素设一个font-size:高度/1.14
  • CSS Hack 泡杯感冒灵
    什么是CSSHack?由于不同厂商的浏览器，比如InternetExplorer、Chrome、MozillaFirefox、Safari等，或者是统一厂商的浏览器的不同版本，比如IE6和IE7，对CSS的解析和认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候，我们就需要针对不同的浏览器，去写不同CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中，也能得到
  • 支持XP系统的最新firefox浏览器 ITKEY_ windowsfirefox
    都2024年了，还XP系统？事情是这样的，我要维护一下非常老的项目，系统部署在windowsserver2003下面。升级系统是不太可能了。只能在老系统上维护，老的系统上自带的IE6.0浏览器，在当前几乎是不可用状态，甚至百度都无法使用了。于是我就想安装一个至少可以访问大部分网页的浏览器，最终选择是firefox52.90ESR。Firefox52.90ESR是最后一个支持WindowsXP和Wi
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他