瞿杰
瞿杰

Web页中页脚（Footer）贴底实现（兼容IE6/7/8, FF3）

作者：Tony Qu

最近有个需求，要求让页脚贴底，一开始采用了绝对位置的footer方案（设置footer的top），虽然可以应付大部分情况，但有的时候由于页面不规范，会导致计算出来的高度值太小，导致底部上浮；有的时候甚至会叠在页面内容之上。我们原本在onmouseup, onresize, onload中进行计算，但由于系统的庞大，往往会有一些层的onmouseup事件无法传上来（可能是调用了stoppropagation或cancelBubble的关系），有很多未知的情况发生。

回过头来说说这个需求的具体要求：

a. 当可见内容的总高度（不包括页脚）不超过浏览器客户区域实际高度时，页脚要贴在浏览器底部，但不能有滚动条

image

（图中红色为屏幕显示区域）

b. 当可见内容的总高度超过浏览器客户区域实际高度时，页脚随内容向下

image

（图中红色为屏幕显示区域）

 

其实是个人第一点想到的就是想办法计算除去footer高度的内容总高度，问题是总高度怎么算？什么时候算？这确实是一个值得思考的问题。

 

总高度的计算看上去是个很简单的问题，但实际情况真的是如此吗？如果我们自己用遍历DOM的方法来计算高度，恐怕很难得出一个准确的高度，因为并不是所有的元素都要纳入高度计算的（例如加了float的元素、position为absolute的元素）。于是想到了请浏览器帮忙，尽量用html DOM原生属性来解决，这时想到了document或者window的属性。在IE中，我们找到了document.documentElement.clientHeight（由于我们使用的DOCTYPE是XHTML 1.0的，document.body.clientHeight不能正常工作）；而在firefox中，我们找到了window.innerHeight。到目前为止，我们已经可以获得整个页面的高度了，那去除footer高度的内容总高度自然而然就可以用下面的公式来获得：

去除footer高度的内容总高度=页面总高度-footer的高度

接下来要做的就是把这个高度赋给Content的容器（假设是一个ID为contentContainer的DIV），请注意这里的Content包括任何除footer以外的东西（包括header）。由于有需求b，我们就得考虑如何让footer在content超过显示高度后不会继续被看见（浮在页面底部），所以肯定不能用top或margin-top，查阅css手册后，发现有一个属性最合适――min-height，这个属性在实际内容不够时，仍然会保持设置的高度，超过设置高度，会自然增加高度，但有一点，IE6不支持min-height，经实验表明，在IE6中可以用height代替。

 

所以我们得到了以下的方案：

var isIE6=navigator.userAgent.indexOf('MSIE 6')>0;
var isIE=navigator.userAgent.indexOf('MSIE')>0;


ion setFooterPosition()

var objBodycontainer = document.getElementById("ContentContainer");   
var footerHeight=document.getElementById('FooterContainer').offsetHeight;
     
f(!isIE)

   if(window.innerHeight > footerHeight)
       document.getElementById('ContentContainer').style.minHeight =  (window.innerHeight-footerHeight)+'px';

lse

       if(isIE6)
       {
           if(document.documentElement.clientHeight > footerHeight)
               document.getElementById('ContentContainer').style.height =  (document.documentElement.clientHeight-footerHeight)+'px';
       }
       else
       {    
            if(document.documentElement.clientHeight > footerHeight)
               document.getElementById('ContentContainer').style.minHeight = (document.documentElement.clientHeight-footerHeight)+'px';

       }

}

最后就是选择重新进行高度计算的时机，由于我们设置的是min-height（除了IE6），所以从根本上保证了不需要在内容高度改变时重新计算高度，但有一种情况必须考虑，那就是浏览器的客户区域大小的改变，所以最后选择了onresize事件和onload事件。

完整代码如下：

<!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>
</head>
<script language="JavaScript">
     var isIE6=navigator.userAgent.indexOf('MSIE 6')>0;
     var isIE=navigator.userAgent.indexOf('MSIE')>0;


function setFooterPosition()
{    
     var objBodycontainer = document.getElementById("ContentContainer");   
     var footerHeight=document.getElementById('FooterContainer').offsetHeight;
          
    if(!isIE)
    {
        if(window.innerHeight > footerHeight)
            document.getElementById('ContentContainer').style.minHeight =  (window.innerHeight-footerHeight)+'px';
    }
    else
    {
            if(isIE6)
            {
                if(document.documentElement.clientHeight > footerHeight)
                    document.getElementById('ContentContainer').style.height =  (document.documentElement.clientHeight-footerHeight)+'px';
            }
            else
            {    
                                    if(document.documentElement.clientHeight > footerHeight)
                    document.getElementById('ContentContainer').style.minHeight = (document.documentElement.clientHeight-footerHeight)+'px';

            }
    }
}
if(isIE)
{
    window.attachEvent("onload",setFooterPosition);
    window.attachEvent("onresize",setFooterPosition);
}else
{
    window.addEventListener("load",setFooterPosition,false);
    window.addEventListener("resize",setFooterPosition,false);
}
</script>
<style type="text/css">
body
{
margin:0;
}
#content
{
height:300px;
background-color:green;
}
#FooterContainer
{
height:30px;
background-color:red;
}
</style>
<body>
<div id="ContentContainer">
<div id="content">aa

你可能感兴趣的:(footer,脚贴)

  • 果然只有离职的时候，才有人敢说真话！ return2ok
    今天公司出了神贴。今天中午吃饭，同事问我看了论坛上的神贴了吗？什么帖子？我问。同事显得很惊讶，你居然没看，现在那个帖子可能会成为年度最佳帖子。这么厉害？我等不及了，饭没吃完就快速的奔向办公室，打开公司论坛，我要一睹这个帖子的神奇。写这帖子的童鞋胆儿真肥。这哪里是一个帖子，这是很多个帖子，组成了一个系列。某人从公司文化、管理、人事、项目管理等多个方面分析了公司的概况，并抨击了公司的各种弊端，并提出了
  • 诡谲的一夜 乔三鳞
    门缝里有一些眼睛，我再熟悉不过了，眼睛总和门有关。上次开门的时候，母亲的义眼骨碌碌地滚到我的脚边，顺着滚动的轨迹看过去，原来是父亲又打了母亲。父亲常这样殴打母亲，抓着她的头，往墙上，重重地砸。母亲的眼睛会掉下来，地上有灰，所以总要洗洗才能装回眼窝里。我想，装回去的时候会疼的——很疼，因为母亲总是流出血泪。所以，在我的认知里，门和眼睛的关系是紧密的，现在也一样，门缝里那些如葡萄般一串串的眼睛，摘一个
  • 年的味道~ 心理疗愈师英子
    小时候，最期盼过年，一想到过年有压岁钱拿、有新衣服穿、不用上学还有好东西吃，就兴奋不已。可是不知道从什么时候开始，很多人那种儿时满怀期待过年的感觉没有了，对年的期盼也越来越少。现在物质极大丰富，以前过年才有的丰盛年夜饭，现在几乎已成家常便饭，对过年有好东西吃的期盼没了。现在网络购物发达，服装店也遍布大街小巷，随时都可以添置新衣服，而不必非要等到过年，儿时那种大年初一从头新到脚的仪式感没有了。放鞭炮
  • 每日一省第400天孩子长大了 9cb62e220e4d
    今天是腊月二十八，要贴门神，吃过饭，儿子和女儿两个开始擦门，贴对联，贴完之后又去一楼贴，俩人嫌冷不想骑车，说开车过去，我：你们自己选择。儿子说我开车吧，回来还要到阿姨家送东西，阿姨还要拿面，我开车方便些。两个孩子开开心心的出门，用院长说的多子女教育中，一定要树立老大的威信，下面的都好带，老大一说让干啥，老二屁颠屁颠的都会去做，而且还很开心。就说我儿子现在只要让他妹妹干啥，妹妹都很听哥哥的，昨天两人
  • 踩咸菜 小豆本子
    听到这个名字，你是不是觉得很奇怪，咸菜怎么是用来踩的呢？你小时候洗完澡站在浴巾上，两只脚用力踩浴巾，还让我给你唱《采蘑菇的小男孩》你还记得么？对了，这回说的就是那个用脚丫子用力“踩”的踩咸菜。我小的时候家家户户都要踩咸菜。时间大概就是这几天（今天11月23号，农历十月十六）开始准备咸菜的菜。这种菜的学名叫雪里蕻，也叫雪菜。我小时候在农场长大，你外公和你外婆会种很大一片的雪里蕻。到了雪里蕻长大成熟的
  • 不给人生设限 接纳万物
    最近在听人物传记，从中汲取的是不给人生设限。我们从小就可能被各种言语设限，别人的一句否定，别人给我们贴的标签，都会让我们在脑海中给自己很多的限制，我们一直活在别人的眼中。如何勇敢的尝试，突破自我，活出精彩的生命？我们能做的是不去评判别人，以及对于别人的评判能做到不在乎。打小我们就被贴上标签，以为自己天生就是这样子的，无法改变，无法突破，然而通过阅读终身成长这本书我们了解到并非如此，只要自己愿意改变
  • 学生兼职的日常生活4 0f8cf7bfd36d
    今天顾客还蛮多的，但是员工好少，我们只能晚吃饭，早上起的太晚了，没有吃饭，上班没一会就饿得前胸贴后背了，太难过了，今天经理买了KFC，我蹭了挺多的，还有好心的同事请我喝了杯奶茶，嘻嘻~就是今天好热，可是我却感冒了，老是流鼻涕，给顾客点餐的时候，差点鼻涕都挂不住了，热感冒太难受了，温差有点大，大家要注意哦！
  • 题解 | #完全数计算#不知道为什么没超时的暴力解法 huaxinjiayou java
    兄弟们，坚持就是胜利啊，找工作从去年秋招就开始找，到五月底才收到第一个offer星环的，然后六月初t咋六月了还有面试啊，有兄弟了解这个部门吗面完了家人们，纯纯kpi啊，上来就是一道题是打印多个字符串的华为接头人话术指南：欲投华为，必看此贴!引流华为招聘提前批【奖】这个夏天，和牛牛一起打卡刷题~Java面试实战项目25届本科找暑期实习的历程飞猪旅行运营岗面经百度视觉算法一面面经感谢牛友们，腾子pcg
  • 2023-06-09（周五） 独品弦意
    （18°-33°，晴间多云）一个人如果20岁而不美丽、30岁而不健壮、40岁而不富有、50岁而不聪明，就永远失去这些了。（刘墉）老公说今天很轻松，可以陪我。可是我们俩合计半天都不知该干什么去，他的脚只是恢复了9成，不能多走，而我的脸也只恢复8成，不愿意拍照，也不想逛街、不想看电影，于是又只好按部就班，他理发，我修指甲，洗车，下午陪爸妈打麻将。家门口的家乐福今天关店。开了24年的家乐福，曾经盛极一时
  • 秋意羞涩的9月，国内6个赏秋佳地 鹿小路_5649
    7、8月的炎热，我们匆匆忙忙地寻找着避暑的天然佳处。眨眼间，炎炎的夏日逐渐泄气，丝丝凉快的初秋迎来。初秋是含蓄的，她在绿油油的枝叶间悄然渲染出一丝丝的黄、或一点点的红。待你擦觉到时，原本热闹生机的树、叶、草早已安静下来了，山野也早已一片寂然，呈现出或一抹黄或一抹红。活泼生机的景象正悄然收敛，若能捕捉到初秋的身影，你会体验到不仅仅只有凉爽的秋夏过渡。不需要跑出国门，我国这6个地方，足以追随到初秋的脚
  • 回家的心情写在脸上 超级无敌耿
    明天回家回家，真是一个美好的温暖的字眼呀。一提到回家，感觉周围的空气都变得新鲜，整个人也温暖明媚起来，从头到脚都充满着快乐。已经有好久都没有见过奶奶了，很想她。明天中午她一定在村口等着我，除了她没人会在那里固执的等我，这也是她多年来不变的习惯。我知道。我的傻奶奶，固执的可爱，又令人心疼。
  • 孤独的舞者——读《你当像鸟飞往你的山》有感2020-07-04 微阳初至
    “勇者无畏，智者不惧”，无畏方能奋力前行，无惧方能与自己那个格格不入的成长史决绝地划清界限。一个家庭，一半沐浴在知识的光芒下，探求着真理，寻求着蜕变。尽管有时候残酷的现实逼得他们一脚踏着知识的坚实土壤，让真理的阳光为其疗伤，另一脚则深陷宗教的泥潭，用尽全身力气竭嘶底里地与宗教进行着抗争。当他们决定背离自己土生土长的家庭的那一刻，他们的灵魂便没了归处。这种决裂，伴随的有决绝，也有不舍。背叛家庭就如同
  • 2021-06-16 珊_
    太酸爽了！800个单页啊！凉了一晚果然不一样！没花！进小区就是心提在嗓子眼！悄悄的怕狗！怕人！上午好像装多了扫了好几个楼小组最后一个完事的！那么沉背来的我可不想在背回去！下午刚上楼顶组长说等信号一起扫！我先进去的在等组长时候隔壁大爷出来了手舞足蹈的和我打招呼“回来了”我说“嗯……连忙点头”还行！整体顺利！就是坐车时晕车恶心……脚也起泡了！腿也疼！
  • 《随园诗话》学习笔记三百零六 飞鸿雪舞
    卷五凡诗之传者，都在灵性五、五斗米与诗【原文】丁丑，余觅一抄书人，或荐黄生，名之纪，号星岩者，人甚朴野。偶过其案头，得句云；“破庵僧卖临街瓦，独井人争向晚泉。”余大奇之，即饷米五斗。自此欣然大用力于诗。五言句云：“云开日脚直，雨落水纹圆。竹锐穿泥壁，蝇酣落酒尊。钓久知鱼性，樵多识树名。笔残芦并用，墨尽指同磨。＂七言云：＂小窗近水寒偏觉，古木遮天曙不知。旧生萍处泥犹绿，新落花时水亦香。旧甓恐闲都贮水
  • 运动鞋哪个牌子穿着舒服质量好？最好的运动鞋品牌推荐 优惠券高省
    我们购买鞋子的时候一定要选择舒适的，这样走起路来才不会磨脚，好的鞋子也不会有臭脚的问题。我们在购买时会发现一些牌子的运动鞋不是特别的贵，而且质量挺好，走起路来也是比较舒服的。推荐十款名牌运动鞋，质量都非常不错！买运动鞋，推荐大家使用高省【高省邀请码989898】在高省领取商品优惠券再下单更优惠，下单成功再拿返利折上折！高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享
  • 连载《你在桥上看风景》五十八 海涛满地鸡毛的生活 塞上艾青
    无戒学堂脑海里一次又一次闪过这样的画面，一脚将她踢翻在地或是一个巴掌向她扇过去。可是，过了一秒钟，这样的想法马上又被自己否定了。妻子被打后，马上就像猴子一样，张牙舞爪的向自己挠过来了，或是自己下手太狠了，她会号啕大哭起来，一边还会向将电话打给自己的母亲，这样的话，那位一向慈善的老母亲又会迈着蹒跚的步伐来收拾残局，或是充当一个调停者，或是直接朝自己的脸上回扇过来。那本不是母亲的本意，可是面对这样破碎
  • 酒醉的蝴蝶 百汇新西兰
    晚上奥克兰许久不见的朋友来小城，几个好闺蜜打算聚到一起畅聊。闺蜜的丈夫之间也是好友，大家最终约到一起，去了小城里的东北菜馆。有趣的是这几家友人都是东北人，来自黑吉辽三省，四家人在一起，快乐又开心。东北人的聚会怎会少了酒，啤酒，白葡萄酒和红葡萄酒一起喝，不醉不归，最后哈尔滨人完胜。辽宁沈阳的朋友先倒下了，大家七手八脚把她抬上车，帮忙送她回家，也都为她的侠义爽快竖起拇指。其实她的酒量不好，但是只要我们
  • 悄然无声的成长，默默无闻的付出 小小冰棍儿
    图片发自App每天的工作琐碎，忙碌中又有条不紊。每一天孩子们学校里都是不同的，快乐的笑脸里也有着截然不同的心情。随着日子一天天的过去，孩子们已经悄悄的在发生变化。“调皮”、“捣蛋”、“熊孩子”这样的词语消失了。“能干”、“有爱”、“有担当”这样的词语越来越频繁的出现。以前听人说成长就是突然有一天腿开始疼了，嘴里的牙齿脱落更换，鞋子越来越容易挤脚……可我也从孩子们身上看到了别样的成长痕迹。他们帮同虐
  • 尤元飞:爱出者爱返，，福往者福来 樊登读书尤元飞
    我是临沂樊登读书会执行会长尤元飞，爱生活、爱读书这是我的原创文章第16篇！我们的目标是帮助临沂10000个家庭养成阅读习惯，共建书香临沂！希望我的文章能够为你赋能，也希望你能为我赋能！图片发自App1，昨日线下活动后有一位第一次参加活动的朋友加入我们的会员，感谢她的信任！2，岳母在医院的手术顺利完成，感谢医生护士的尽心尽力！3，一位虽然脚受伤行动不便却依然在医院要照顾父亲的女士，路上帮她把医院的救
  • 寻生 静聆幽篁
    丰子恺先生的画作近来，看见一句话，大概是说“乌龟面对长久的时光，却以睡觉来空耗殆尽”。一眼扫过，咂咂嘴，一股励志奋发的味道顿时从舌尖传来。不过，下一秒，静心再度揣摩时，已索然无味。因为，就在那一秒，一个低沉的声音阵颤了我脚边的黄土，汩汩流水竟从干燥的泥沙中渗出，顿时一池清水映出我的身影，几点鱼儿撞碎了模糊的身形，那个声音又清晰传来，“子非鱼，安知鱼之乐？”“对啊，除了乌龟自己，又有谁能有资格来评价
  • 忙碌的陈先生 瑶瑶妈_bb6b
    8.6.晚。今天是在爷爷奶奶家待的第二天，依旧坐等吃喝。陈先生昨晚十二点多回的家，我睡得迷迷糊糊。依稀间感觉他洗了个澡，吃了个夜宵，喝了几瓶啤酒。等我再次清醒过来之际，他已经睡在了我的脚边。囧～爷爷奶奶家的床对于睡觉翻天覆地的瑶瑶来说实在是有些不安全，所以在这里我们都是横着睡一个，竖着睡一个。因为连续不眠不休工作了好几天的缘故，他今天白天上午获得了短暂的休息时间，可这短暂的休息时间，他也没有怎么休
  • 2021-09-12 已毕业的徐同学
    2021南昌十大画室排名，艺考生还不来看看在南昌，大大小小的画室有上百家，每年都会有很多同学来南昌进行画室集训，可选择画室是比较麻烦的，这么多画室，不熟悉的人很难选择一个最适合自己的好画室，那么在南昌选择画室的时候，选择哪家好呢？美术生选择一个好的画室，不仅关乎自己的考试成绩，还相当于一只脚已迈入理想大学的门槛，那么南昌有哪些好的画室呢？排名前十的画室分别是那些画室呢？南昌十大画室对于学美术的人来
  • 【爸爸带娃 日更174】吃维生素的计算机思考 蓝色眼镜007
    中午，家里人为了有没有给冬冬喂过维生素，而反复确认。问冬冬，她就算吃了，也就是很被动的张口，而且每天都吃，她也不清楚。再问当事人，因为也是每天都喂，也不太确定。好像吃了，好像又没吃。有时，A顺手已喂冬冬吃了，B却并不知道。确认混乱。其实，无非就是没有「中心化数据库」嘛。以后，在墙上贴张表格，不管谁喂完后，就马上在上面打个勾。或者，每天的量都用纸包起来，纸外面写上日期，吃完就扔，这是「分布的思维」。
  • GD32的虚拟串口CDC的一些注意事项 跳动的代码 单片机mcu
    在移植GD32CDC的USB虚拟串口，即CDC设备时，需要注意一下几点。我这里已GD32E503为例。1、时钟要正确，GD32E503的时钟必须为168M才能用2、硬件问题，GD32E503的USB必须要三个脚，除了DPDM外，还有DP一个上拉脚要配置。3、不要忘了移植中断部分代码，USB是有中断函数的。4、关于CDC的发送和接收问题：用官方的例程，发送和接收是没问题的。但是在我们代码里是不能直接
  • 逛夜 顽石的青果花园
    如果逛街就总会有点事做，我就是去逛夜，和街没有点滴关系。临出门看下手机的电量，如果不够所有的歌播两遍，就先充电。单单就音乐来说，我跟现在确实是脱节的，估计那些歌同龄人都不大听。路线由脚去选，能找到回家的路就行，不过速度是一贯的慢悠悠。至于脑子里想什么，我也不知道，工作是一定会想，也会琢磨文字，有巧妙的文字蹦出来，也会自顾自的嘚瑟好一会。逛夜是一定不能有坏情绪的，表情尽可以丰富。于我，乌托邦啊世外桃
  • 小时候过年最开心的是什么？ 追梦的小脚丫
    放鞭炮、吃饺子、穿新衣……小时候过年最让你开心的事情是什么？想想除夕那天是最忙碌，也是最开心的一天，一大早起来，每家每户大人和小孩子的脸上都洋溢着幸福的笑脸，大人们搬来梯子，将自家的大门和所有房门两边和正面都清理干净，贴上喜庆的红红的对联和祝福字画，我们在下面帮忙抹对联的酱糊，还指挥着贴对联的大人们，一会说，这边的高了，那边的低了，中间的太靠近左边或太靠近右边了；而小一点的小屁孩，早已经三三两两各
  • 像极了暗恋 梅月影
    图片发自App我想我暗恋了，是十一岁时，小学五年级。我前排的女孩，是全县三好学生，清秀得像语文书上插图里的少先队员。班主任老师把自己的女儿安排于她坐一排，以便沾点灵气。如此优秀的可人儿，我想我是不敢喜欢她的，想都不敢想。一天，她的圆规掉桌下了，我并不知道自己的脚碰着她的圆规了。她捡的时候可能以为我的脚是故意的，顺手就用圆规扎了我腿杆一下。我的小腿背部扎了一个很深的针洞，还有圆规的铝的颜色。我痛得呲
  • 突然十句话 不改初心25
    突然十句话第一句生命或许是不断地相遇。换句话说，生命或许本就是不断的错过。丑岛与犀原你们会死的。一个女孩站在马路上朝着飞奔的摩托车大喊。丑岛，那女孩是谁？柄崎踩了一脚油门，轰隆的声音让他的话有点听不清楚。不认识，后座的丑岛摇摇头，漫不经心的说。是谁呢？丑岛还是大概有点印象的。大概是叫犀什么，丑岛整了整头盔，不再去想。濑户，我们来了。濑户三兄弟正坐在废弃工厂的沙包上，直直的盯着柄崎。柄崎咽了咽口水，
  • 京东百亿补贴活动时间表，京东百亿补贴活动入口 高省APP
    京东百亿补贴已经上线，很多朋友不知道怎么参加京东百亿补贴，今天把京东百亿补贴入口分享给大家，苹果手机直补1100百元，微信扫码进入京东百亿补贴优惠会场，真不贴才便宜；【京东】官方百亿补贴天天低价❗戳>https://u.jd.com/IzvvzhI也可以上面链接进入百亿补贴活动现场，（部分网页不能正常跳转可复制到微信中进入补贴会场）京东是很多比较受欢迎的购物平台，不论产品质量还是物流，售后服务都是
  • 99/03-31 喵姬Amy
    今天有点丧！！！！心情比照今天七点醒的，还不错，不算晚，起早的原因是昨天休息的比较早，所以还是要早睡早起。有阅读，但是没有反馈。上班期间专注度还可以，今天几乎没怎么划水，因为比较忙。今天的问题主要有，其一是不够细心，其二是自己平常懒散，工作常用的内容不够足够的熟悉，掌握。所以打算重头再写一遍。今天加班了呢！！！！回家也是自己做饭。没有偷懒，认真的护肤了！再加上泡脚。可是没有做饭，英语未触及。明天加
  • HttpClient 4.3与4.3版本以下版本比较 spjich javahttpclient
    网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。 httpclient又可分为 httpclient3.x httpclient4.x到httpclient4.3以下 httpclient4.3
  • Essential Studio Enterprise Edition 2015 v1新功能体验 Axiba .net
    概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！ syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
  • [宇宙与天文]微波背景辐射值与地球温度 comsci 背景
            宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢?      如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢?   &nbs
  • lvs-server 男人50 server
    #!/bin/bash # # LVS script for VS/DR # #./etc/rc.d/init.d/functions # VIP=10.10.6.252 RIP1=10.10.6.101 RIP2=10.10.6.13 PORT=80 case $1 in start)   /sbin/ifconfig eth2:0 $VIP broadca
  • java的WebCollector爬虫框架 oloz 爬虫
    WebCollector主页： https://github.com/CrawlScript/WebCollector 下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。 接下来看demo package org.spider.myspider; import cn.edu.hfut.dmic.webcollector.cra
  • jQuery append 与 after 的区别 小猪猪08
    1、after函数 定义和用法： after() 方法在被选元素后插入指定的内容。 语法： $(selector).after(content) 实例： <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scr
  • mysql知识充电 香水浓 mysql
    索引 索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。 根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。 大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关； MYISAM和InnoDB存储引擎
  • 我的架构经验系列文章索引 agevs 架构
    下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。 要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。 （内容是前几天写的，现附上索引）   前端架构 http://www.
  • Android so lib库远程http下载和动态注册 aijuans andorid
    一、背景      在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。   二、主要
  • linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法 baalwolf option
    在客户端访问subversion版本库时出现这个错误： svnserve.conf:12: Option expected 为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##
  • MongoDB的连接池和连接管理 BigCat2013 mongodb
    在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。 通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也
  • AngularJS使用Socket.IO bijian1013 JavaScriptAngularJSSocket.IO
            目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。         Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实
  • [Maven学习笔记四]Maven依赖特性 bit1129 maven
    三个模块 为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web， user-service依赖于user-core user-web依赖于user-core和user-service   依赖作用范围  Maven的dependency定义
  • 【Akka一】Akka入门 bit1129 akka
    什么是Akka Message-Driven Runtime is the Foundation to Reactive Applications In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
  • zabbix_api之perl语言写法 ronin47 zabbix_api之perl
    zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example: #!/usr/bin/perl use 5.010 ; use strict ; use warnings ; use JSON :: RPC :: Client ; use
  • 比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ brotherlamp linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学
    比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！   ----------------------------------------------------- 兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1 链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65   兄弟连Lin
  • bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y( bylijinnan java
    import java.util.Random; /** * 题目： * 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)， * 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大
  • map的三种遍历方法 chicony map
    package com.test; import java.util.Collection; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Set; public class TestMap { public static v
  • Linux安装mysql的一些坑 chenchao051 linux
    1、mysql不建议在root用户下运行   2、出现服务启动不了，111错误，注意要用chown来赋予权限， 我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf)  chown -R cc /etc/init.d/mysql
  • Sublime Text 3 配置 daizj 配置Sublime Text
    Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和
  • MySQL server has gone away 问题的解决方法 dcj3sjt126com SQL Server
    MySQL server has gone away 问题解决方法，需要的朋友可以参考下。 应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h
  • javascript/dom:固定居中效果 dcj3sjt126com JavaScript
    <!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&
  • 使用 Spring 2.5 注释驱动的 IoC 功能 e200702084 springbean配置管理IOCOffice
    使用 Spring 2.5 注释驱动的 IoC 功能 developerWorks 文档选项 将打印机的版面设置成横向打印模式 打印本页 将此页作为电子邮件发送 将此页作为电子邮件发送 级别： 初级 陈 雄华 ([email protected]), 技术总监, 宝宝淘网络科技有限公司 2008 年 2 月 28 日  &nb
  • MongoDB常用操作命令 geeksun mongodb
    1.   基本操作 db.AddUser(username,password)               添加用户 db.auth(usrename,password)      设置数据库连接验证 db.cloneDataBase(fromhost)    
  • php写守护进程（Daemon） hongtoushizi PHP
    转载自： http://blog.csdn.net/tengzhaorong/article/details/9764655   守护进程（Daemon）是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。   1、基本概念   &nbs
  • spring整合mybatis,关于注入Dao对象出错问题 jonsvien DAOspringbeanmybatisprototype
    今天在公司测试功能时发现一问题： 先进行代码说明： 1，controller配置了Scope="prototype"（表明每一次请求都是原子型）    @resource/@autowired service对象都可以（两种注解都可以）。 2，service 配置了Scope="prototype"（表明每一次请求都是原子型）
  • 对象关系行为模式之标识映射 home198979 PHP架构企业应用对象关系标识映射
    HELLO!架构   一、概念 identity Map:通过在映射中保存每个已经加载的对象，确保每个对象只加载一次，当要访问对象的时候，通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射，Mapper类的getFromMap方法就是实现标识映射的实现。     二、为什么要使用标识映射？ 在数据源架构模式之数据映射器中 //c
  • Linux下hosts文件详解 pda158 linux
    　1、主机名： 　　无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。 　　公网：IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。 　　局域网：每台机器都有一个主机名，用于主机与主机之间的便于区分，就可以为每台机器设置主机
  • nginx配置文件粗解 spjich javanginx
    #运行用户#user  nobody;#启动进程,通常设置成和cpu的数量相等worker_processes  2;#全局错误日志及PID文件#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  inf
  • 数学函数 w54653520 java
    public  class  S {        // 传入两个整数，进行比较，返回两个数中的最大值的方法。      public  int  get( int  num1, int  nu
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他