MaoTr
MaoTr

使用浮动布局还是inline-block布局？

在上篇博客中对浮动做了介绍
http://blog.csdn.net/wmaoshu/article/details/52995912
浮动存在的问题也是很明显的，首先他会脱离文档流对父元素兄弟节点和孩子节点都有影响，那么为了实现对浮动布局的替代，那么我的考虑是使用inline-block。

浮动和inline-block他们在文档流中排版方式相似，但是inline-block是基线对齐，浮动是与所在的行框top对齐，同时他们对于width的计算都一样都是“自适应（shrink-to-fit）”并且margin为auto的时候都会定义为0。浮动和inline-block对于所构造的子元素的环境都是BFC。

区别就是在于浮动对其他元素造成影响但是浮动却不会，同时浮动可以向左向右浮动，inline-block的布局方向由文本的方向决定。同时一行几个浮动元素不存在行框的概念，所以对于不同高度的元素，可能会使得布局发生混乱，所以对于多了浮动元素，可能明确的确定这些浮动元素的height一致，但是inline-block元素元素外部的布局和行元素类似，所以根据行框形成的原理（行框的顶部回和最高的行框顶部对齐，行框额底部会和最低的行内框的底部对齐）

对于浮动存在的问题，就是要对其他受影响的元素通过清理浮动减少对他们的影响，同时inline-block由于本质属于行内内容，所以可能会有莫名的空白节点问题的存在，所以他们都要对附带的产生的问题济宁解决。

举例说明集中替代的方案。

例一:百度布局


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <style>
    a {
        text-decoration:none;
    }
    p {
        margin: 0;
        padding: 0;
    }
        .clearfloat:after{
            content: "";
            display: block;
            clear: both;
            height: 0;
            visibility: hidden;
        }
        .box {
            display: inline-block;
            margin: 0 auto;
        }
        .row {
            border: 2px solid;
        }
        .row+.row {
            margin-top: 20px;
        }
        .cell {
            width: 75px;
            border: 1px solid;
            float: left;
        }
        .cell + .cell {
            margin-left: 20px;
        }
        img {
            width: 75px;
            height: 75px;
        }
        .name,.recom {
            text-align: center;
            margin-top: 5px;
        }
        .name {
            margin-top: 5px;

        }
        .recom {
            color: #999;
        }
    style>
head>
<body>
    <div class="box">
        <div class="row clearfloat">
            <div class="cell">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字文字文字a>div>
                <div class="recom"><p>文字文字文字文字p>div>
            div>
            <div class="cell">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字a>div>
                <div class="recom"><p>文字文p>div>
            div>
            <div class="cell">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字文字a>div>
                <div class="recom"><p>文字文文字文p>div>
            div>
        div>
        <div class="row clearfloat">
            <div class="cell ">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字文字a>div>
                <div class="recom"><p>文字文p>div>
            div>
            <div class="cell">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字文字文字a>div>
                <div class="recom"><p>文字文文字文文字文文字文p>div>
            div>
            <div class="cell">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字文字文字文字文字a>div>
                <div class="recom"><p>文字文文字文文字文文字文文字文文字文p>div>
            div>
        div>
    div>
body>
html>

使用浮动布局还是inline-block布局？_第1张图片
上述代码所示，由于列表项浮动，所以对于每一个列表的height不同显然不能在一个row中，否则可能由于浮动的特性会靠在另一个浮动的旁边，所以要加一个外框来限制布局。同时还要让row外面的边框清浮动。上述没有给cell元素明确width值，这利用了浮动的width收缩的特性。

Inline-block版本：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title>
    <style>
    a {
        text-decoration:none;
    }
    p {
        margin: 0;
        padding: 0;
    }

    .box {
        display: inline-block;
        width:285px;
        border: 1px solid;
        padding-left: 20px;
        font-size: 0; /*解决空白节点文字  否则可能影响布局*/
    }
    .cell {
        display: inline-block; /*行内块化*/
        width: 75px;  
        /*根据inline-block和浮动的宽都具有“自适应收缩性”并且子元素存在文字描述，所以要明确的设置*/
        vertical-align: top; /*与浮动不同默认为baseline所以要设置top*/
        margin-right:20px; 
        font-size: 16px;  /*覆盖上述的设置*/
    }
    img {
        width:75px;
        height:75px;
    }
    .name,.recom {
        text-align: center;
        margin-top: 5px;
    }
    .recom {
        color: #999;
    }
    style>
head>
<body>
    <div class="box">
            <div class="cell">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字文字文字a>div>
                <div class="recom"><p>文字文字文字文字p>div>
            div>
            <div class="cell">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字a>div>
                <div class="recom"><p>文字文p>div>
            div>
            <div class="cell">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字文字a>div>
                <div class="recom"><p>文字文文字文p>div>
            div>


            <div class="cell ">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字文字a>div>
                <div class="recom"><p>文字文p>div>
            div>
            <div class="cell">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字文字文字a>div>
                <div class="recom"><p>文字文文字文文字文文字文p>div>
            div>
            <div class="cell">
                <div class="img"><a href="#"><img src="images/image.jpg">a>div>
                <div class="name"><a href="#">文字文字文字文字文字文字a>div>
                <div class="recom"><p>文字文文字文文字文文字文文字文文字文p>div>
            div>
    div>
body>
html>

使用浮动布局还是inline-block布局？_第2张图片
使用inline-block方式，可以实现浮动的效果，但是要处理空白节点的问题。具体在代码中已经明确说明了。

你可能感兴趣的:(CSS2.1)

  • CSS3新特性 FL1623863121 css3前端css
    CSS3新特性CSS3是最新的CSS标准，旨在扩展CSS2.1。圆角通过border-radius属性可以给任何元素制作圆角。border-radius:所有四个边角border-*-*-radius属性的缩写。border-top-left-radius:定义了左上角的弧度。border-top-right-radius:定义了右上角的弧度。border-bottom-right-radius:
  • css（css3）面试笔试题 つwonderバ csscss3html5
    关于link与@import的区别:区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。区别4：link支持使用Javasc
  • 牛客网前端错题总结一 甜柚小仙女
    一.link和@import的区别1.从属关系区别@import是CSS提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS、rel连接属性等。2.加载顺序区别加载页面时，link标签引入的CSS被同时加载；@import引入的CSS将在页面加载完毕后被加载。3.兼容性区别@import是CSS2.1才有的语法，故只可在IE5+才能识别；li
  • link和@import的区别 小彭努力中 csscsscss3前端
    两者都是外部引用CSS的方式，它们的区别如下：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。link支持使用Javascript控制DOM去改
  • css新手教程 _阿伟_ 前端css前端
    css新手教程课程：14、盒子模型及边框使用_哔哩哔哩_bilibili一.什么是CSS1.什么是CSSCascadingStyleSheet层叠样式表。CSS：表现（美化网页）字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动。2.CSS发展史CSS1.0：1994年10月提出；CSS2.0：DIV（块）+CSS，HTML与CSS结构分离的思想，网页变得简单，SEO；CSS2.1：浮动，
  • css3多重背景详解 稳稳DE幸福
    文章转载自：前端开发博客(http://caibaojian.com/css3-multiple-background.html)CSS2.1中有5个background属性可以用来控制元素的背景。这5个属性是：background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position为了更好的
  • CSS简文 吴一晏
    1.CSS简介CSS：层叠样式表(CascadingStyleSheets，缩写为CSS），是一种样式表语言，用来描述HTML或XML文档的呈现。CSS是开放网络的核心语言之一，由W3C规范实现跨浏览器的标准化。CSS被分为不同等级：CSS1（已废弃），CSS2.1是推荐标准，CSS3分成多个小模块且正在标准化中。2.CSS关键概念语言语法和形式特殊性继承级联盒子模型外边距合并包含块初始值，计算值
  • 【jQuery入门】链式编程、修改css、类操作和className的区别 人才程序员 html5jquerycsschromees6npmhtml
    文章目录前言一、链式编程二、修改css2.1获取css的值2.2设置单个css属性2.3设置类样式添加类移除类切换类三、类操作与className的区别总结前言jQuery是一个流行的JavaScript库，广泛用于简化DOM操作和处理事件。在jQuery中，链式编程是一种强大的技术，允许在同一行上执行多个操作。本文将介绍jQuery中的链式编程、修改CSS、类操作以及className的区别。一
  • vue css 文字超出末尾加省略号...多行溢出 xi邮lj vuevue省略号隐藏文字末尾css文字超出末尾加省略号
    //一般写好盒子的宽度后，就可以使用下面样式//超出隐藏//末尾加省略号//不换行//行内元素转换行内块元素。（CSS2.1新增的值）overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;但是1遇到flex布局，宽度不够的话，会与上面属性有冲突；2或者需要多加几行显示；所以可以换一种overfl
  • 【CSS】讲一讲BFC、IFC、GFC、FFC 古狼（Jenkin_guwolf） 前端开发css前端html
    1.前言FC（FormattingContexts），是CSS2.1的一个概念，是页面中的一块渲染区域，具有一套渲染规则，决定FC中子元素如何定位，以及和其他元素的关系和相互作用。在说FC之前说一下文档流。1.1.普通流元素按照其所有HTML中的位置先后位置至上而下布局，行内元素水平排列，直到当前行被占满然后换行，块级元素则会被渲染为新的完整的一行，元素默认都是普通流定位。1.2浮动当一个元素被设
  • CSS选择器 拖拉机本拉基 csshtmlcss3
    CSS选择器简单介绍一下CSS选择器在CSS中，选择器是选取需设置样式的元素的模式。传统CSS2.1选择器标签选择器id选择器class选择器（类选择器）复合选择器伪类CSS3新增选择器元素关系选择器序号选择器属性选择器CSS3新增伪类伪元素标签选择器标签选择器也称为元素选择器、类型选择器，它直接使用元素的标签名当作选择器，将选择页面上所有该种标签。标签选择器将选择页面上所有的该种标签，无论这个标
  • HTMLCSS学习笔记（六）-- 元素类型 千锋HTML5学院
    元素类型根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素，可变元素&&三种类型：块状元素，内联元素，内联块元素(css2.1增加)块状元素的特点块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。块状元素都可以定义自己的宽度和高度。块状元
  • CSS知识总结 浪味仙儿啊
    一、CSS简介CSS，全拼CascadingStyleSheets，层叠样式表，是由TimBernersLee的同事赖先生（HåkonWiumLie）首先提出的，目前使用最广泛的版本为CSS2.1。二、CSS语法①选择器{属性名：属性值；}②@语法@charset"UTF-8";@importurl(2.css);@media(min-width：100px)and(max-width:200px
  • CSS的计数器：counter-increment与counter-reset 前端老码农 前端前端兼容
    CSSCounters其实就是一计数器，早期在CSS中计数器仅存在于ul和ol元素。如果要使用在div这样的元素上，只能通过list-style-image或者是元素的backgroud-image来实现。在CSS2.1的规范中介绍了一种新技术，允许开发人员使用伪类:after、:before或者伪元素::after、::before给任何元素创建自动递增计数器——类似于列表中的项目符号(list
  • 学习块格式化上下文（BlockFormattingContext） weixin_30472035
    什么是BFCBFC全称是BlockFormattingContext，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。视觉格式化模型视觉格式化模型(visualformattingmodel)是用来处理文档并将它显示在视觉媒体上的机制，它也是CSS中的一个概念。视觉格式化模型定义了盒（Box）的生成，盒主要包括了块
  • web前端之CSS----背景属性 @逆风boy 前端css
    background的常见背景属性css2.1中，常见的背景属性有以下几种：（经常用到，要记住）background-color:#ff99ff;设置元素的背景颜色。background-image:url(images/2.gif);将图像设置为背景。background-repeat:no-repeat;设置背景图片是否重复及如何重复，默认平铺满。（重要）no-repeat不要平铺；repea
  • CSS3所有选择器讲解汇总 包小志 css3css前端
    CSS3选择器是在CSS2.1选择器的基础上新增部分属性选择器和伪类选择器，减少对HTML类和ID的依赖，使编写网页代码更加简单轻松。根据所获取页面中元素的不同，可以把CSS3选择器分为5大类：元素选择器、关系选择器、伪类选择器、伪对象选择器和属性选择器。1.标签选择器标签选择器：根据HTML标签名匹配同类型的所有标签。优点：使用简单，直接引用，不需要为标签添加属性。缺点：影响范围大，容易干扰不同
  • CSS层叠上下文、层叠等级、层叠顺序、z-index 湘兰沅芷
    层叠上下文(stackingcontext):是HTML中一个三维的概念。在CSS2.1规范中，每个盒模型的位置是三维的，分别是平面画布上的X轴，Y轴以及表示层叠的Z轴。一般情况下，元素在页面上沿X轴Y轴平铺，我们察觉不到它们在Z轴上的层叠关系。而一旦元素发生堆叠，这时就能发现某个元素可能覆盖了另一个元素或者被另一个元素覆盖层叠等级(stackinglevel):在同一个层叠上下文中，它描述定义的
  • html鼠标经过改变样式,css如何实现鼠标经过样式改变 崔腾原 html鼠标经过改变样式
    实现方法：1、使用“:hover”伪类选择器，选择鼠标指针浮动在其上的元素，并为其设置其样式，语法“:hover{属性名:属性值}”；2、使用transtion属性，语法“transtion:css属性名称过度时间;”。本教程操作环境：windows7系统、CSS3&&HTML5版、DellG3电脑。1、使用伪类实现样式切换伪类是CSS2.1时出现的新特性，让许多原本需要JavaScript才能做
  • Javascript 及 CSS3 实现进度条效果 weixin_33698823 javascriptphp移动开发ViewUI
    Javascript及CSS3实现进度条效果一：css2属性clip实现网页进度条；在实现之前，我们先来介绍一下clip属性，因为这个属性在css2.1中很少使用到，所以我们有必要来了解一下；浏览器支持程度：所有主流浏览器都支持clip属性。Clip属性在w3c官网是这样描述的：通过对元素进行裁剪来控制元素的可视区域，默认情况下元素是不进行任何裁剪的。Clip裁剪的语法如下：.xx{clip:re
  • CSS3网页布局基础 布道师小羊 #CSSWebcss3前端css
    CSS布局始于第2个版本，CSS2.1把布局分为3种模型：常规流、浮动、绝对定位。CSS3推出更多布局方案：多列布局、弹性盒、模板层、网格定位、网格层、浮动盒等。本章重点介绍CSS2.1标准的3种布局模型，它们获得所有浏览器的全面、一致性的支持，被广泛应用。1、流动布局在默认状态下，HTML文档将根据流动模型进行渲染，所有网页对象自上而下按顺序动态呈现。改变HTML文档的结构，网页对象的呈现顺序就
  • CSS弹性布局 Viewwei
    CSS2.1定义了4中布局方式块布局:设计初衷是用于布局文档.指设置display:block内联布局:设置的初衷是布局文本,display:inline表格布局:设置的初衷用于表格格式布局的二维数据定位布局设计的初衷是精确定位position;absolute绝对布局display:flex声明发生了什么给任意元素设置display:flex,弹性布局就会被创建,flex的子项会发生变化.fle
  • BFC与IFC学习笔记 南场41号
    BFC是什么BFC全称是BlockFormattingContext，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。视觉格式化模型视觉格式化模型(visualformattingmodel)是用来处理文档并将它显示在视觉媒体上的机制，它也是CSS中的一个概念。视觉格式化模型定义了盒（Box）的生成，盒主要包括了块盒、行内盒、匿名盒（没有名字不能被选择器选中的盒）以及一
  • CSS选择器和CSS3属性 pinbolei CSS3前端css3属性css3选择器
    关注我的个人博客:https://pinbolei.cn，获取更多内容1、CSS3的概念和优势A、CSS3的概念：CSS3并不是一门语言，我们知道css是层叠样式表，是一种样式语言，是用来告诉浏览器如何渲染页面的。css3是css规范的最新版本，在css2.1上增加了很多强大的新功能，用来帮助开发人员解决一些问题，并且不再需要非语义化标签，复杂的js脚本和图片，例如圆角、多背景、透明度、阴影等等。
  • CSS3背景样式 布道师小羊 Web#CSScss3前端css
    在CSS2.1中，background属性的功能还无法满足设计的需求，为了方便设计师更灵活地设计需要的网页效果，CSS3在原有background基础上新增了一些功能属性，可以在同一个对象内叠加多个背景图像，可以改变背景图像的大小尺寸，还可以指定背景图像的显示范围，以及指定背景图像的绘制起点等。另外，CSS3允许用户使用渐变函数绘制背景图像，这极大地降低了网页设计的难度，激发了设计师的创意灵感。1
  • CSS3中的字体和文本样式 布道师小羊 #CSSWebcss3前端css
    CSS3优化了CSS2.1的字体和文本属性，同时新增了各种文字特效，使网页文字更具表现力和感染力，丰富了网页设计效果，如自定义字体类型、更多的色彩模式、文本阴影、生态生成内容、各种特殊值、函数等。1、字体样式字体样式包括类型、大小、颜色、粗细、下画线、斜体、大小写等，下面分别进行介绍。1.1、定义字体类型使用CSS3的font-family属性可以定义字体类型，用法如下：font-family:n
  • CSS 之你不知道的包含块 martinageradams 前端那些事儿css前端布局包含块CSS世界
    前端圈太浮躁了。追逐各种新技术的过程中，发现自己总是一知半解，怎么才能摆脱魔咒、顿悟得道？在《CSS世界》一书中，张老师说「广大前端开发人员有必要静下心来认识CSS2.1的世界观」。
  • 精通CSS读书笔记 （第三章 可视化格式模型） 未至佳期 精通CSS精通CSS
    第三章可视化格式模型最重要的三个CSS概念：浮动、定位、盒模型本章学习：1、盒模型的复杂性和特点2、如何以及为什么使用外边距叠加3、绝对定位和相对定位之间的差异4、浮动和清理是如何工作的3.1盒模型概述每个元素被看成一个矩形框，由四部分组成：内容、内边距、边框、外边距。背景会应用于内边距和内容组成的区域。边框可以设置粗细、样式。外边距是透明的，一般用于控制元素间的距离。CSS2.1中含有轮廓out
  • background 的常见背景属性 陈观齐
    css2.1中，常见的背景属性有以下几种：（经常用到，要记住）background-color:#ff99ff;设置元素的背景颜色。background-image:url(images/2.gif);将图像设置为背景。background-repeat:no-repeat;设置背景图片是否重复及如何重复，默认平铺满。（重要）no-repeat不要平铺；repeat-x横向平铺；repeat-y纵
  • html修改display属性的值,CSS display 属性详解 夜夜丶丶笙歌
    display的所有属性{/*CSS1*/display:none;display:inline;display:block;display:list-item;/*CSS2.1*/display:inline-block;display:table;display:inline-table;display:table-cell;display:table-column;display:table
  • SAX解析xml文件 小猪猪08 xml
    1.创建SAXParserFactory实例 2.通过SAXParserFactory对象获取SAXParser实例 3.创建一个类SAXParserHander继续DefaultHandler，并且实例化这个类 4.SAXParser实例的parse来获取文件     public static void main(String[] args) { //
  • 为什么mysql里的ibdata1文件不断的增长？ brotherlamp linuxlinux运维linux资料linux视频linux运维自学
    我们在 Percona 支持栏目经常收到关于 MySQL 的 ibdata1 文件的这个问题。 当监控服务器发送一个关于 MySQL 服务器存储的报警时，恐慌就开始了 —— 就是说磁盘快要满了。 一番调查后你意识到大多数地盘空间被 InnoDB 的共享表空间 ibdata1 使用。而你已经启用了 innodbfileper_table，所以问题是： ibdata1存了什么？ 当你启用了 i
  • Quartz-quartz.properties配置 eksliang quartz
    其实Quartz JAR文件的org.quartz包下就包含了一个quartz.properties属性配置文件并提供了默认设置。如果需要调整默认配置，可以在类路径下建立一个新的quartz.properties，它将自动被Quartz加载并覆盖默认的设置。   下面是这些默认值的解释 #-----集群的配置 org.quartz.scheduler.instanceName =
  • informatica session的使用 18289753290 workflowsessionlogInformatica
    如果希望workflow存储最近20次的log，在session里的Config  Object设置，log  options做配置，save  session log :sessions  run  ;savesessio log for  these runs:20 session下面的source 里面有个tracing 
  • Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误 酷的飞上天空 scrapy
    Scrapy版本0.14.4 出现问题现象： ERROR: Error downloading <GET http://xxxxx  CRC check failed   解决方法   1.设置网络请求时的header中的属性'Accept-Encoding': '*;q=0'   明确表示不支持任何形式的压缩格式，避免程序的解压
  • java Swing小集锦 永夜-极光 java swing
    1.关闭窗体弹出确认对话框   1.1   this.setDefaultCloseOperation (JFrame.DO_NOTHING_ON_CLOSE);   1.2   this.addWindowListener ( new WindowAdapter () { public void windo
  • 强制删除.svn文件夹 随便小屋 java
              在windows上，从别处复制的项目中可能带有.svn文件夹，手动删除太麻烦，并且每个文件夹下都有。所以写了个程序进行删除。因为.svn文件夹在windows上是只读的，所以用File中的delete()和deleteOnExist()方法都不能将其删除，所以只能采用windows命令方式进行删除
  • GET和POST有什么区别？及为什么网上的多数答案都是错的。 aijuans get post
        如果有人问你，GET和POST，有什么区别？你会如何回答？ 我的经历      前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。     这个答案好像并不是他想要的。于是他继续追问有没有别的区别？我说这就是个名字而已，如果服务器支持，他完全可以把G
  • 谈谈新浪微博背后的那些算法 aoyouzi 谈谈新浪微博背后的那些算法
    本文对微博中常见的问题的对应算法进行了简单的介绍，在实际应用中的算法比介绍的要复杂的多。当然，本文覆盖的主题并不全，比如好友推荐、热点跟踪等就没有涉及到。但古人云“窥一斑而见全豹”，希望本文的介绍能帮助大家更好的理解微博这样的社交网络应用。 微博是一个很多人都在用的社交应用。天天刷微博的人每天都会进行着这样几个操作：原创、转发、回复、阅读、关注、@等。其中，前四个是针对短博文，最后的关注和@则针
  • Connection reset 连接被重置的解决方法 百合不是茶 java字符流连接被重置
    流是java的核心部分,,昨天在做android服务器连接服务器的时候出了问题,就将代码放到java中执行,结果还是一样连接被重置   被重置的代码如下;   客户端代码; package 通信软件服务器; import java.io.BufferedWriter; import java.io.OutputStream; import java.io.O
  • web.xml配置详解之filter bijian1013 javaweb.xmlfilter
    一.定义 <filter> <filter-name>encodingfilter</filter-name> <filter-class>com.my.app.EncodingFilter</filter-class> <init-param> <param-name>encoding<
  • Heritrix Bill_chen 多线程xml算法制造配置管理
    作为纯Java语言开发的、功能强大的网络爬虫Heritrix，其功能极其强大，且扩展性良好，深受热爱搜索技术的盆友们的喜爱，但它配置较为复杂，且源码不好理解，最近又使劲看了下，结合自己的学习和理解，跟大家分享Heritrix的点点滴滴。 Heritrix的下载（http://sourceforge.net/projects/archive-crawler/）安装、配置，就不罗嗦了，可以自己找找资
  • 【Zookeeper】FAQ bit1129 zookeeper
    1.脱离IDE，运行简单的Java客户端程序 #ZkClient是简单的Zookeeper~$ java -cp "./:zookeeper-3.4.6.jar:./lib/*" ZKClient    1. Zookeeper是的Watcher回调是同步操作，需要添加异步处理的代码 2. 如果Zookeeper集群跨越多个机房，那么Leader/
  • The user specified as a definer ('aaa'@'localhost') does not exist 白糖_ localhost
    今天遇到一个客户BUG，当前的jdbc连接用户是root，然后部分删除操作都会报下面这个错误：The user specified as a definer ('aaa'@'localhost') does not exist 最后找原因发现删除操作做了触发器，而触发器里面有这样一句 /*!50017 DEFINER = ''aaa@'localhost' */  原来最初
  • javascript中showModelDialog刷新父页面 bozch JavaScript刷新父页面showModalDialog
    在页面中使用showModalDialog打开模式子页面窗口的时候，如果想在子页面中操作父页面中的某个节点，可以通过如下的进行：       window.showModalDialog('url',self,‘status...’); // 首先中间参数使用self       在子页面使用w
  • 编程之美-买书折扣 bylijinnan 编程之美
    import java.util.Arrays; public class BookDiscount { /**编程之美 买书折扣 书上的贪心算法的分析很有意思，我看了半天看不懂，结果作者说，贪心算法在这个问题上是不适用的。。 下面用动态规划实现。 哈利波特这本书一共有五卷，每卷都是8欧元，如果读者一次购买不同的两卷可扣除5%的折扣，三卷10%，四卷20%，五卷
  • 关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要 chenbowen00 strutsWEB安全
    因为近期负责的几个银行系统软件，需要交付客户，因此客户专门请了安全公司对系统进行了安全评测，结果发现了诸如跨站执行脚本，远程执行漏洞以及弱口令等问题。 下面记录下本次解决的过程以便后续 1、首先从最简单的开始处理，服务器的弱口令问题，首先根据安全工具提供的测试描述中发现应用服务器中存在一个匿名用户，默认是不需要密码的，经过分析发现服务器使用了FTP协议， 而使用ftp协议默认会产生一个匿名用
  • [电力与暖气]煤炭燃烧与电力加温 comsci
          在宇宙中,用贝塔射线观测地球某个部分,看上去,好像一个个马蜂窝,又像珊瑚礁一样,原来是某个国家的采煤区.....       不过,这个采煤区的煤炭看来是要用完了.....那么依赖将起燃烧并取暖的城市,在极度严寒的季节中...该怎么办呢?   &nbs
  • oracle O7_DICTIONARY_ACCESSIBILITY参数 daizj oracle
    O7_DICTIONARY_ACCESSIBILITY参数控制对数据字典的访问.设置为true,如果用户被授予了如select any table等any table权限,用户即使不是dba或sysdba用户也可以访问数据字典.在9i及以上版本默认为false,8i及以前版本默认为true.如果设置为true就可能会带来安全上的一些问题.这也就为什么O7_DICTIONARY_ACCESSIBIL
  • 比较全面的MySQL优化参考 dengkane mysql
    本文整理了一些MySQL的通用优化方法，做个简单的总结分享，旨在帮助那些没有专职MySQL DBA的企业做好基本的优化工作，至于具体的SQL优化，大部分通过加适当的索引即可达到效果，更复杂的就需要具体分析了，可以参考本站的一些优化案例或者联系我，下方有我的联系方式。这是上篇。   1、硬件层相关优化   1.1、CPU相关   在服务器的BIOS设置中，可
  • C语言homework2，有一个逆序打印数字的小算法 dcj3sjt126com c
    #h1#   0、完成课堂例子 1、将一个四位数逆序打印 1234 ==> 4321 实现方法一： # include <stdio.h> int main(void) { int i = 1234; int one = i%10; int two = i / 10 % 10; int three = i / 100 % 10;
  • apacheBench对网站进行压力测试 dcj3sjt126com apachebench
       ab 的全称是 ApacheBench ， 是 Apache 附带的一个小工具 ， 专门用于 HTTP Server 的 benchmark testing ， 可以同时模拟多个并发请求。前段时间看到公司的开发人员也在用它作一些测试，看起来也不错，很简单，也很容易使用，所以今天花一点时间看了一下。 通过下面的一个简单的例子和注释，相信大家可以更容易理解这个工具的使用。
  • 2种办法让HashMap线程安全 flyfoxs javajdkjni
    多线程之--2种办法让HashMap线程安全 多线程之--synchronized 和reentrantlock的优缺点 多线程之--2种JAVA乐观锁的比较( NonfairSync VS. FairSync)     HashMap不是线程安全的,往往在写程序时需要通过一些方法来回避.其实JDK原生的提供了2种方法让HashMap支持线程安全.  
  • Spring Security（04）——认证简介 234390216 Spring Security认证过程
    认证简介 目录 1.1     认证过程 1.2     Web应用的认证过程 1.2.1    ExceptionTranslationFilter 1.2.2    在request之间共享SecurityContext   1
  • Java 位运算 Javahuhui java位运算
    // 左移( << ) 低位补0 // 0000 0000 0000 0000 0000 0000 0000 0110 然后左移2位后，低位补0： // 0000 0000 0000 0000 0000 0000 0001 1000 System.out.println(6 << 2);// 运行结果是24 // 右移( >> ) 高位补"
  • mysql免安装版配置 ldzyz007 mysql
    1、my-small.ini是为了小型数据库而设计的。不应该把这个模型用于含有一些常用项目的数据库。 2、my-medium.ini是为中等规模的数据库而设计的。如果你正在企业中使用RHEL,可能会比这个操作系统的最小RAM需求(256MB)明显多得多的物理内存。由此可见，如果有那么多RAM内存可以使用，自然可以在同一台机器上运行其它服务。 3、my-large.ini是为专用于一个SQL数据
  • MFC和ado数据库使用时遇到的问题 你不认识的休道人 sqlC++mfc
    =================================================================== 第一个 =================================================================== try{ CString sql; sql.Format("select * from p
  • 表单重复提交Double Submits rensanning double
    可能发生的场景： *多次点击提交按钮 *刷新页面 *点击浏览器回退按钮 *直接访问收藏夹中的地址 *重复发送HTTP请求（Ajax） （1）点击按钮后disable该按钮一会儿，这样能避免急躁的用户频繁点击按钮。 这种方法确实有些粗暴，友好一点的可以把按钮的文字变一下做个提示，比如Bootstrap的做法： http://getbootstrap.co
  • Java String 十大常见问题 tomcat_oracle java正则表达式
    　1.字符串比较，使用“==”还是equals()? 　　"=="判断两个引用的是不是同一个内存地址(同一个物理对象)。 　　equals()判断两个字符串的值是否相等。 　　除非你想判断两个string引用是否同一个对象，否则应该总是使用equals()方法。 　　如果你了解字符串的驻留(String Interning)则会更好地理解这个问题。 　 　
  • SpringMVC 登陆拦截器实现登陆控制 xp9802 springMVC
    思路，先登陆后，将登陆信息存储在session中，然后通过拦截器，对系统中的页面和资源进行访问拦截，同时对于登陆本身相关的页面和资源不拦截。   实现方法： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他