DIV高度自适应

（从死了一次又一次终于挂掉的百度空间中抢救出来的，发表日期 2014-06-27）

想要DIV的高度随内容自适应，（主要用于div有边框样式的）

使用overflow:hidden，可以div边框紧贴内层边框。

 

还可以通过设置清楚浮动来实现该功能，将内部内容的最下方添加一个空白div，来清除浮动。清楚浮动的css代码：略。

 

补充：

让DIV高度自适应，这是在网页设计中常遇到的问题，为了给大家提供参考，这里提供3种div高度自适应的方法：一是JS法、二是背景图填充法、三是“补丁大法”（比较变态）。

1、JS法

代码如下。原理：用JS判断左右DIV的高度，若不一致则设为一致。

<div style="width:500px;background:#cccccc;height:0px;">

　　<div id="right" style="width:380%;height:100%;float:left;border:1px solid #265492;">left</div>

　　<div id="left" style="width:60%;;float:left;background:#376037;">

　　　　right<br>

　　　　right<br>

　　　　right<br>

　　　　right<br>

　　　　right<br>

　　　　right<br>

　　　　right<br>

　　</div>

</div>

<script type="text/javascript">

　　<!--

　　var a=document.getElementById("left");

　　var b=document.getElementById("right");

　　if(a.clientHeight<b.clientHeight){

　　　　a.style.height=b.clientHeight+"px";

　　}else{

　　　　b.style.height=a.clientHeight+"px";

　　}

　　-->

</script>

 

2、背景图填充法

这是大站用得比较多的方法，如163等，研究了一下，结果如下。

这里是给父DIV设置了背景图片填充，所有DIV都不设高度。

HTML代码：

<div class="endArea">

　　<div class="col1">第一列　左边正文</div>

　　<div class="col3">第二列　右边<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />字字</div>

　　<div class="col2">第三列　中间图片</div>

　　<div class="clear"></div>

</div>

 

CSS代码：

endArea{margin:0 auto; width:960px; background:url(http://cimg2.163.com/cnews/img07/end_n_bg1.gif); clear:both;}

endArea .col1{float:left; width:573px; }

endArea .col2{float:left; width:25px; }

endArea .col3{float:right; width:362px;}

 

3、补丁大法

就是“隐藏容器溢出”和“正内补丁”和“负外补丁”结合的方法。比较另类的方法，在IE6、IE7、FF3下测试通过。要点：

1、父DIV设置　overflow:hidden;

2、对要高度自适应的DIV设置　padding-bottom:100000px;margin-bottom:-100000px; 两列或多列同理。

代码如下：

<html>

    <head>

    <meta http-equiv="Content-Type" content="text/html;         charset=gb2312" />

    <title>Div高度自适应</title>

    <style type="text/css">

        #wrap{overflow:hidden;}

        #sidebar_left,#sidebar_right{padding-bottom:100000px;margin-    bottom:-100000px;}

    </style>

    </head>

    <body>

    <div id="wrap" style="width:300px; background:#FFFF00;">

        <div id="sidebar_left" style="float:left;width:100px; background:#777;">居左</div>

        <div id="sidebar_mid" style="float:left;width:100px; background:#999;">

        居中<br />

        居中<br />

        居中<br />

        居中<br />

        居中<br />

        居中<br />

        居中<br />

        </div>

        <div id="sidebar_right" style="float:right;width:100px;     background:#888;">居右</div>

        </div>

    </body>

</html>

 

以上三种方法都可以解决Div高度自适应，请根据你自己的需要，三选一

你可能感兴趣的:(高度自适应)

  • 微信小程序仿微信聊天界面 微特尔普拉斯 微信小程序微信notepad++
    界面结构:消息列表:使用scroll-view实现滚动，每条消息使用view组件包裹，根据消息类型(文本、图片、文件)显示不同内容。输入框区域:包含输入框(textarea)、发送按钮(button)和上传文件按钮(view组件模拟)。头像:使用image组件展示。功能实现:多行输入框高度自适应:使用textarea组件的auto-height属性，并监听linechange事件动态调整高度。消息
  • uniapp scroll-view滚动触底加载 height高度自适应 影子信息 uniappuni-app
    背景：scroll-view组件是使用，官网说必须给一个高度height，否则无法滚动，所以刚开始设置了设置了一个高度，想着vh应该挺合适的；后来在不同手机应用中，发现不同手机，滚动触底加载的动态效果显示不出来。经过排查，解决办法是让height自适应。。。即，不设置height高度，在css里面设置：.content_box{min-height:0;width:100%;height:100%
  • 不同分辨率下vue页面的高度自适应 Abao vue.jsjavascript前端
    1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比（%）高度.parent{height:100vh;/*父元素高度等于视口高度*/}.child{height:50%;/*子元素高度为父元素高度的50%*/}3.使用Flexbox或Gri
  • IOS开发0基础入门UIkit-3--实现一个高度自适应的UILabel和一个宽度自适应的UILabel Z编程 ios-UIkit入门ios
    1.实现一个高度自适应的UILable思路：UILabel初始化之后，先不要设置他的宽度和高度，等到设置好text属性和font属性之后，根据text的长度以及font的大小来计算UILabel控件的高度//实现一个高度自适应的uilabelUILabel*label2=[[UILabelalloc]init];label2.text=@"xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  • iOS UIScrollView高度自适应 芮淼一线
    UIScrollView经常会用来一些高度不确定的场景，要想完全展示(可滚动)需要正确计算contentSize的大小，当子控件很多时手动计算这些frame还是比较复杂，想要简单点就需要利用AutoLayout来实现自适应高度(宽度)。高度自适应时可以在UIScrollView中添加一个contentView，然后对contentView进行约束。然后将其他子控件添加到contentView中，再
  • height:0,padding-bottom:50% 流浪_8e2e
    当margin或者padding取值是百分比的时候，无论是left，right或者top，bottom，都是以父元素的width为参考物，进行提前占位，避免资源加载时候的闪烁，还可以让高度自适应。iconsexportdefault{name:'HomeIcons'}.iconsoverflow:hiddenheight:0padding-bottom:50%background:green看看效
  • 浮动元素父元素高度自适应（高度塌陷） MarciaC
    浮动元素父元素高度自适应（高度塌陷）当子元素有浮动并且父元素没有高度的情况下父元素会出现高度塌陷高度塌陷的解决方法hack1：给父元素添加声明overflow:hidden;(触发一个BFC)（缺点：超出元素会被隐藏）hack2:在浮动元素下方添加空div,并给该元素添加声明：div{clear:both;height:0;overflow:hidden;}（缺点：造成代码冗余）hack3:万能清
  • 前端--输入框换行，高度自适应 壹拾伍_0bb6
    最近项目遇到一个说小不小说大不大的问题，输入框要自动换行，并且高度还得自适应，我试了几种方式，1.input输入，input不能换行，上网查询了说将css设为word-break:break-all;word-wrap:break-word;也是无效的。2.div设置contenteditable="true"属性，这种方法可以实现输入内容自动换行，并且自适应高度，但是项目需要光标从边输入，我试过
  • flex布局下el-table表格高度自适应、表格头部固定 JCAL123 vue.jsjavascript前端css
    flex布局下el-table表格高度自适应、表格头部固定—vue技术交流群（864583465)(此群满可加2群：111822407）直接上代码固定高度固定高度import{Vue,Component}from'vue-property-decorator'@Component({})exportdefaultclassextendsVue{privatenum:number=123privat
  • Qt|QTextEdit编辑文本自动拉伸高度以及踩坑经验 糯诺诺米团 Qtqt开发语言
    最近做开放项目时，遇到了这样一个需求：使用QTextEdit编辑文本，随着编辑文本的变化，窗口高度自适应拉伸。实现该功能的核心思想：响应QTextEdit::textChanged消息，实时获取QTextEdit高度，当编辑框内容的高度超过最小值时，需要修改QTextEdit的高度。对于TextEdit编辑框自动拉伸的功能，很多博友也有记录，今天主要是针对踩坑经验分析，为大家分享！首先看一下实现效
  • vue实现瀑布流 天使的同类 瀑布流vue.jshtmlvue.js前端
    每个色块宽度一致，高度自适应VerticalLine.item-move{transition:all.5scubic-bezier(.55,0,.1,1);-webkit-transition:all.5scubic-bezier(.55,0,.1,1);}varapp=newVue({el:'#app',components:{'waterfall':Waterfall.waterfall,'
  • UITextView输入时高度自适应 NirvanaReborn凯
    这里使用的sizeThatFits方法，属于AutoLayout中的一个方法，代码如下：-(void)textViewDidChange:(UITextView*)textView{//获得textView的初始尺寸CGFloatwidth=CGRectGetWidth(textView.frame);CGFloatheight=CGRectGetHeight(textView.frame);CG
  • 微信小程序 图片自适应高度 宽度 完美适配原生或者uniapp 执波仔丶 微信小程序uni-app小程序
    -----查了一下百度看到网上图片高度自适应的解决方案基本是靠JS获取图片的宽度进行按比例计算得出图片高度。不是很符合我的需求/于是我脑瓜子一转想到一种新的解决方案不用JS计算也能完美解决。我写了一个组件，直接导入可以使用。---1.新建一个组件bl-adaptation-img.vue2.在main.js中导入//自适应图片图片高度宽度100%importblAdaptationImgfrom'
  • 实现小程序image图片宽度100%高度自适应 比奇堡的珊迪
    因为微信小程序的图片image有默认的宽高：width:320px和height:240px，所以只设置宽度100%是无效的，因为图片高度默认240px只需要添加属性mode="widthFix"设置宽度100%，.img{width:100%;}这样就可以实现图片宽度100%高度自适应，图片不会拉伸
  • Android TextView 字体大小&组件高度自适应解决方案 大渔歌_ Androidandroid
    TextView字体大小与组件高度不匹配问题通常在做UI的时候，文本都是比较重要的一部分。但是在Android中，往往会出现实际效果与UI图不太一致的情况，导致这种情况的出现主要是以下3个点。问题点属性值与实际绘制测量结果不一致字体大小字体行高组件高度解决方案自定义行高属性，严格遵从定义数值通过文本行数x行高，重新计算组件高度根据给定字号，在行高范围内，自适应调整字体高度不会超过行高，再重新设置字
  • UITableView-FDTemplateLayoutCell + 自动布局让 Cell 高度自适应 黑羽肃霜
    前提本文以Swift作为讲解，OC类似，不作赘述我们这里讨论的是纯代码方式的布局，所以XIB和Storyboard的使用方式不在本文的讨论范畴。问题描述通常情况下，我们都是通过functableView(_tableView:UITableView,heightForRowAtindexPath:IndexPath)->CGFloat{return50}提前告知每个Cell的高度。当UITable
  • 【CSS】保持元素宽高比 lynnhgwang css前端保持宽高比
    保持元素的宽高比，在视频或图片展示类页面是一个重要功能。本文介绍其常规的实现方法。实现效果当浏览器视口发生变化时，元素的尺寸随之变化，且宽高比不变。代码实现我们用最简单的元素结构来演示，实现宽高比为4：3。.box{width:50%;margin:100pxauto;background-color:pink;height://要实现高度自适应，这里就不能固定高度了。}接下来我们介绍2种方案来实
  • css-img图像同比缩小 哟哟耶耶 csscss前端
    1.HTML中使图像按比例缩小CSS来控制图像的大小，并保持其宽高比.image-container{width:300px;/*设置容器宽度*/height:auto;/*让高度自适应*/}.image-containerimg{width:100%;/*图像宽度填满容器*/height:auto;/*让高度自适应，保持宽高比*/}创建了一个包含图像的容器，并使用CSS来控制图像的大小。通过将容
  • 布局 Kiki_Q
    1.calc（100%-x）的替换[如果页头页脚一直存在页面且位置不变，写app文件统一样式]定位（内部盒子也是撑满剩余屏幕，继续通过定位来达到自适应和兼容各种浏览器）image.png情景：header和footer高50px；left固定200px，但是高度自适应屏幕铺满，不出现滚动条，右侧的table也铺满右侧下半部分，自适应.body{position:relative;.header{h
  • uniapp tab选项卡 swiper 高度自适应 使用vue nextTick 解决swiper不能及时获取高度 时间在飞飞 uni-appvueuniapptab自适应uniappuni-app选项卡自适应uniapp获取高度swiper高度自适应
    unippswipertab高度自适应使用了vuenextTick实现swiper切换自适应高度因为在uniapp中不支持vue的router-view所以选项卡选择了swiper,但是swiper的高度需要预设，不能根据内容的高度撑开，因此使用了uniapp提供的获取节点属性的api来动态设置swiper的高度setHeight(index=0){console.log('step2')cons
  • el-table魔改样式出现BUG，表格内容区域出现滚动条 ita_code bug前端elementuivuecss3
    问题：el-table表格内容区域在高度自适应的情况下冒出滚动条解决办法：代码排查后发现时我设置了fixed:“xxx”属性就会导致滚动条出现的问题，不设置则无。[{type:'index',label:'序号',fixed:'left'},{prop:'enterprisesName',label:'企业名称'},{prop:'orderAmount',label:'销售金额',format:'
  • css 保持元素宽高比 随页面宽度变化高度自适应 路光. 前端htmlcss
    目录1.效果展示2.代码内容3.代码解析（1）分析inner类写法（2）分析container类写法1.效果展示2.代码内容.item{background:red;width:50%;margin:0auto;}.inner{width:100%;height:0;padding-bottom:60%;position:relative;}.container{position:absolute
  • flex布局实现 内容区域高度自适应 goms csshtml5html
    用flex搭建一个如下页面布局（1）在主容器container中创建header、main、footer等容器(div)，display:flex开启flex布局，设置主容器的大小是很有必要的，flex布局将根据容器的大小来分配内部子元素的大小，所以配置了height:100vh;width:100%;（2）通过flex-direction:column改变容器的排列方向为竖向（3）主要通过fle
  • vue实现瀑布流布局 jojo是只猫 vuejsvue.js前端javascript
    简介：商城瀑布流，商品的图片尺寸不同，实现高低错落排列的感觉。原理：图片尺寸不一样，让宽度保持一致，高度自适应，所以后端返回了图片的原始宽高，方便计算。分成2列（可自定义），接口拿到数据，先计算出图片所占高度，在根据当前高度计算出两列中哪列矮，将数据push到哪一列。效果：代码：vue3组合式api+ts+vant{{item.name}}地点：{{item.address}}import{rea
  • 【vue】avue-crud配置大全-持续更新 王佑辉 vueavue-crud前端avuevue
    1.表格属性width:'100%',//表格宽度calcHeight:'auto',//表格高度差（主要用于减去其他部分让表格高度自适应）height:'auto',//表格高度maxHeight:'auto',//表格最大高度border:true,//是否显示表格边框expand:false,//是否展开折叠行index:false,//是否显示表格序号（根据分页会自动计算，比如每页10行，
  • Element-ui下拉框多选样式——宽高自适应 iatkotworld element-uivueuijavascript前端
    Element-ui下拉框多选样式——宽高自适应高度自适应宽度自适应高度自适应在element-ui的文档中可以看到，多选时，高度自适应是默认就有的展示方式，select组件不需要设置额外属性，如下图显示：正常情况下高度自适应已经足够使用了，但是如果option文字过多，tag横向展示时，就会出现超出输入框的异常显示情况，如下图所见：解决方法：修改css样式，修改tag宽度样式，增加文字超出显示省
  • 使用 Vue 3 + TypeScript 和 setup 语法糖实现动态计算高度，实现高度根据屏幕的高度自适应 xiaoming_0208 typescriptvue.jsubuntu
    HTML代码部分:style="{height:firstSectionHeight}"荣誉资质JS代码import{reactive,ref,computed,onMounted,onUnmounted}from'vue'//动态计算第一部分高度constfirstSectionHeight=ref('100vh');//初始化高度constcalculateFirstSectionHeight
  • 子元素浮动导致父元素高度塌陷解决方案 杨康他兄弟
    高度塌陷是指父元素在未指定高度的情况下(高度自适应子元素高度)，其内部的子元素因为设置了浮动属性，脱离文档流，导致父元素高度因为子元素的脱离变成了0。形象化如图所示：css.css.header{background-color:#333333;width:100%;height:60px;}.content{background-color:#FFFFFF;width:100%;height:1
  • uniapp使用iframe标签实现iframe高度自适应 不会切肉的小辉同学 javascript开发语言前端
    uniapp页面嵌入百度地图，但是百度地图生成的文件是html，无奈只能用iframe引入这个文件，引入后发现高度只有50%。可以添加一段代码，实现iframe高度自适应。实现代码：scrolling="no"οnlοad="this.height=this.contentWindow.document.documentElement.scrollHeight"
  • html iframe自动高度,真正解决iframe高度自适应问题 沐辉东方 htmliframe自动高度
    1.前言解决iframe高度自适应问题有两种方法1.pym2.手动设置iframe的高度本文主要是总结第二种实现方式，因为第一种pym.js插件我没用懂如果使用iframe时，遇到以下的需求：iframe的高度始终等于嵌入页面内容的高度，而不是屏幕的高度右侧不允许出现两个滚动条iframe的高度自适应不仅仅是指刚加载进来时，也有可能嵌入内容的高度会随点击变化(如：下拉菜单，左侧导航栏等)页面可能同
  • 数据采集高并发的架构应用 3golden .net
    问题的出发点：          最近公司为了发展需要，要扩大对用户的信息采集，每个用户的采集量估计约2W。如果用户量增加的话，将会大量照成采集量成3W倍的增长，但是又要满足日常业务需要，特别是指令要及时得到响应的频率次数远大于预期。       &n
  • 不停止 MySQL 服务增加从库的两种方式 brotherlamp linuxlinux视频linux资料linux教程linux自学
    现在生产环境MySQL数据库是一主一从，由于业务量访问不断增大，故再增加一台从库。前提是不能影响线上业务使用，也就是说不能重启MySQL服务，为了避免出现其他情况，选择在网站访问量低峰期时间段操作。  一般在线增加从库有两种方式，一种是通过mysqldump备份主库，恢复到从库，mysqldump是逻辑备份，数据量大时，备份速度会很慢，锁表的时间也会很长。另一种是通过xtrabacku
  • Quartz——SimpleTrigger触发器 eksliang SimpleTriggerTriggerUtilsquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208166 一.概述 SimpleTrigger触发器，当且仅需触发一次或者以固定时间间隔周期触发执行；   二.SimpleTrigger的构造函数 SimpleTrigger(String name, String group)：通过该构造函数指定Trigger所属组和名称； Simpl
  • Informatica应用（1） 18289753290 sqlworkflowlookup组件Informatica
    1.如果要在workflow中调用shell脚本有一个command组件，在里面设置shell的路径；调度wf可以右键出现schedule，现在用的是HP的tidal调度wf的执行。 2.designer里面的router类似于SSIS中的broadcast（多播组件）;Reset_Workflow_Var：参数重置 （比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
  • python 获取图片验证码中文字 酷的飞上天空 python
    根据现成的开源项目 http://code.google.com/p/pytesser/改写 在window上用easy_install安装不上  看了下源码发现代码很少  于是就想自己改写一下   添加支持网络图片的直接解析   #coding:utf-8 #import sys #reload(sys) #sys.s
  • AJAX 永夜-极光 Ajax
    1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担   2.代码结构:    <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...
  • 创业OR读研 随便小屋 创业
            现在研一，有种想创业的想法，不知道该不该去实施。因为对于的我情况这两者是矛盾的，可能就是鱼与熊掌不能兼得。                研一的生活刚刚过去两个月，我们学校主要的是
  • 需求做得好与坏直接关系着程序员生活质量 aijuans IT 生活
            这个故事还得从去年换工作的事情说起，由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司，专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发，从此苦逼的日子开始了。        系统背景：五月份就有同事前往甲方了解需求一直到6月份，后续几个月也完
  • 如何定义和区分高级软件开发工程师 aoyouzi
    在软件开发领域，高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置，但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为，单纯使用年限来划分开发人员存在问题，两个同样具有 10 年开发经验的开发人员可能大不相同。近日，他发表了一篇博文，根据开发者所能发挥的作用划分软件开发工程师的成长阶段。 　　初
  • Servlet的请求与响应 百合不是茶 servletget提交java处理post提交
      Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介     1,Http的请求方式(get  ,post);   客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法,  http的get方式 servlet就是都doGet(
  • web.xml配置详解之listener bijian1013 javaweb.xmllistener
    一.定义 <listener> <listen-class>com.myapp.MyListener</listen-class> </listener>   二.作用        该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
  • Web页面性能优化（yahoo技术） Bill_chen JavaScriptAjaxWebcssYahoo
    1.尽可能的减少HTTP请求数 content 2.使用CDN server 3.添加Expires头(或者 Cache-control) server 4.Gzip 组件 server 5.把CSS样式放在页面的上方。 css 6.将脚本放在底部(包括内联的) javascript 7.避免在CSS中使用Expressions css 8.将javascript和css独立成外部文
  • 【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序 bit1129 mongodb
    游标   游标，简单的说就是一个查询结果的指针。游标作为数据库的一个对象，使用它是包括 声明 打开 循环抓去一定数目的文档直到结果集中的所有文档已经抓取完 关闭游标   游标的基本用法，类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档)，在获取一个文档集时，可以提供一个类似JDBC的FetchSize
  • ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法 白糖_ ORA-12514
    今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”，遂在网上找到了解决方案： ①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件，你会看到如下信息：   # listener.ora Network Configuration File: D:\database\Oracle\net
  • Eclipse 问题 A resource exists with a different case bozch eclipse
    在使用Eclipse进行开发的时候，出现了如下的问题： Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
  • 编程之美-小飞的电梯调度算法 bylijinnan 编程之美
    public class AptElevator { /** * 编程之美 小飞 电梯调度算法 * 在繁忙的时间，每次电梯从一层往上走时，我们只允许电梯停在其中的某一层。 * 所有乘客都从一楼上电梯，到达某层楼后，电梯听下来，所有乘客再从这里爬楼梯到自己的目的层。 * 在一楼时，每个乘客选择自己的目的层，电梯则自动计算出应停的楼层。 * 问：电梯停在哪
  • SQL注入相关概念 chenbowen00 sqlWeb安全
    SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。 具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。 首先让我们了解什么时候可能发生SQ
  • [光与电]光子信号战防御原理 comsci 原理
          无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢?       我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下       根据光
  • oracle 11g新特性:Pending Statistics daizj oracledbms_stats
    oracle 11g新特性:Pending Statistics 转 从11g开始，表与索引的统计信息收集完毕后，可以选择收集的统信息立即发布，也可以选择使新收集的统计信息处于pending状态，待确定处于pending状态的统计信息是安全的，再使处于pending状态的统计信息发布，这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。 在 11g 之前的版本中，D
  • 快速理解RequireJs dengkane jqueryrequirejs
    RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能： 声明不同js文件之间的依赖 可以按需、并行、延时载入js库 可以让我们的代码以模块化的方式组织 初看起来并不复杂。 在html中引入requirejs 在HTML中，添加这样的 <script> 标签： <script src="/path/to
  • C语言学习四流程控制if条件选择、for循环和强制类型转换 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i, j; scanf("%d %d", &i, &j); if (i > j) printf("i大于j\n"); else printf("i小于j\n"); retu
  • dictionary的使用要注意 dcj3sjt126com IO
    NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys: user.user_id , @"id", user.username , @"username",
  • Android 中的资源访问(Resource) finally_m xmlandroidStringdrawablecolor
    简单的说，Android中的资源是指非代码部分。例如，在我们的Android程序中要使用一些图片来设置界面，要使用一些音频文件来设置铃声，要使用一些动画来显示特效，要使用一些字符串来显示提示信息。那么，这些图片、音频、动画和字符串等叫做Android中的资源文件。 在Eclipse创建的工程中，我们可以看到res和assets两个文件夹，是用来保存资源文件的，在assets中保存的一般是原生
  • Spring使用Cache、整合Ehcache 234390216 springcacheehcache@Cacheable
    Spring使用Cache            从3.1开始，Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的，其核心思想是这样的：当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中，等到下次利用同样的
  • 当druid遇上oracle blob(clob) jackyrong oracle
    http://blog.csdn.net/renfufei/article/details/44887371 众所周知，Oracle有很多坑, 所以才有了去IOE。 在使用Druid做数据库连接池后，其实偶尔也会碰到小坑，这就是使用开源项目所必须去填平的。【如果使用不开源的产品，那就不是坑，而是陷阱了，你都不知道怎么去填坑】 用Druid连接池，通过JDBC往Oracle数据库的
  • easyui datagrid pagination获得分页页码、总页数等信息 ldzyz007
    var grid = $('#datagrid');  var options = grid.datagrid('getPager').data("pagination").options;  var curr = options.pageNumber;  var total = options.total;  var max =
  • 浅析awk里的数组 nigelzeng 二维数组array数组awk
    awk绝对是文本处理中的神器，它本身也是一门编程语言，还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论，如何利用数组来帮助完成文本分析。   有这么一组数据：   abcd,91#31#2012-12-31 11:24:00 case_a,136#19#2012-12-31 11:24:00 case_a,136#23#2012-12-31 1
  • 搭建 CentOS 6 服务器(6) - TigerVNC rensanning centos
    安装GNOME桌面环境 # yum groupinstall "X Window System" "Desktop" 安装TigerVNC # yum -y install tigervnc-server tigervnc 启动VNC服务 # /etc/init.d/vncserver restart # vncser
  • Spring 数据库连接整理 tomcat_oracle springbeanjdbc
    1、数据库连接jdbc.properties配置详解 　　jdbc.url=jdbc:hsqldb:hsql://localhost/xdb 　　jdbc.username=sa 　　jdbc.password= 　　jdbc.driver=不同的数据库厂商驱动，此处不一一列举 　　接下来，详细配置代码如下： 　　 Spring连接池    
  • Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常 xp9802
    用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错      异常栈：java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常       导入包 jaxen-1.1-beta-6.jar 解决; &nb
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他