ddb51181
ddb51181

圣杯布局

意指用最少的代码实现到兼容Ie6的现代布局

圣杯布局_第1张图片

效果如图所示，用到了浮动负边距和相对定位三种知识

代码如下

DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>圣杯布局title>

 

<style type="text/css">

body {background-color: #ffffff; font-size:14px;}

#hd, #ft {padding:20px 3px; background-color: #cccccc; text-align: center;}

.bd-lft, .bd-rgt, .bd-3-lr, .bd-3-ll, .bd-3-rr {margin:10px 0; min-width:400px;}

.main {background-color: #03a9f4; color:#ffffff;}

.aside, .aside-1, .aside-2 {background-color: #00bcd4; color:#ffffff;}

p {margin:0; padding:20px; text-align: center;}

 

 

/* 左侧栏固定宽度，右侧自适应 */

.bd-lft {

   zoom:1;

   overflow:hidden;

   padding-left:210px;

}

.bd-lft .aside {

   float:left;

   width:200px;

   margin-left:-100%; /*= -100%*/

 

   position:relative;

   left:-210px; /* = -parantNode.paddingLeft */

   _left: 0; /*IE6 hack*/

}

.bd-lft .main {

   float:left;

   width:100%;

}

 

 

/* 右侧栏固定宽度，左侧自适应 */

.bd-rgt {

   zoom:1;

   overflow:hidden;

   padding-right:210px;

}

.bd-rgt .aside {

   float:left;

   width:200px;

margin-left:-200px; /* = -this.width */

 

   position:relative;

   right:-210px; /* = -parantNode.paddingRight */

}

.bd-rgt .main {

   float:left;

   width:100%;

}

 

 

/* 左中右 三栏自适应 */

.bd-3-lr {

   zoom:1;

   overflow:hidden;

   padding-left:210px;

   padding-right:210px;

}

.bd-3-lr .main {

float:left;

   width:100%;

}

.bd-3-lr .aside-1 {

float: left;

width:200px;

margin-left: -100%;

 

position:relative;

left: -210px;

_left: 210px; /*IE6 hack*/

}

.bd-3-lr .aside-2 {

float: left;

width:200px;

margin-left: -200px;

 

position:relative;

right: -210px;

}

 

/* 都在左边，右侧自适应 */

.bd-3-ll {

   zoom:1;

   overflow:hidden;

   padding-left:420px;

}

.bd-3-ll .main {

float:left;

   width:100%;

}

.bd-3-ll .aside-1 {

float: left;

width:200px;

margin-left: -100%;

 

position:relative;

left: -420px;

_left: 0px; /*IE6 hack*/

}

.bd-3-ll .aside-2 {

float: left;

width:200px;

margin-left: -100%;

 

position:relative;

left: -210px;

_left: 210px; /*IE6 hack*/

}

 

/* 都在右边，左侧自适应 */

.bd-3-rr {

   zoom:1;

   overflow:hidden;

   padding-right:420px;

}

.bd-3-rr .main {

float:left;

   width:100%;

}

.bd-3-rr .aside-1 {

float: left;

width:200px;

margin-left: -200px;

 

position:relative;

right: -210px;

}

.bd-3-rr .aside-2 {

float: left;

width:200px;

margin-left: -200px;

 

position:relative;

right: -420px;

}

 

 

style>

 

head>

<body>

 

<div id="hd">头部div>

 

<div class="bd-lft">

<div class="main">

<p>主内容栏自适应宽度p>

div>

 

<div class="aside">

<p>侧边栏固定宽度p>

div>

div>

 

<div class="bd-rgt">

<div class="main">

<p>主内容栏自适应宽度p>

div>

 

<div class="aside">

<p>侧边栏固定宽度p>

div>

div>

 

<div class="bd-3-lr">

<div class="main">

<p>主内容栏自适应宽度p>

div>

 

<div class="aside-1">

<p>侧边栏1固定宽度p>

div>

 

<div class="aside-2">

<p>侧边栏2固定宽度p>

div>

div>

 

<div class="bd-3-ll">

<div class="main">

<p>主内容栏自适应宽度p>

div>

 

<div class="aside-1">

<p>侧边栏1固定宽度p>

div>

 

<div class="aside-2">

<p>侧边栏2固定宽度p>

div>

div>

 

<div class="bd-3-rr">

<div class="main">

<p>主内容栏自适应宽度p>

div>

 

<div class="aside-1">

<p>侧边栏1固定宽度p>

div>

 

<div class="aside-2">

<p>侧边栏2固定宽度p>

div>

div>

 

<div id="ft">底部div>

 

body>

html>

 

转载于:https://www.cnblogs.com/myzsy/p/6148503.html

你可能感兴趣的:(圣杯布局)

  • 【前端知识整理】CSS布局 快速居中，两栏布局与三栏布局 EnoshSAGIRI csscss前端css3
    CSS中的各种布局方法1快速居中对齐的方法2两栏布局2.1左列定宽右列自适应2.1.1浮动+margin方法2.1.2浮动+BFC2.1.3定位（子绝父相）2.1.4flex2.1.5浮动+负外边距2.1.6table2.2左列不定宽右列自适应3三栏布局3.1浮动+margin3.2浮动+BFC3.3flex3.4table3.5定位3.6圣杯布局3.7双飞翼布局3.8grid1快速居中对齐的方法
  • 扒一扒找工作的时候遇到过的笔试题。。。 燃烧我的卡路里_93b1
    有人说：面试是一种学习。但问题是：面试过后，又该如何学习？今天来分享一波笔试题，还找了下大佬来帮忙分析了下，总结了几个小问题笔试题之——关于grid网格面试题：如何用grid写一个左右固定，中间自适应的三栏式布局？笔试题剖析：这道题考核的有两点：第一点是左右固定，中间自适应的三栏式。如果这个不理解，那么这道题就没法继续。三栏式是前端布局中的经典案例，以前的解决方式有圣杯布局，双飞翼布局等。所以考核
  • 圣杯布局和双飞翼布局 小强不是蟑螂啊
    1圣杯布局是由一个div包裹，里面分别是中左右三列，采用的是padding，margin-left,margin-right,position#container{padding-left:200px;padding-right:150px;}#container.column{float:left;}#center{width:100%;background:#f00;}#left{width:
  • 布局 - position Cicada丶
    relative会缩裹内容，不会脱离原来的流不会浮动，只是内容便宜，元素本身不偏移absolute会根据left等值撑开内容，会脱离原来的流浮动，但是不能通过清除浮动来消除Document代替高度100%宽度100%，完美解决方案圣杯布局Documenthtml,body{margin:0px;padding:0px;}AAAAAAAAAAAAAAAABC结果单飞翼布局Documenthtml,b
  • 14.CSS学习（五） Kylincsg 从零教你学Web前端css学习前端笔记经验分享低代码css3
    上一篇：13.CSS学习（四）CSS学习布局多列布局（column）属性设置是否跨列瀑布流布局响应式设计优势不足@media媒体查询弹性盒子(FlexBox)弹性父容器属性设置：弹性子元素属性设置：CSS3新单位了解viewport视口BFC原理及应用BFC是什么？BFC如何生成？BFC的应用布局布局是对网页的全面设计和排版常见布局：两列布局、三列布局（圣杯布局，双飞翼布局）两列布局，左侧固定宽度
  • CSS 网页布局 欲无缘 #CSScsscss3前端
    文章目录布局元素页眉标签导航栏侧边栏网页主体文章页脚测试网页布局元素布局元素在html4.01等之前的版本中html并没有专用的布局元素，而是统统使用div进行布局页眉标签header标签一般用来嵌套网页的标题，搜索栏，导航栏等导航栏nav用来嵌套列表侧边栏aside侧边栏注意：圣杯布局一般存在左侧和右侧两个侧边栏，此处我们仅书写一个网页主体section网页主体左右两侧可以放置侧边栏等内部可以放
  • 两栏布局，三栏布局（圣杯布局、双飞翼布局） yuanjiex
    一.两栏布局总结（左边固定，右侧自适应）第一种：float+BFC注意：设置左盒子margin-right直接设置原理：左侧元素浮动，右侧元素设为BFC，有间距设置浮动元素外边距即可Document.wrapper{padding:15px20px;border:1pxdashed#ff6c60;overflow:auto;}.left{width:120px;float:left;margin-
  • css布局笔记 zhengxiao111 css笔记前端
    1、float常和margin负边距搭配。在多个元素设置为float换行后，可以用margin-left负边距，让第二行的float元素回到第一行去。例子：双飞翼布局2、float+margin-left+相对定位。当float叠加了margin-left的效果后，可以使用相对定位中和margin-left的影响。如圣杯布局。3、float：多个同方向的float元素，从左到右依次排列，如果空间不
  • Web开发常用布局方式总结 儒雅的烤地瓜 CSS学习笔记前端常用布局方式浮动布局flex布局grid布局
    目录一、概述二、布局类型1.普通流布局2.浮动布局3.定位布局(1)相对定位relative(2)绝对定位absolute(3)固定定位fixed(4)定位补充4.flex布局5.grid布局三、布局的应用1.双栏目布局实现2.三栏目布局实现(1)position+margin实现(2)圣杯布局(3)双飞翼布局(4)flex布局实现3.响应式布局(1)媒体查询-CSS3-MediaQuery(2)
  • GraphInsight容器组件对比说明 zhou_zzzzhou 知识图谱
    GraphInsight提供了多种类型的容器组件，容器组件为对其他小组件的集成。一方面，不同的容器组件样式之间略有差异；另一方面，不同的容器组件可以集成的组件也略有差异。本文即说明这些容器组件之间的差异性。（例如，从下图中可以看出在操作栏中和圣杯布局中的组件集成的差异）目前提供的容器组件汇总如下图：以下为总的产品组件图，包括容器组件和各类小的组件。除容器组件外，GraphInsight已经将其他小
  • 圣杯布局 ?Givenchy 学习阶段html
    圣杯布局主要用到两个属性一个是colspan和rowspan来设置跨列和跨行的设置圣杯布局上面部分中左中中中右下具体的布局如下在td中可以用width和heightbgcolor直接来设置一些简单的属性
  • css居中案例 Nice先生的狂想曲
    前言在此之前已经对布局方法和方式都做了介绍并且有对一些典型布局进行实践：圣杯布局和双飞翼布局的区别与实现传统模型、Flex和Grid布局因此，我们针对元素的居中进行不同方式的实践行内元素行内元素居中p{text-align:center;}适用于行内元素，例如文字、按钮、图片等，或者display属性为行内元素的。具体区分行内和块级元素的方法：块级元素和行内元素块级元素相对定位+translate
  • 双飞翼布局和圣杯布局 都挺好，刚刚好 面试题前端javascriptcss
    一、两种布局的目的：使得左右两边的宽度不随着浏览器窗口的变化而变化，是固定的，只有中间的部分才可以随着窗口变化而变化。二、两种布局的区别：圣杯布局是通过父元素padding来设置左右，不遮挡中间内容双飞翼布局时通过设置margin来限制内部区域从而是中间内容不受影响圣杯布局代码：headercenterleftrightfooter#container{padding-left:200px;pad
  • flex布局、圣杯布局以及双飞翼布局 小五呀 learncss
    Flex布局（弹性盒布局）1、flex弹性盒布局一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间2、弹性盒子内容弹性盒子由弹性容器(Flexcontainer)和弹性子元素(Flexitem)组成。弹性容器通过设置display属性的值为flex或inline-flex
  • CSS项目之目录 youhebuke225 CSS布局css前端javascript
    一、基础百分比单位点击让一个盒子沾满剩余空间点击flex响应式布局点击CSS属性与经常使用的场景点击height:100%与height:inherit的区别点击滚动条与盒子的宽度点击元素在文档流和非文档流中的特点点击预编译器less的基础使用点击二、布局布局技巧点击水平垂直居中点击水平居中与垂直居中点击圣杯布局与双飞翼布局点击3D轮播图点击resetcss点击三、效果吸顶效果点击
  • 圣杯布局和淘宝双飞翼布局 技术体验师_萦回
    圣杯布局和淘宝双飞翼布局的目的都是实现：左右两栏固定宽度，中间部分自适应。差别：解决遮盖的方式有区别。废话不多说直接开始撸demo。圣杯布局原理：浮动盒子模型相对定位代码：Document*{margin:0;padding:0;}.box{padding:0200px0200px;overflow:hidden;}.middle,.left,.right{float:left;min-heigh
  • 2021-04-21 小王子__
    30道大概率会考到的题(5-10题)本章内容1，浏览器从输入url到页面加载发生了什么？2，css常见布局(圣杯布局、双飞翼布局)3，vue中computed、watch区别4，闭包5，forEach、forin、forof区别1,浏览器从输入url到页面加载发生了什么？1,DNS解析(网址->IP地址)计算机在整个互联网中的唯一标示是IP地址，所以DNS解析：从输入的url到寻找IP地址的一个过
  • 圣杯布局(holy grail)总结 一拾五
    什么是圣杯布局？根据wikipedia词条，圣杯指多列等高的网页布局。因为目前的实现方法都存在局限，而又很难找到一个最优解，圣杯因此而得名。holy-grail.png在[MatthewLevine的文章](InSearchoftheHolyGrailhttp://alistapart.com/article/holygrail)中提到了圣杯的五个要求：中间列宽度自适应(fluid)，两边列宽度固
  • css圣杯布局和双飞翼布局（2018-08-17） CRUD_科科
    前段时间项目刚好用到了这种布局，然而我对这种nb的布局方式却很模糊了。布局思想左右两栏固定宽度，中间部分自适应。(实现起来还是有一些区别的)圣杯布局将三者都float:left,再加上一个position:relative(因为相对定位后面会用到）middle部分（中间）width:100%占满此时middle占满了，所以要把left拉到最左边，使用margin-left:-100%这时left拉
  • 圣杯布局 卓三阳
    圣杯（grail）布局实现的是三栏布局，两边的盒子宽度固定，中间盒子自适应的布局。中间栏要在放在文档流前面以优先渲染。(1)HTML结构mainleftright写结构的时候要注意，父元素的的三栏务必先写中间盒子。因为中间盒子是要被优先渲染嘛~并且设置其自适应，也就是width:100%。(2)CSS样式/*全部div统一高500px*/.main,.left,.right{height:300p
  • 三栏布局（中间定宽两边自适应 和 两边定宽中间自适应） nknmn_ css
    目录三栏布局一.两边定宽中间自适应1.flex布局2.浮动+margin3.浮动+calc()4.定位5.表格布局6.网格布局7.圣杯布局8.双飞翼布局二.中间定宽两边自适应1.flex布局2.浮动布局3.margin负值4.display:-webkit-box;三栏布局一.两边定宽中间自适应1.flex布局leftcenterrightdiv{height:100px;}.container{
  • 圣杯布局与双飞翼布局的理解 苏小苏 css圣杯布局双飞翼布局
    圣杯布局与双飞翼布局是前端开发中是经常用到的一种布局方式，掌握该方式对开发是非常有用的。圣杯布局与双飞翼布局最终要实现的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。实现效果图如下：两者的实现方法略有差异，但都遵循以下要点：两侧宽度固定，中间宽度自适应中间部分中DOM结构上优先，这样以便先行渲染允许三列中的任意一列成为最高列圣杯布局1.DOM结构首先定义出整个布局的DOM结构，
  • 双飞翼HTML圣杯布局,CSS—圣杯布局与双飞翼布局 墨许轩 双飞翼HTML圣杯布局
    目录一、概述圣杯布局与双飞翼布局针对的都是三栏布局，左右栏固定，中间栏自适应的网页布局。以下介绍三种实现方式，html结构如下所示。mainleftright二、详解相对布局相对布局中main元素必须是container元素的第一个子元素。.container{width:100%;min-height:300px;padding:060px;box-sizing:border-box;}.con
  • 圣杯布局与双飞翼布局 蒙面大婶l html前端css
    圣杯布局与双飞翼布局，都是属于三列布局的经典布局。通俗的来说就是左右两栏固定宽度，中间部分自适应的三栏布局。一、圣杯布局HTML：middleleftrightcss:*{margin:0;padding:0;}.container{padding:0200px0200px;overflow：hidden;}.left,.middle,.right{position:relative;float:
  • 圣杯布局和双飞翼布局 CQXXTXX 前端javascript开发语言
    圣杯布局（HolyGrailLayout）和双飞翼布局（DoubleWingsLayout）是两种常见的多列布局技术，用于实现一个固定宽度的主内容区域，以及左右两侧可变宽度的侧边栏。这两种布局都希望能够实现以下效果：主内容区域垂直排在页面最前面，占据剩余的宽度。左右两侧的侧边栏分别位于主内容区域的左右两侧，宽度可以自适应或指定。下面是对两种布局的简要介绍：1.圣杯布局：圣杯布局使用相对定位和负边距
  • HTML5 + CSS3 高频面试题合集 疾风小蜗牛 面试前端html5css3前端
    目录H5C3和Html，css相比有什么变化Html5新增特性CSS3新特性标签元素分类和特点行内元素spanbstronguinsdel…块状元素divph1-h6headerfooter…行内块元素imgaudioinputbutton…圣杯布局（双飞翼布局）有哪几种实现方式浮动定位弹性盒模型弹性盒模型有哪些属性和属性值，什么效果常见的盒子模型有哪些，有什么区别标准盒模型怪异盒模型（怪异盒模型
  • html5+css3网页制作:三栏布局宽度自适应,使用CSS实现三栏自适应布局(两边宽度固定，中间自适应)... 力噜噜噜力
    所谓三列自适应布局指的是两边定宽，中间block宽度自适应。这道题在今年网易内推前端工程师面试的时候也被问到。我这里主要分为两大类，一类是基于position传统的实现，一类是基于css3新特性弹性盒模型布局实现。1.基于传统的position和margin等属性进行布局这里也分为三种方法，分别为绝对定位法，圣杯布局，自身浮动法。1).绝对定位法绝对定位法原理是将左右两边使用absolute定位，
  • 前端HTML和CSS面试题总结 鸭鸭:) 前端前端css3css
    HTML和CSS部分一、层叠上下文1.什么是css层叠上下文2.如何产生层叠上下文3.什么是层叠等级（层叠水平）4.元素的层叠顺序5.判断哪个元素在上面二、隐藏元素（区别：是否占空间和事件响应）三、两栏布局（1）浮动（2)子绝父相（3）flex布局四、三栏布局（1）flex布局（2）定位（3）浮动（注意要把center放在最后）（4）圣杯布局（把center放在最前面）（5）双飞翼布局(在中间di
  • css--DIV+CSS布局、常用属性、盒模型、自定义字体、标签的分类及相互转换 小白小白从不日白 html+csscss
    目录一、DIV+CSS布局1.1布局时常用的属性1.2布局-上中下结构1.3布局-上中下-左右1.4圣杯布局和双飞翼布局二、字体属性2.1字体颜色2.2字体大小2.3字体加粗2.4字体样式2.5字体类型三、背景属性3.1背景颜色3.2背景图片3.3背景图片是否平铺3.4背景图片大小3.5背景定位3.6背景是否固定四、文本属性4.1文本水平对齐方式4.2文本装饰4.3文本大小写转换4.4控制文本缩进
  • 2021-07-28 响应式布局：左侧宽度固定右侧宽度自适应、双飞翼布局、圣杯布局 kesin_lee 学前端
    三种布局都是最先加载出主体。双飞翼布局与圣杯布局都是中间盒子宽度自适应，最先加载出主体双飞翼布局与圣杯布局的不同之处在于：双飞翼布局在主体内容中添加了一个div，并对主体添加margin来使左右盒子不覆盖主体。而圣杯布局并没有在主体中添加新的div，只是对整体添加左右填充、左右盒子添加相对定位，来达到效果。左侧宽度自适应body中需要先写出自适应宽度的divrightleftstyle中.righ
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他