Vivian_jay
Vivian_jay

圣杯布局【双飞翼布局】的几种实现

圣杯布局【双飞翼布局】：两边定宽，中间宽度自适应；且优先渲染中间主题内容部分。

一、负边距法

DOM结构：
由于需要优先渲染主题内容部分，因此在DOM结构中需要将其写在左右侧边栏之前。

    <header>headerheader>

    <main>
        <div class="mid">
            <div class="middle">middlediv>
        div>
        <aside class="left">leftaside>
        <aside class="right">rightaside>
    main>

    <footer>footerfooter>

样式表：
1. 左中右部分均左浮动，且左右设置定宽，中间设置宽度为100%，此时左右边栏完全被主体部分遮挡。
2. 负边距：左侧边栏的左负边距设置为100%，右侧边距的左负边距设置为自身宽度，此时左侧边栏在主体内容两侧排列，但主体内容位于侧边栏以下部分被遮挡。
3. 设置主体内容部分的左右边距为相应侧边栏宽度，以此收缩自身宽度，使其内容可完全展示。

        header{
            height: 70px;
            background-color: #EFE994;
        }

        main {
            height: 500px;
            overflow: hidden;
        }
        .mid {
            float: left;
            width: 100%;
            height: 100%;
            background-color: #98D8DA;
        }
        .middle {
            height:100%;
            margin-left: 200px;
            margin-right:200px;
        }
        .left,
        .right {
            float: left;
            width: 200px;
            height: 100%;
        }
        .left {
            margin-left: -100%;
            background-color: #FAC3FC;
        }
        .right {
            margin-left: -200px;
            background-color: #F5C4C4;
        }

        footer {
            height: 50px;
            background-color: #EFE994;
        }

二、弹性盒模型法

整个页面布局由两个弹性盒模型构成：
1. body作为盒子，header、main、footer按垂直方向排列，上下设置定高之后中间设置flex=1自动填满剩余高度。
2. main作为盒子，left、middle、right按水平方向排列（默认），左右设置定宽后中间设置flex=1自动填满剩余宽度。
3. 设置order=-1将左侧边栏拉到主体内容之前。


<meta charset=utf-8>
<html>
<head>
    <title>holytitle>
    <style type="text/css">
        body {
            display: flex;
            min-height: 100vh;
            flex-direction: column;
        }

        header,
        footer{
            flex-basis: 70px;
            background-color: #AAD6E1;
        }

        main {
            display: flex;
            flex: 1;
        }
        .middle {
            flex: 1;
            background-color: #eee;
        }
        .left,
        .right {
            flex-basis: 200px;
            background-color: #FEDAD6;
        }
        .left {
            order: -1;
        }

    style>
head>
<body>

    <header>headerheader>

    <main>
        <div class="middle">middlediv>
        <aside class="left">leftaside>
        <aside class="right">rightaside>
    main>

    <footer>footerfooter>

body>
html>

你可能感兴趣的:(CSS学习笔记)

  • 前端HTML5/HTML+CSS3/CSS学习笔记(六) LHBxiaobin HTML+CSS学习前端htmlcss
    表单的应用认识表单创建表单认识表单注：表单”是网页上用于输入信息的区域，用来实现网页与用户的交互、沟通。例如注册页面中的用户名和密码输入、性别选择、提交按钮等都是用表单相关的标记定义的。创建表单在HTML5中，标记被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，中的所有内容都会被提交给服务器。各种表单控件与之间的表单控件是由用户自定义的，action、method为表单标记的常用属性
  • web前端css学习笔记(2)——选择器 果粒橙_ CSS学习笔记前端csscss3html5html
    目录前言一、CSS选择器1.通配选择器2.元素选择器3.类选择器4.ID选择器二、复合选择器1.交集选择器2.并集选择器3.后代选择器4.子代选择器5.兄弟选择器6.属性选择器总结前言本篇学习CSS选择器，内容比较复杂易混。一、CSS选择器1.通配选择器可以选中所有的HTML元素，一般用于清除样式*{属性名:属性值;}2.元素选择器为页面中某种元素统一设置样式h1{color:orange;fon
  • HTMLCSS学习笔记（十一）-- css3渐变及2D 千锋HTML5学院
    浏览器前缀-ms-:IE浏览器专属的CSS属性需添加-ms-前缀-ms-box-shadow:1px1px0#CCC;-moz-:所有基于Gecko引擎的浏览器（如Firefox）专属的CSS属性需添加-moz-前缀-moz-box-shadow:1px1px0#CCC;-o-:Opera浏览器专属的CSS属性需添加-o-前缀-o-box-shadow:1px1px0#CCC;-webkit-:所
  • css学习笔记(适合后端开发人员学习的文章) 故我往事 css学习html后端
    1、什么是css层叠样式表语言，作用是用来修饰HTML，让HTML更好看。类似平时生活中的化妆品2、三种方法嵌入css样式2.1内联定义2.1.1内联定义语法格式：2.2定义内部样式块对象定义内部样式块对象div{background-color:aqua;width:200px;height:200px;border-style:solid;border-width:5px;}#username
  • CSS学习笔记 苦逼的猿宝 html+csscss学习前端css3
    css的三种样式一.行内样式二.内部样式div{width:200px;height:200px;background-color:aqua;}我是一个div三.外部样式如同内部样式,但是需要添加一个css文件,且进行下方的操作:@importurl("css路径");@import和link的区别:1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式.2:加载顺
  • 最热网友收藏 weixin_30267697 c#c/c++面试
    最热网友收藏：共享一些面试题(2007年第1周)2007年第1周最热网友收藏共享一些面试题(52)，共94人收藏，xblue3首先收藏程序员真实写真:35岁前成功的12条黄金法则(49)，共182人收藏，yanglilibaobao首先收藏css学习笔记,欢迎大家补充，谢谢(46)，共54人收藏，hotsunn首先收藏我来做个好人吧，40种网站设计常用技巧(46)，共275人收藏，wuzeng20
  • HTML+CSS bomagic csshtml前端
    HTML+CSS学习笔记0.HTMl(HyperTextMarkupLanguage)复习HTML标签有两类：块级元素div、h1~h6、blockquote、dl、dt、dd、form、hr、ol、p、pre、table、ul…**特点：**总是在新行上开始，高度、行高以及顶和底边距都可控制，宽度缺省（默认）是它的容器的100%，除非设定一个宽度。**功能：**主要用来搭建网站架构、页面布局、承
  • HTML5 & CSS学习笔记 秣凡 html5学习webview
    最新前端开发入门教程，web前端零基础html5+css3+前端项目视频教程_哔哩哔哩_bilibili代码地址：HTML5+CSS:用于学习、练习前端的相关知识。目录HTML1.html骨架2.HTML标签2.1排版标签2.1.1标题标签3.媒体标签4.列表标签CSSCSS书写顺序：1.选择器1.1标签选择器1.2基础选择器1.3id选择器1.4通配符选择器2.字体和文本样式2.1文字2.2文本
  • Html&CSS学习笔记02---HTML标签的介绍 DKTF
    1、HTML标签介绍1.1、标签的格式:封装的数据1.2、标签名大小写不敏感1.3、标签拥有自己的属性基本属性：bgcolor="red"可以修改简单的样式效果事件属性：onclick="alert('你好！');"可以直接设置事件响应后反馈的代码1.4、标签又分为，单标签和双标签单标签格式：换行水平线双标签格式:..封装的数据....封装的数据..1.5、标签的语法正确：早安，尚硅谷错误：早安，
  • HTMLCSS学习笔记（六）-- 元素类型 千锋HTML5学院
    元素类型根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素，可变元素&&三种类型：块状元素，内联元素，内联块元素(css2.1增加)块状元素的特点块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。块状元素都可以定义自己的宽度和高度。块状元
  • CSS学习笔记 Brilliance02 csscss3html
    文章目录关于CSSHTML的局限性CSSCSS语法规范CSS样式风格选择器选择器的作用及分类基础选择器标签选择器类选择器多类名id选择器id选择器和类选择器的区别通配符选择器基础选择器总结复合选择器后代选择器（重要）子选择器（重要）并集选择器（重要）伪类选择器链接伪类选择器:focus伪类选择器复合选择器总结CSS引入方式行内样式表（行内式）内部样式表(嵌入式）外部样式表（链接式）字体属性字体系列
  • CSS学习笔记 肠粉白粥_Hoben
    一.概述CSS指层叠样式表，定义了如何显示HTML元素。样式通常存储在样式表中，可以解决内容和表现分离的问题，极大提高工作效率。外部样式表通常存储在CSS文件中，多个样式定义可层叠为一。样式解决了一个普遍的问题HTML标签原本被设计为用于定义文档内容，同时文档布局由浏览器来完成，而不使用任何的格式化标签。但由于两个主要的浏览器不断地将新的HTML标签和属性添加到HTML规范中，导致创建文档内容清晰
  • 《CSS学习笔记》之display、浮动float，及其四种解决父级元素塌陷问题的方法 每天八杯水D Web前端开发css前端父级塌陷问题clear清除浮动float浮动
    一、标准文档流二、display属性这个也是一种实现行内元素排列的方式，但是我们很多情况都是用float三、float属性float:right;float:left;clear:both四、float浮动导致父级边框塌陷问题使用浮动float后该元素就会飘出文档流，不在被父级元素所包含。（一）问题分析未浮动前：箱子元素左浮动后：所有子元素浮动后：（二）解决方法clear属性作用：清除浮动解决子元
  • css学习笔记8（定位） 该叫啥 csscss学习笔记
    css学习笔记8（定位）1.相对定位1.1如何设置相对定位？1.2相对定位的参考点在哪里？1.3相对定位的特点：2.绝对定位2.1如何设置绝对定位？2.2绝对定位的参考点在哪里？2.3绝对定位元素的特点？3.固定定位3.1如何设置固定定位？3.2固定定位的参考点在哪里？3.3固定定位元素的特点4.粘性定位4.1如何设置粘性定位？4.2粘性定位的参考点在哪里？4.3粘性定位元素的特点5.定位层级6.
  • css学习笔记7（浮动） 该叫啥 csscss学习笔记
    css学习笔记7（浮动）六、浮动1.浮动的简介2.元素浮动后的特点3.浮动影响3.1浮动后会有哪些影响3.2浮动后会有哪些影响4.浮动布局练习六、浮动1.浮动的简介在最初，浮动是用来实现文字环绕图片效果的，现在浮动是主流的页面布局方式之一。2.元素浮动后的特点脱离文档流。不管浮动前是什么元素，浮动后：默认宽与高都是被内容撑开（尽可能小），而且可以设置宽高。不会独占一行，可以与其他元素共用一行。不会
  • css学习笔记6（盒子模型） 该叫啥 csscss学习笔记
    CSS盒子模型五、CSS盒子模型1.CSS长度单位2.元素的显示模式3.总结各元素的显示模式4.修改元素显示模式5.盒子模型的组成6.盒子内容区（content）7.关于默认宽度8.盒子内边距（padding）9.盒子边框（border）10.盒子外边距（margin）10.1margin注意事项10.2margin塌陷问题10.3margin合并问题11.处理内容溢出12.隐藏元素的方式13.样
  • css学习笔记3（字体属性） 该叫啥 csscss学习笔记
    字体属性3.CSS字体属性3.1字体大小3.2字体族3.3字体风格3.4字体风格3.5字体复合写法3.CSS字体属性3.1字体大小属性名：font-size语法：div{font-size:40px;}注意点Chrome浏览器支持的最小文字为12px，默认的文字大小为16px，并且0px会自动消失。不同浏览器默认的字体大小可能不一致，所以最好给一个明确的值，不要用默认大小。通常以给body设置fo
  • css学习笔记5 该叫啥 csscss学习笔记
    css学习笔记55.CSS列表属性6.CSS表格属性1.边框相关属性（其他元素也能用）：2.表格独有属性（只有table标签才能使用）：7.CSS背景属性8.CSS鼠标属性5.CSS列表属性列表相关的属性，可以作用在ul、ol、li元素上。css属性名功能属性值list-style-type设置列表符号常用值如下：none：不显示前面的标识（很常用！）square：实心方块disc：圆形decim
  • css学习笔记4（文本属性） 该叫啥 csscss学习笔记
    文本属性4.CSS文本属性4.1文本颜色4.2文本间距4.3文本修饰4.4文本缩进4.5文本对齐_水平4.6细说font-size4.7行高4.8文本对齐_垂直4.9vertical-align4.CSS文本属性4.1文本颜色属性名：color可选值：颜色名rgb或rgbaHEX或HEXA（十六进制）HSL或HSLA开发中常用的是：rgb/rgba或HEX/HEXA（十六进制）。举例：div{co
  • css学习笔记2 该叫啥 csscss学习笔记
    css学习笔记2CSS三大特性1.三大特性1.1层叠性1.2继承性1.3优先级2.颜色的表示2.1表示方式一：颜色名2.2表示方式二：rgb或rgba2.3表示方式三：HEX或HEXA2.4表示方式四：HSL或HSLACSS三大特性1.三大特性1.1层叠性概念：如果发生了样式冲突，那就会根据一定的规则（选择器优先级），进行样式的层叠（覆盖）。什么是样式冲突?————元素的同一个样式名，被设置了不同
  • 【CSS学习笔记六】遵循原则、定位（五种模式：静态、相对、绝对、固定、粘性定位） waski 前端之路css学习笔记
    文章目录14遵循原则14.1页面布局14.2CSS属性专业书写顺序15定位15.1定位组成15.2定位模式15.2.1静态定位`position：static`15.2.2相对定位（父级）`position：relative`15.2.3绝对定位（子级）`position：absolute`15.2.4固定定位`position：fixed`15.2.5粘性定位`position：sticky`1
  • CSS学习笔记整理 bfbshs_ddd 前端学习css学习笔记前端
    CSS即层叠样式表/CSS样式表/级联样式表，也是标记语言，用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距）以及版面的布局和外观显示样式目录准备工作Chrome调试工具Emmet语法第一章引入方式第二章基本语法语法规范代码风格CSS选择器1.基础选择器：2.CSS复合选择器CSS三大特性1.层叠性：2.继承性：3.优先级：第三章常见属性CSS字体属性C
  • CSS学习笔记----CSS3自定义字体图标 weixin_30747253 illustratorui移动开发
    响应式网页字体图标作者：大漠日期：2014-01-28点击：3220@font-faceResponsive本文由大漠根据Jason的《ResponsiveWebfontIcons》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://webstandardssherpa.com/reviews/responsive-webf
  • CSS学习笔记 HiLittleBoat 前端学习csscss3前端
    目录一、初识CSS1.1CSS是什么1.2CSS发展史1.3CSS的三种导入方式1.3.1内部样式：1.3.2外部样式（推荐使用）：1.3.3行内样式二、CSS选择器⭐2.1三种基本选择器2.1.1标签选择器2.1.2类选择器2.1.3ID选择器2.2层次选择器2.2.1后代选择器（空格）2.2.2子选择器（>）2.2.3相邻兄弟选择器（+）2.2.4通用兄弟选择器(~)2.3结构伪类选择器（:）
  • CSS学习笔记四---背景属性 & 浮动属性 阿茶阿茶 CSS学习
    一：知识点1：背景属性总结2：background-color：rgba（255，0，0，0.5）；a：透明度（0.1~1）3：background-image：效果默认平铺，background-repeat可以设置平铺效果，x轴平铺（repeat-x），y轴平铺（repeat-y），不平铺（no-repeat），默认平铺效果。4：background-position：20px20px（可负数
  • CSS学习笔记--第五天 墨瑒 前端css
    文章目录八、CSS高级技巧1.精灵图（重点）1.1为什么需要精灵图1.2精灵图（sprites）的使用2.字体图标2.1字体图标的产生2.2字体图标的优点2.3字体图标的下载2.4字体图标的引入2.5字体图标的追加2.6字体图标加载的原理3.CSS三角3.1介绍4.CSS用户界面样式4.1鼠标样式cursor4.2轮廓线outline4.3防止拖拽文本域resize5.vertical-align
  • Web前端开发CSS学习笔记2—五大类选择器 云卷云舒_jing web前端开发语言前端csscss3
    目录CSS选择器分类—五大类：基本、复合、伪元素、伪类、属性选择器：第一类：基本选择器1.通用选择器2.元素选择器3.类选择器4.id选择器第二类：复合选择器1.交集选择器2.并集选择器3.后代选择器4.子元素选择器5.相邻兄弟选择器6.通用兄弟选择器第三类：伪元素选择器1.::first-line选择器2.::first-letter选择器3.::before和::after选择器4.::sel
  • CSS学习笔记｜MDN-CSS选择器 xChive CSS学习csscss3前端关系选择器
    记录在MDN学习CSS中的一些个人笔记。选择器种类通配选择器或叫全局选择器。选中所有元素。*{}标签、类、ID选择器标签选择器。选择所有的h1元素h1{}类选择器。选择类名有box的元素.box{}ID选择器。选择ID为aid的元素#aid{}标签+类/ID，选择含有指定类/ID的某标签元素。选择类名为aclass的h1元素。选择ID名为aid的h1元素。h1.aclass{}h1#aid{}标签
  • CSS学习笔记03-CSS复合选择器 多啦不能没有梦 css学习前端
    目录交集选择器并集选择器后代选择器子元素选择器链接伪类选择器结构伪类选择器占位符选择器伪元素选择器属性选择器交集选择器交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点。其中第一个为标签选择器，第二个为类选择器，两个选择器之间不能有空格。/*交集选择器的书写要求：1.第一个选择器必须是标签选择器2.第二个选择器必须是类选择器3.两个选择器中间不加空格，加点*//*含
  • HTML及CSS学习笔记 06 - CSS简介和常见的选择器 chodenke HTML及CSS学习笔记HTML5CSS3层叠样式表选择器
    本文是HTML及CSS课程的第六课。W3C提倡网页的内容与表现分离，层叠样式表（CascadingStyleSheet）即是网页中的“表现”部分，它描述HTML标签将会显示成什么样子。本文介绍层叠样式表的基本概念，及在层叠样式表中常见的选择器类型等内容文章目录一、层叠样式表（CSS）介绍1、层叠样式表是什么2、为什么使用层叠样式表3、层叠样式表的格式4、层叠样式表写在哪里4.1、行内样式4.2、内
  • 二分查找排序算法 周凡杨 java二分查找排序算法折半
    一：概念 二分查找又称 折半查找（ 折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而 查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表 分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
  • java中的BigDecimal bijian1013 javaBigDecimal
            在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de
  • Shell echo命令详解 daizj echoshell
    Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
  • Oracle DBA 简单操作 周凡杨 oracle dba sql
    --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb
  • 画图重绘 朱辉辉33 游戏
      我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
  • 线程之初体验 西蜀石兰 线程
    一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。 之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。 线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。 你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
  • linux集群互相免登陆配置 林鹤霄 linux
    配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c
  • mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
    原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储
  • Socket编程 基本的聊天实现。 alleni123 socket
    public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
  • 多线程监听器事件模式(一个简单的例子) 百合不是茶 线程监听模式
        多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队
  • spring InitializingBean接口 bijian1013 javaspring
    spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
  • Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle数据库权限
            Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
  • 【Struts2五】Struts2 参数传值 bit1129 struts2
    Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
  • 【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
    I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or
  • nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
    nginx gzip压缩配置 更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
  • java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
    two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
  • Spring源码学习-JdbcTemplate queryForObject bylijinnan javaspring
    JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
  • [冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
         看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb
  • js 获取浏览器型号 cuityang js浏览器
    根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=
  • C# socks5详解 转 dalan_123 socketC#
    http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
  • 运维 Centos问题汇总 dcj3sjt126com 云主机
    一、sh 脚本不执行的原因 sh脚本不执行的原因 只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数
  • Yii防注入攻击笔记 dcj3sjt126com sqlWEB安全yii
    网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号 这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
  • MongoDB简介[一] eksliang mongodbMongoDB简介
    MongoDB简介 转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不
  • zookeeper windows 入门安装和测试 greemranqq zookeeper安装分布式
    一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
  • Spring之使用事务缘由(2-注解实现) ihuning spring
      Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.
  • iOS App Launch Option 啸笑天 option
    iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。 1、若用户直接
  • jdk与jre的区别（_） macroli javajvmjdk
    简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。 如果安装了JDK，会发同你
  • Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象git
    $ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
  • [一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hivehive元数据结构
    关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。 本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，
  • Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
      Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他