三种方法解决浮动元素父容器高度自适应问题

 

浮动元素由于脱离了文档流，无法撑起其父元素的高度，如果父元素要显示背景或边框时就不能置之不理了。使浮动元素的父容器自适应高度的方法有三种：

方法一：让浮动元素后面紧跟一个用于清除浮动的空标签。完整代码：

<!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> 
<title>clearfix</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 
<meta http-equiv="Content-Language" content="zh-CN"/> 
<style type="text/css"> 
.area{background:#ccc;}/*定义父容器背景颜色，以便于观察*/
.fl{float:left;background:#FFDF00;}
.cb{clear:both;}
</style> 
</head> 
<body> 
<div class="area">
    <div class="fl">floater</div>
    <div class="cb"></div>
</div>
</body> 
</html>

缺点：增加了一个空标签，破坏了语义化。

方法二：给父容器加上一个特殊的class，直接从父容器清除浮动元素的浮动。完整代码：

<!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> 
<title>clearfix</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 
<meta http-equiv="Content-Language" content="zh-CN"/> 
<style type="text/css"> 
.area{background:#ccc;}/*定义父容器背景颜色，以便于观察；定义宽度，使其在IE下高度自适应*/
.clearfix:after{height:0px;visibility:hidden;content:".";clear:both;display:block;}
.fl{float:left;background:#FFDF00;}
.clearfix {display:inline-block;}/* 对Mac上的IE浏览器进行的处理 */
* html .clearfix{height:1%}/* 对win上的IE浏览器进行的处理 */
.clearfix {display:block;}/* 对display: inline-block;进行的修改，重置为区块元素*/
</style> 
</head> 
<body> 
<div class="area clearfix">
    <div class="fl">floater</div>
</div>
</body> 
</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/1999/xhtml"> 
<head> 
<title>clearfix</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 
<meta http-equiv="Content-Language" content="zh-CN"/> 
<style type="text/css"> 
.area{background:#ccc;width:960px;}/*定义父容器背景颜色，以便于观察；定义宽度，使其在IE下高度自适应*/
.clearfix:after{height:0px;visibility:hidden;content:".";clear:both;display:block;}
.fl{float:left;background:#FFDF00;}
</style> 
</head> 
<body> 
<div class="area clearfix">
    <div class="fl">floater</div>
</div>
</body> 
</html>

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

  • 微信小程序仿微信聊天界面 微特尔普拉斯 微信小程序微信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的高度自适应不仅仅是指刚加载进来时，也有可能嵌入内容的高度会随点击变化(如：下拉菜单，左侧导航栏等)页面可能同
  • 用MiddleGenIDE工具生成hibernate的POJO（根据数据表生成POJO类） AdyZhang POJOeclipseHibernateMiddleGenIDE
    推荐:MiddlegenIDE插件,   是一个Eclipse   插件.     用它可以直接连接到数据库,   根据表按照一定的HIBERNATE规则作出BEAN和对应的XML ，用完后你可以手动删除它加载的JAR包和XML文件!     今天开始试着使用
  • .9.png Cb123456 android
      “点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png 　　智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。 　　我们都知道android平台有多种不同的分辨率，很多控件的切图文件在被放大拉伸后，边
  • 算法的效率 天子之骄 算法效率复杂度最坏情况运行时间大O阶平均情况运行时间
    算法的效率 效率是速度和空间消耗的度量。集中考虑程序的速度，也称运行时间或执行时间，用复杂度的阶(O)这一标准来衡量。空间的消耗或需求也可以用大O表示，而且它总是小于或等于时间需求。   以下是我的学习笔记：   1.求值与霍纳法则，即为秦九韶公式。   2.测定运行时间的最可靠方法是计数对运行时间有贡献的基本操作的执行次数。运行时间与这个计数成正比。
  • java数据结构 何必如此 java数据结构
    Java 数据结构 Java工具包提供了强大的数据结构。在Java中的数据结构主要包括以下几种接口和类： 枚举（Enumeration） 位集合（BitSet） 向量（Vector） 栈（Stack） 字典（Dictionary） 哈希表（Hashtable） 属性（Properties） 以上这些类是传统遗留的，在Java2中引入了一种新的框架-集合框架(Collect
  • MybatisHelloWorld 3213213333332132
    //测试入口TestMyBatis package com.base.helloworld.test; import java.io.IOException; import org.apache.ibatis.io.Resources; import org.apache.ibatis.session.SqlSession; import org.apache.ibat
  • Java|urlrewrite|URL重写|多个参数 7454103 javaxmlWeb工作
     个人工作经验！ 如有不当之处，敬请指点 1.0  web -info 目录下建立     urlrewrite.xml  文件 类似如下： <?xml version="1.0" encoding="UTF-8" ?>   <!DOCTYPE u
  • 达梦数据库+ibatis darkranger sqlmysqlibatisSQL Server
    --插入数据方面 如果您需要数据库自增... 那么在插入的时候不需要指定自增列. 如果想自己指定ID列的值, 那么要设置 set identity_insert  数据库名.模式名.表名; ----然后插入数据; example: create table zhabei.test( id bigint identity(1,1) primary key, nam
  • XML 解析 四种方式 aijuans android
    XML现在已经成为一种通用的数据交换格式,平台的无关性使得很多场合都需要用到XML。本文将详细介绍用Java解析XML的四种方法。 XML现在已经成为一种通用的数据交换格式,它的平台无关性,语言无关性,系统无关性,给数据集成与交互带来了极大的方便。对于XML本身的语法知识与技术细节,需要阅读相关的技术文献,这里面包括的内容有DOM(Document Object
  • spring中配置文件占位符的使用 avords
    1.类 <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.o
  • 前端工程化-公共模块的依赖和常用的工作流 bee1314 webpack
    题记： 一个人的项目，还有工程化的问题嘛？   我们在推进模块化和组件化的过程中，肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理？另外怎么依赖也是个问题？ 你真的想这样嘛？   var BreadCrumb = require(‘../../../../uikit/breadcrumb’); //真心ugly。  
  • 上司说「看你每天准时下班就知道你工作量不饱和」，该如何回应？ bijian1013 项目管理沟通IT职业规划
    问题：上司说「看你每天准时下班就知道你工作量不饱和」，如何回应         正常下班时间6点，只要是6点半前下班的，上司都认为没有加班。   Eno-Bea回答，注重感受，不一定是别人的         虽然我不知道你具体从事什么工作与职业，但是我大概猜测，你是从事一项不太容易出现阶段性成果的工作
  • TortoiseSVN，过滤文件 征客丶 SVN
    环境： TortoiseSVN 1.8 配置： 在文件夹空白处右键 选择  TortoiseSVN -> Settings 在 Global ignote pattern 中添加要过滤的文件： 多类型用英文空格分开 *name ： 过滤所有名称为 name 的文件或文件夹 *.name ： 过滤所有后缀为 name 的文件或文件夹 --------
  • 【Flume二】HDFS sink细说 bit1129 Flume
    1. Flume配置   a1.sources=r1 a1.channels=c1 a1.sinks=k1 ###Flume负责启动44444端口 a1.sources.r1.type=avro a1.sources.r1.bind=0.0.0.0 a1.sources.r1.port=44444 a1.sources.r1.chan
  • The Eight Myths of Erlang Performance bookjovi erlang
    erlang有一篇guide很有意思： http://www.erlang.org/doc/efficiency_guide 里面有个The Eight Myths of Erlang Performance： http://www.erlang.org/doc/efficiency_guide/myths.html   Myth: Funs are sl
  • java多线程网络传输文件(非同步)-2008-08-17 ljy325 java多线程socket
    利用 Socket 套接字进行面向连接通信的编程。客户端读取本地文件并发送；服务器接收文件并保存到本地文件系统中。 使用说明:请将TransferClient, TransferServer, TempFile三个类编译，他们的类包是FileServer. 客户端: 修改TransferClient: serPort, serIP, filePath, blockNum,的值来符合您机器的系
  • 读《研磨设计模式》-代码笔记-模板方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet;
  • 配置心得 chenyu19891124 配置
    时间就这样不知不觉的走过了一个春夏秋冬，转眼间来公司已经一年了，感觉时间过的很快，时间老人总是这样不停走，从来没停歇过。 作为一名新手的配置管理员，刚开始真的是对配置管理是一点不懂，就只听说咱们公司配置主要是负责升级，而具体该怎么做却一点都不了解。经过老员工的一点点讲解，慢慢的对配置有了初步了解，对自己所在的岗位也慢慢的了解。 做了一年的配置管理给自总结下： 1.改变 从一个以前对配置毫无
  • 对“带条件选择的并行汇聚路由问题”的再思考 comsci 算法工作软件测试嵌入式领域模型
    2008年上半年，我在设计并开发基于”JWFD流程系统“的商业化改进型引擎的时候，由于采用了新的嵌入式公式模块而导致出现“带条件选择的并行汇聚路由问题”(请参考2009-02-27博文)，当时对这个问题的解决办法是采用基于拓扑结构的处理思想，对汇聚点的实际前驱分支节点通过算法预测出来，然后进行处理，简单的说就是找到造成这个汇聚模型的分支起点，对这个起始分支节点实际走的路径数进行计算，然后把这个实际
  • Oracle 10g 的clusterware 32位 下载地址 daizj oracle
    Oracle 10g 的clusterware 32位 下载地址 http://pan.baidu.com/share/link?shareid=531580&uk=421021908 http://pan.baidu.com/share/link?shareid=137223&uk=321552738 http://pan.baidu.com/share/l
  • 非常好的介绍：Linux定时执行工具cron dongwei_6688 linux
    Linux经过十多年的发展，很多用户都很了解Linux了，这里介绍一下Linux下cron的理解，和大家讨论讨论。cron是一个Linux 定时执行工具，可以在无需人工干预的情况下运行作业，本文档不讲cron实现原理，主要讲一下Linux定时执行工具cron的具体使用及简单介绍。 新增调度任务推荐使用crontab -e命令添加自定义的任务（编辑的是/var/spool/cron下对应用户的cr
  • Yii assets目录生成及修改 dcj3sjt126com yii
    assets的作用是方便模块化，插件化的，一般来说出于安全原因不允许通过url访问protected下面的文件，但是我们又希望将module单独出来，所以需要使用发布，即将一个目录下的文件复制一份到assets下面方便通过url访问。 assets设置对应的方法位置 \framework\web\CAssetManager.php   assets配置方法 在m
  • mac工作软件推荐 dcj3sjt126com mac
    mac上的Terminal + bash ＋ screen组合现在已经非常好用了，但是还是经不起iterm＋zsh＋tmux的冲击。在同事的强烈推荐下，趁着升级mac系统的机会，顺便也切换到iterm＋zsh＋tmux的环境下了。 我为什么要要iterm2 切换过来也是脑袋一热的冲动，我也调查过一些资料，看了下iterm的一些优点： * 兼容性好，远程服务器 vi 什么的低版本能很好兼
  • Memcached(三)、封装Memcached和Ehcache frank1234 memcachedehcachespring ioc
    本文对Ehcache和Memcached进行了简单的封装，这样对于客户端程序无需了解ehcache和memcached的差异，仅需要配置缓存的Provider类就可以在二者之间进行切换，Provider实现类通过Spring IoC注入。 cache.xml <?xml version="1.0" encoding="UTF-8"?>
  • Remove Duplicates from Sorted List II hcx2013 remove
    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numbers from the original list. For example,Given 1->2->3->3->4->4->5,
  • Spring4新特性——注解、脚本、任务、MVC等其他特性改进 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • MySQL安装文档 liyong0802 mysql
      工作中用到的MySQL可能安装在两种操作系统中，即Windows系统和Linux系统。以Linux系统中情况居多。   安装在Windows系统时与其它Windows应用程序相同按照安装向导一直下一步就即，这里就不具体介绍，本文档只介绍Linux系统下MySQL的安装步骤。   Linux系统下安装MySQL分为三种：RPM包安装、二进制包安装和源码包安装。二
  • 使用VS2010构建HotSpot工程 p2p2500 HotSpotOpenJDKVS2010
    1. 下载OpenJDK7的源码：      http://download.java.net/openjdk/jdk7      http://download.java.net/openjdk/      2. 环境配置     ▶
  • Oracle实用功能之分组后列合并 seandeng888 oracle分组实用功能合并
    1       实例解析 由于业务需求需要对表中的数据进行分组后进行合并的处理，鉴于Oracle10g没有现成的函数实现该功能，且该功能如若用JAVA代码实现会比较复杂，因此，特将SQL语言的实现方式分享出来，希望对大家有所帮助。如下： 表test 数据如下： ID,SUBJECTCODE,DIMCODE,VALUE 1&nbs
  • Java定时任务注解方式实现 tuoni javaspringjvmxmljni
    Spring 注解的定时任务，有如下两种方式： 第一种： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"  xmlns:xsi="http
  • 11大Java开源中文分词器的使用方法和分词效果对比 yangshangchuan word分词器ansj分词器Stanford分词器FudanNLP分词器HanLP分词器
    本文的目标有两个： 1、学会使用11大Java开源中文分词器 2、对比分析11大Java开源中文分词器的分词效果 本文给出了11大Java开源中文分词的使用方法以及分词结果对比代码，至于效果哪个好，那要用的人结合自己的应用场景自己来判断。 11大Java开源中文分词器，不同的分词器有不同的用法，定义的接口也不一样，我们先定义一个统一的接口： /** * 获取文本的所有分词结果, 对比
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他