瞿杰
瞿杰

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,脚贴)

  • D2早课与活力链接 亲爱的lingling
    宇宙法则是：关注什么，什么就会变大。所以时刻关注自己在想什么，听什么，看什么！感恩今天早晨醒来的第一个意识是，真好，美好的一天开始了，我要越来越漂亮。起床做感恩冥想，呼吸法，喝一杯白开水，贴牛奶面膜。谢谢真我，感觉真好！感恩今天芳哥哥做的爱心早餐，给我煎了鸡蛋，谢谢芳哥的付出。谢谢！感恩我能够越来越清晰自己要做什么，越来越清楚知道自己想要的是什么，更加宁静与喜悦。今天早晨我听到我的高级智慧的声音，
  • 2021-10-23 赵甄文的幸福
    秀荣感恩日记Day42[烟花]感恩语录感恩自己有能力有好身体，可以到处走动，做自己想做的事情10.23感恩日记今天做的事情瑜伽一小时户外散步一小时泡脚20分钟学习打卡和孩子沟通[爱心]感动的瞬间今天瑜伽回来，发现老公在厨房里做鱼。每次老公有时间休息的时候都会给我做硬菜。刘姐约我一起去公园散步晒太阳。虽然完美错过，但心里还是暖暖的。每天睁开眼打开手机，先去自己的群里逛一逛，每每发现有人点赞或者互动都
  • 替身贵妃将我扒光沉塘，暴君杀红了眼陆知白李双儿全本免费小说阅读_最新完本小说替身贵妃将我扒光沉塘，暴君杀红了眼(陆知白李双儿) 多多文馆
    《替身贵妃将我扒光沉塘，暴君杀红了眼》主角：陆知白李双儿简介：我是贫门农女，也是暴君爱而不得的白月光。为逼我入宫，他将我满村屠尽！暴君在后宫建了一座水晶殿，将我禁锢其中。他日日宠幸我，直至寻到一个与我七分相似的替身，方才淡了兴致。他将替身封为贵妃，千娇万宠一言可戏诸侯。贵妃恃宠生娇，趁着暴君出宫巡视，带着一群人闯进水晶殿。“本宫马上就要受封为后，今天就来清理后宫！”她在我脸上刻奴字，挑断我的手筋脚
  • 环境搭建 | Python + Anaconda / Miniconda + PyCharm 的安装、配置与使用
    本文将分别介绍Python、Anaconda/Miniconda、PyCharm的安装、配置与使用，详细介绍Python环境搭建的全过程，涵盖Python、Pip、PythonLauncher、Anaconda、Miniconda、Pycharm等内容，以官方文档为参照，使用经验为补充，内容全面而详实。由于图片太多，就先贴一个无图简化版吧，详情请查看Python+Anaconda/Minicond
  • 守一朵花，偏安春之一隅 者者行
    图片发自App守一朵花，偏安春之一隅云雾压城的那一刻我发现世界小了许多高楼耸立，挨着天女的脚丫脚贴大地柔软的腹河水湿润了游离的眼际风偏安春的围城在我的身体里生根育芽远山，那块曾经蕴藏着诗的圣地不见也罢此刻我只想读懂泥土的温柔和挂在纤纤枝头的那抹春色它是那么轻盈像蝴蝶的羽翼我多想折一枝春寄给遥远的你可又怕你见到的是一朵将萎的花近日的烟雨，给江城的春色增添了些许朦胧之美。灰白的天色，让我的视界后退了不
  • 第009章 埋尸地点 脚本儿
    疯了！孟燕疯了！两天时间，牧原用同一句话——“能单独淡淡吗？”把她赶出来两次，这分明就是忽视，甚至是藐视！如果上一次是因为牧原有隐情需要单独和魏崇宇进行协商的话，那么这次绝对就是蔑视，那姿态就像是一个乳臭未干的黄毛小子站在她家门口，叉着腰、踮着脚，指着她这个成年大姐姐的脑门说：“小丫头，你还不够格，我要和你家大人亲自谈！”张鼎远远地躲开孟燕，也是一脸的郁闷。第一次的单独谈话之后，牧原用事实证明了自
  • 玫瑰红（小说连载55） 静子木
    开始上初中，永红心里总充满了兴奋和好奇，羞涩，和开始在意自己的外表。有时会偷偷穿上二姐的衣服在镜子前摆弄。只是脸上的胎记让她多多少少有点自卑。她有时对着镜子想象自己没有胎记的样子。有时还会穿着姐姐的鞋子在屋里走来走去，尽管鞋子比脚大很多，她仍乐此不疲。每天早上，她总会缠着大姐帮她辫头发。有时是扎一个马尾，有时在前面扎两个小辫子，有时马尾编成两个小辫子。还要用红绸丝带结上一个蝴蝶结。这样她就觉得自己
  • 厂商文件曝光！揭露低价公模机成本秘密(二) weixin_34082695 运维区块链python
    厂商文件曝光！揭露低价公模机成本秘密(二)2007-10-0920:22:36来源:iMP3.net网友评论0条进入论坛七、细节的一些对比：1、机器正面，背面外壳的保护膜。YOTO所有机器的保护模都是单独订制，保护模分正面显屏的贴膜和背壳的贴膜。T52正面的保护膜和背壳的保护膜MVP800正面的保护膜另外每台机器出货的时候都会被擦试得非常干净，显屏内不会出现灰尘。贴膜和擦拭专门有4人进行擦拭，这也
  • redis反弹shell时kali无法接收回弹的解决方法 显哥无敌 shellredis
    无法接受回谈大概率是bash命令写的不对，那个crontab中间的星号个数是有意义的，不是随便加的，下面贴一下crontab的基本用法https://www.cnblogs.com/zhoading/p/11572630.html{minute}{hour}{day-of-month}{month}{day-of-week}{full-path-to-shell-script}如果是要cronta
  • 客旅 靖雯weny
    文/靖雯图片发自App空气中犹如一颗微粒子四处寻找归宿泥土中犹如一抹尘埃弥漫着诱人的阵阵清香久久不忘何时来又何时去真不知晓或春或冬，或喜或悲地球所有的房间里你我都是客旅四季的更替编织出五彩斑斓的梦走过人生的征程或雨或霜，或逆或顺细细翻阅履历原来脚踪丝毫不曾停留某处
  • 付娅莉感恩日记（第4天）2022.11.19日 付娅莉
    1.我十分感谢：我的妹妹。每天坐公交车坐地铁上班很辛苦，班上工作忙，回家天就黑了，还要照顾妈妈，真的非常辛苦！谢谢！谢谢！谢谢！2.我十分感谢：感谢我的双腿和双脚。腿和脚带着我走路，上楼梯，跳跃、奔跑，站立、坐卧，能够让我自由行走！谢谢！谢谢！谢谢！3.我十分感谢：我的头发。长发可以飘逸，短发可以干练。谢谢！谢谢！谢谢！4.我十分感谢：我的眼睛。能够让我看到这个缤纷多彩的世界，看到人生百态！谢谢！
  • 力扣 hot100 Day58 qq_51397044 Hot100leetcode算法
    完成了这些题目，都是回溯题目，思路比较统一，懒得一一贴代码了，反正是记录向而非教学向classSolution{private:vector>result;vectorpath;public:voidbacktracking(vector&nums,intindex){result.push_back(path);for(inti=index;i>subsets(vector&nums){inti
  • 每日一省25天 恒星
    昨晚，看王院长的实操班体验课连麦到一点多，导致今天早上闹钟闹了也没听见，醒来已是6：54，7：00之前必须岀门才能赶上校车。我自己直接从床蹦下去，穿好衣服，赶忙去叫儿子，睡得太沉了，他也没听见闹钟。我赶紧让儿子穿衣服，他还是睡回来了。拿了衣服往他身一盖想拉他起身，沒想到他把脚伸过来了，＂老妈，帮我穿袜子，来不及了。＂其实，应该是沒醒，想偷懒。＂好吧！＂我拿了袜子套在他脚上，他脚一蹬，踹到我脸上。＂
  • 2023-09-02 温小和
    太愤怒了。近日四川自贡发生了一件令人十分愤怒的打人事件。起因是因为受害人于女士（化名）牵狗坐货梯的时候，里面已经有一对夫妻。小狗的尾巴不小心扫到了女子的身上。然后女子骂了很难听的话，双方由口角到肢体冲突。结果于女士被殴打、扒衣服，导致身体裸露，出现短暂意识丧失。因为于女士穿的是长裙，被另一位女士往下一拽，导致于女士的右侧乳房露出来（有胸贴）。男子继续摁着于女士，另一位女士继续动手打。于女士称暴露在
  • 2020-11-19 小宝燈儿
    这是一颗没有风的星球，没有风，人们便崇拜云。他们从不抬头看云，就像面对皇帝和神一样，膝盖和地面平行，眼睛只能看到他们的脚趾。于是，所有投向云的目光都被申斥，高过云的飞机都被禁止。原本一切都相安无事，直到那帮女人。准确来说，应该是所有女人。一夜之间，她们都生了病，地心引力在她们身上似乎失去了作用，她们的脚开始一点点脱离地面，先是一厘米，然后是两厘米，三厘米，久而久之，她们高过了周围的男人半个身子，踩
  • 脚受伤了的鸽子 林小刀159
    我是在红灯亮的时候看到它的，一开始我没注意到它只是用一只脚在走路，毕竟鸽子是那么小小的，而我离它虽不远也隔着车窗和马路护栏。但我注意到有个小孩欣喜跑过来追它，一副见到了不得的玩具想占为己有的样子，小孩的母亲跟着小孩也小跑过来，那位母亲看起来拥有一双锐利的眼睛。她低下身子跟小孩说了几句，小孩站定似乎在思索什么大事一般，而后一副已经有了决定的样子，跑向远离鸽子的地方。我不知道那位母亲跟小孩说了什么话，
  • 相约领证女友却与初恋发誓永不相沈琳顾衍最新章节在线阅读_沈琳顾衍全本免费在线阅读 热门小说_1
    这本小说主要讲述了七夕这天，我和女友约好去领证。等到民政局快下班也不见她人。刚准备打电话，她却发来消息，“亲爱的，今天有事，改天领证可以吗？”有事？看着她在小号的官宣，“十年前，我们被人拆散。十年后，我们定要把过去的遗憾都补回来。余生不相负，傅先生。”配图是女友和他初恋手持结婚证的贴脸甜蜜照。相约领证女友却与初恋发誓永不相沈琳顾衍最新章节在线阅读_沈琳顾衍全本免费在线阅读书名：相约领证女友却与初恋
  • 前端面试题 大大。 前端vue.jsjavascript
    HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section)，多媒体支持video,audio，Canvas绘图div上下居中对齐的几种方式第一种：flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种
  • Android启动时间优化大全 SEP5010 Systembootchartcgroup
    1修改Androidmksh默认的列长度不修改这个参数，adbshell后，输入超过80个字符，就不能看到完整的命令行。external/mksh/src/sh.hEXTERNmksh_ari_tx_colsE_INIT(80);EXTERNmksh_ari_tx_linsE_INIT(24);2Kernel优化2.1内核驱动模块化将内核中尽可能多的驱动模块化，写一个负责insmod的shell脚
  • 睡前回想三件快乐的事儿 静夜语思
    一今天在健身房上团体课的时候，我的旁边是一对闺蜜，一个短发胖女孩和一个长发飘飘的美女，似乎所有有点胖乎乎的人都会有幽默感。美女教练过来一个个轮流给我们纠正动作，教练下手有多狠，我们的尖叫声就有多大。这一次，我们做的是体位前驱，盘坐在瑜伽垫上，一只脚向前绷直，双手去摸绷直的那个脚尖，教练先给胖女孩纠正了肩膀和背，胖女孩咬牙忍住了。长发女孩此刻正在摸鱼，毕竟大半节课下来，大家早已全身酸疼了，教练温声地
  • 2020-11-21 邓彩凤
    2020.11.20日念一好274天存好心，说好话，做好人，行好事，读好书念父母好：感恩父母生，❤️养，育之恩，感恩你们每天开心快乐就是我最大的幸福。念先生好：亲爱的今天女儿放半月假，早早的忙完自己的事情，下午到学校去接女儿到长沙去吃小吃，你是个勤快有责任心的男人，有你真幸福念女儿好：自己安排好自已的学习计划，中午看到爸爸用手机工作，眼睛有点不舒服，你马上说要爸爸用眼护贴眼睛，你是个有计划努力上进
  • 今日 慢——瑜伽晨练 妞姐_96da
    当我拿起华为（有情怀的人，值得支持），准备敲下这段文字时，心中升起瞬间的激动。走上瑜伽垫，开始承诺昨天的诺言:拜日式，山式的站姿中，脚像被风刮起，即将被拔出土地的树根般，摇摇欲坠，带着身体不停地晃动。这种晃动，是心不够安静，安稳，停留在此，只是关注身体的晃动，什么都不做，持续的关注，直到他像个调皮够的孩童，愿意安静下来。脚跟如深深地扎在泥土的树桩一样，只有深深地，根基才是稳定的。作家董桥先生在一段
  • 市场营销学| 读书41 c94b724fed80
    6.3.3传播和实现所选择的定位一旦确定了定位，就必须坚定向目标消费者传播，并努力实现这种渴望得到的定位不只是说说而已，如果定位于更卓越的品质，质量和服务，就必须先确定这种定位的实现方案，设计营销组合，产品价格渠道和促销贴制定出定位策略的具体战术措施，因此一个采取高质量高价格策略的公司要清楚。他必须生产高质量的产品，收取高的价格，通过高质量的经销商进行分销，在高质量的媒体上做广告，必须雇佣和培训更
  • 寒露已至，祝您预售组伙伴做好应季养生预防[拥抱] JIA丽子
    寒露养生，特此奉上一、起居篇1、足底保暖，适时添衣常言道：“寒露脚不露。”寒露过后气温逐渐降低，不要经常赤膊露身以防凉气侵入体内。每天晚上用热水泡脚，可使足部的血管扩张、血流加快，改善脚足部皮肤和组织营养，减少下肢酸痛发生，缓解疲劳。天气寒冷，老人、儿童和身体体质较弱的圈友要注意防寒保暖，逐渐增添衣服。但换季穿衣服别换得太快，最好厚薄搭配，以保暖为主，不穿单衣也是寒露养生的重要一点。2、朝盐晚蜜，
  • DUCATI XDIAVEL：杜卡迪最值得买的车：魔鬼诱惑 —— XDiavel S 评测 光剑书架上的书
    杜卡迪最值得买的车：魔鬼诱惑——XDiavelS评测提到巡航车，给人的都是那种沉重、粗犷、动力中规中矩、善于在洲际公路飞驰、山路畏手畏脚的印象。没办法，谁让美式巡航的形象太过于深刻。而善于激情的杜卡迪在几年前推出了Diavel，也就是那台被称为大魔鬼霸气巨兽，来表达自己对于巡航的定义。不过街车的坐姿并没有太多人把Diavel当做一台巡航车来看。其实就在Diavel大魔鬼进入市场后，杜卡迪便开始展开
  • 钱石柏先生拜年贴 空虚的开口
    图片发自App熙熙攘攘/热闹非同寻常/处处论孔方/地地泛铜臭/侧耳静闻处/唯无共产理想/仰首望金乌/金、木、水、火、土…/个个卫士绕身转/只因巨大能量/只为那博大之胸怀/才有这亘古不变/循环和守护/低头望众生/为何如此自私似散砂/只因缺少/润之这金乌火轮/天不生润之/万古如长夜/抬望眼/红旗韶山涌动/于静处/只觉春雷/心中掠过/我预测/华夏定会再辉煌/钱石柏/携全家给大家拜年了
  • 五巷六号303 余思咏
    （1）今天是个好日子，在离上一个抠脚大汉搬走十三天零五小时四分钟后，这间空荡荡的房间终于迎来了新的主人。更开心的是，我们新的主人还是个皮香肉滑的姑娘。嗨哥知道了后肯定兴奋得要趴在玻璃窗上流口水了。我们再也不用跑去隔壁302房间找那个天天盯着电脑屏幕锻炼右手肌肉的眼镜男了，虽然他那堆积在垃圾桶里的快餐盒上沾着的肉沫还是挺有滋味的。“这个床垫是上个租客留下来的，还挺好的，你可以留着用。”说话的是胖子房
  • 走红后就把前女友一脚踢开！转身娶了别的女人，开始立好男人人设了？ 忙着可爱_3451
    7月11日凌晨，杨丞琳特意卡点在某社交平台为李荣浩庆生。配图很有纪念意义，是去年李荣浩生日时，他发文庆祝自己求婚成功用的合照。突如其来的深夜狗粮，一众粉丝还没来得及消化，杨丞琳的工作室官方账号紧接着发布了李荣浩向杨丞琳求婚的视频，再次给予粉丝“甜蜜暴击”。和其他艺人求婚时满满的仪式感不同，李荣浩的求婚充满了生活气息，难怪不少粉丝调侃:穿着大裤衩求婚的，怕也是只有你李荣浩一人了!2019年7月10日
  • 《婆婆死后，我和闺蜜一起离婚了》乔晚意霍庭琛林浅浅(完结篇)全文免费阅读【笔趣阁】 寒风书楼
    《婆婆死后，我和闺蜜一起离婚了》乔晚意霍庭琛林浅浅(完结篇)全文免费阅读【笔趣阁】主角：乔晚意霍庭琛林浅浅简介：我和闺蜜一起嫁给了霍家两兄弟。她嫁给了内科圣手哥哥，我嫁给了外科圣手弟弟。结婚第四年，婆婆车祸重伤入院，医生说手术只有医学界的黄金圣手霍家两兄弟能做。可以关注微信公众号【南北文楼】去回个书号【32】，即可免费阅读【婆婆死后，我和闺蜜一起离婚了】小说全文！第2章“庭琛哥，都怪我没用，剪个脚
  • 开心地泡脚 光明201802
    最近我的脚生病了，脚板上，皮肤很痒，痒得我都抓成很烂的样子。然后爸爸拿药回来给我泡脚。这是一种神奇的药，他本来是黑黑的粉末，放去水里它就变成紫色的，非常好看。妈妈说这种是一种化学反应。我泡脚的时候，我觉得有一点痒，有时候我会一边喝牛奶来泡脚，有时候我还会一边看书来泡脚，我希望我的脚快点好起来。
  • 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其他