山哥
山哥

CSS布局终极方案之--改进圣杯布局（兼容IE6+，现代浏览器）

CSS兼容所有浏览器(IE6+，现代浏览器)的终极布局方案之 -- 改进版圣杯布局

改进思想：

通过对主内容区main增加一个额外包裹层div，将原来在父节点上的 padding-left|right 设置转移到包裹层上使用 margin-left|right 替代，达到更加灵活的布局设置。

原始圣杯布局实现：http://my.oschina.net/jsan/blog/368543

同样的效果：

CSS布局终极方案之--改进圣杯布局（兼容IE6+，现代浏览器）_第1张图片

CSS 和 DOM 代码如下：

<!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; }
	.main {background-color:#ececec;}
	.main-wrap {background-color: #03a9f4; color:#ffffff; min-width:200px;}
	.aside, .aside-1, .aside-2 {background-color: #00bcd4; color:#ffffff;}
	p {margin:0; padding:20px; text-align: center;}
	
	
	/* 左侧栏固定宽度，右侧自适应 */
	.bd-lft {
	    zoom:1;
	    overflow:hidden;
	}
	.bd-lft .aside {
	    float:left;
	    width:200px;
	    margin-left:-100%; /*= -100%*/
	}
	.bd-lft .main {
	    float:left;
	    width:100%;
	}
	.bd-lft .main-wrap {
	    margin-left: 210px;
	}


	/* 右侧栏固定宽度，左侧自适应 */
	.bd-rgt {
	    zoom:1;
	    overflow:hidden;
	}
	.bd-rgt .aside {
	    float:left;
	    width:200px;
	    margin-left:-200px; /* = -this.width */
	}
	.bd-rgt .main {
	    float:left;
	    width:100%;
	}
	.bd-rgt .main-wrap {
	    margin-right: 210px;
	}


	/* 左中右 三栏自适应 */
	.bd-3-lr {
	    zoom:1;
	    overflow:hidden;
	}
	.bd-3-lr .main {
	    float:left;
	    width:100%;
	}
	.bd-3-lr .main-wrap {
		margin: 0 210px 0 210px;
	}
	.bd-3-lr .aside-1 {
		float: left;
		width:200px;
		margin-left: -100%;
	}
	.bd-3-lr .aside-2 {
		float: left;
		width:200px;
		margin-left: -200px;
	}

	/* 都在左边，右侧自适应 */
	.bd-3-ll {
	    zoom:1;
	    overflow:hidden;
	}
	.bd-3-ll .main {
		float:left;
	    width:100%;
	}
	.bd-3-ll .main-wrap {
		margin-left:420px;
	}
	.bd-3-ll .aside-1 {
		float: left;
		width:200px;
		margin-left: -100%;
	}
	.bd-3-ll .aside-2 {
		float: left;
		width:200px;
		margin-left: -100%;

		position:relative;
		left: 210px;
	}

	/* 都在右边，左侧自适应 */
	.bd-3-rr {
	    zoom:1;
	    overflow:hidden;
	}
	.bd-3-rr .main {
		float:left;
	    width:100%;
	}
	.bd-3-rr .main-wrap {
		margin-right:420px;
	}
	.bd-3-rr .aside-1 {
		float: left;
		width:200px;
		margin-left: -410px;
	}
	.bd-3-rr .aside-2 {
		float: left;
		width:200px;
		margin-left: -200px;
	}


	</style>

</head>
<body>

	<div id="hd">头部</div>
	
	<div class="bd-lft">
		<div class="main">
			<div class="main-wrap">
				<p>主内容栏自适应宽度</p>
			</div>
		</div>

		<div class="aside">
			<p>侧边栏固定宽度</p>
		</div>
	</div>

	<div class="bd-rgt">
		<div class="main">
			<div class="main-wrap">
				<p>主内容栏自适应宽度</p>
			</div>
		</div>

		<div class="aside">
			<p>侧边栏固定宽度</p>
		</div>
	</div>

	<div class="bd-3-lr">
		<div class="main">
			<div class="main-wrap">
				<p>主内容栏自适应宽度</p>
			</div>
		</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">
			<div class="main-wrap">
				<p>主内容栏自适应宽度</p>
			</div>
		</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">
			<div class="main-wrap">
				<p>主内容栏自适应宽度</p>
			</div>
		</div>

		<div class="aside-1">
			<p>侧边栏1固定宽度</p>
		</div>

		<div class="aside-2">
			<p>侧边栏2固定宽度</p>
		</div>
	</div>
	
	<div id="ft">底部</div>

</body>
</html>



你可能感兴趣的:(CSS布局终极方案之--改进圣杯布局（兼容IE6+，现代浏览器）)

  • Spring Boot 分层解耦相关知识 需要重新演唱 webspringboot后端java
    SpringBoot分层解耦相关知识详解目录SpringBoot分层解耦相关知识详解1.概述2.控制反转（IOC）2.1概念解释2.2在SpringBoot中的实现3.依赖注入（DI）3.1概念解释3.2在SpringBoot中的实现3.2.1构造器注入3.2.2Setter注入3.2.3字段注入4.分层解耦的实践4.1分层架构4.2示例代码5.总结1.概述在现代软件开发中，分层解耦是一个核心概念
  • 突然打不开Visual Studio的解决方案 风染yeye visualstudioc++
    打不开VS2020的解决方案：问题背景：之前都能正常使用VS,用着用着其他软件，再打开VS失败，弹出对话框显示让我重置环境变量。下面是我成功的解决方案：1.发现C盘已满后，清理C盘存储2.以管理员权限打开命令提示符，输入：%ProgramFiles(x86)%\MicrosoftVisualStudio\Installer\vs_installer.exe"--repair这将启动VS的安装程序提
  • 什么是多任务，单线程，多线程，超线程 weixin_34378969 操作系统
    单任务操作系统：就是一次只能运行一个程序，不能同时运行多个程序，比如DOS系统；多任务系统则可以同时运行多个程序，比如我们现在常用的WindowsXP、Win7等系统。举例子：在运行一个软件时，想要玩另一个软件就必须把上面运行的软件关掉才能运行新的软件，你玩×××游戏时，还想再开个cs游戏，就得关掉×××游戏！想再开个uc浏览器，就的把cs关掉，你不关，在开新程序时系统会替你关的！多任务系统嘛，如
  • gradle linux配置环境变量配置,Mac OS环境变量配置（Android Studio之Gradle） MatrixMage gradlelinux配置环境变量配置
    以gradle环境变量配置为例：AndroidStudio自带的gradle路径为：/Applications/Android\Studio.app/Contents/gradle/gradle-2.8/bin1.打开终端2.输入：vim~/.bash_profile3.进入编辑模式4.在文本末尾添加如下信息exportGRADLE_HOME=/Applications/Android\Studi
  • 你喜欢用什么编辑器? dami_king 随笔编辑器
    电脑工作者和程序员所使用的文本编辑器通常需要具备高效率、易用性以及对代码友好等特点，包括语法高亮、自动完成、多文件同时编辑、查找替换、版本控制集成等功能。以下是几个广受开发者欢迎且实用性较强的文本编辑器：VisualStudioCode（VSCode）：开源、免费，由微软开发，拥有强大的扩展生态系统，支持多种编程语言和框架，内建Git集成，实时错误检查和调试工具，非常适合现代Web和云端开发。Su
  • 国产海光CPU平台兼容性指南-基础软件分册-20231013（附各系统下载链接） 技术瘾君子1573 服务器&存储服务器兼容列表海光CPU云计算大数据操作系统
    目录声明一、操作系统二、虚拟化和云2.1虚拟化和云2.2虚拟机上的操作系统2.2.1VMwarevSphere上的虚拟机操作系统2.2.2KVM上的虚拟机操作系统2.2.3WindowsHyper-V上的虚拟机操作系统2.2.4VirtualBox上的虚拟机操作系统三、分布式存储四、数据库五、中间件六、大数据七、平台组件7.1云平台7.2大数据平台7.3人工智能平台7.4科学与工程计算平台八、其它
  • 【音视频之SDL2】一篇搞懂纹理与渲染 人才程序员 音视频基础大合集音视频cc++SDL2计算机视觉视频编解码实时音视频
    文章目录前言SDL2的纹理与渲染什么是纹理？什么是渲染？比较SDL_SurfaceSDL_Texture纹理与渲染的关系使用纹理与渲染绘制一个BMP图片使用纹理与渲染的流程SDL_CreateRenderer作用函数原型参数返回值SDL_CreateTextureFromSurface作用函数原型参数返回值SDL_UpdateTexture作用函数原型参数返回值何时调用它SDL_RenderCop
  • 工作中常用springboot启动后执行的方法 begei springbootjava后端
    前言：工作中难免会遇到一些，程序启动之后需要提前执行的需求。例如：初始化缓存：在启动时加载必要的缓存数据。定时任务创建或启动：程序启动后创建或启动定时任务。程序启动完成通知：程序启动完成后通过邮件、短信等方式通知运维人员。外部系统同步：启动后与外部系统同步数据。下面介绍几种常见方式：1.使用@PostConstruct注解：使用@PostConstruct注解可以在Spring容器初始化bean之
  • 自适应神经网络架构：原理解析与代码示例 chian-ocean 机器学习神经网络人工智能深度学习
    个人主页：chian-ocean文章专栏自适应神经网络结构：深入探讨与代码实现1.引言随着深度学习的不断发展，传统神经网络模型在处理复杂任务时的局限性逐渐显现。固定的网络结构和参数对于动态变化的环境和多样化的数据往往难以适应，导致了过拟合或欠拟合的问题。自适应神经网络（AdaptiveNeuralNetworks,ANN）为此提供了一种新的解决方案，它可以根据数据特征和训练情况自动调整网络结构，从
  • 数据复制一(主从复制详解) 风清扬-独孤九剑 mysql数据复制主从复制
    目录一、主从复制二、同步复制和异步复制三、节点失效处理方案四、复制日志的实现五、复制滞后问题读自己的写单调读前缀一致读数据复制就是相同的数据在多台机器上传输，多台机器可以在一个机房也不可以跨区域。通过数据复制有以下好处：降低访问延迟（数据复制到离用户更近的地方）、当机器出现故障时，可以切换到副本机器，从而提高可用性、多台机器可以同时提供服务，从而提高吞吐量。现在计算机技术来说数据复制就几种方法：主
  • python打开一个软件并进行操作_模拟试卷 B weixin_39551611
    原标题：模拟试卷B一、单项选择题1.关于算法的描述，以下选项中错误的是算法是指解题方案的准确而完整的描述算法具有可行性、确定性、有穷性的基本特征算法的复杂度主要包括时间复杂度和数据复杂度算法的基本要素包括数据对象的运算和操作及算法的控制结构2.关于数据结构的描述，以下选项中正确的是数据结构指相互有关联的数据元素的集合数据的存储结构是指反映数据元素之间逻辑关系的数据结构数据的逻辑结构有顺序、链接、索
  • 【Elasticsearch 实战应用】 wenshao.du elasticsearch
    Elasticsearch实战应用在现代企业技术架构中，Elasticsearch因其出色的性能、可扩展性和易用性，成为了处理大规模数据和构建搜索引擎的首选工具。本文将通过一个实际案例，详细讲解如何在SpringBoot项目中集成Elasticsearch，进行数据索引、搜索、聚合分析等操作。1.Elasticsearch简介Elasticsearch是一个基于ApacheLucene构建的开源分
  • python之openpyxl模块 weixin_34248849 python数据结构与算法测试
    一.Python操作EXCEL库的简介1.1Python官方库操作excelPython官方库一般使用xlrd库来读取Excel文件，使用xlwt库来生成Excel文件，使用xlutils库复制和修改Excel文件，这三个库只支持到Excel2003。1.2第三方库openpyxl介绍第三方库openpyxl（可读写excel表），专门处理Excel2007及以上版本产生的xlsx文件，xls和x
  • 深入解析：Postgres 和 MySQL 的核心差异与选择建议 zhu hong yu mysql数据库postgresql
    几十年来，关系数据库为无数应用程序提供了支持，它们仍然是许多现代系统的支柱。说到可用于生产的选项，有两种最为广泛使用的数据库，即PostgreSQL和MySQL。两者都提供了可靠的性能、可靠性和社区支持，但它们在处理数据的方式、功能集和配置难易程度方面存在明显差异。了解这些细微差别可以帮助您根据特定需求选择合适的数据库。何时应该使用PostgreSQL或MySQL？下表概括了一些最大的差异：标准P
  • wireshark解密TLS流量 头顶路由器 网络工程师
    原理：通过设置环境变量截取浏览器的master_secret,进而实现解密TLS的目的。未解密的TLS包：1.设置系统属性环境变量右键我的电脑点击属性>>高级系统设置>>环境变量
  • 中型项目中 MyBatis 的挑战与应对 计算机毕设定制辅导-无忧学长 #MyBatismybatis
    一、引言在当今的Java企业级开发领域，MyBatis无疑是一款占据重要地位的持久层框架。它像是一座桥梁，优雅地连接着Java应用程序与数据库，让数据的交互变得高效且便捷。当我们聚焦于中型项目时，随着业务复杂度的提升以及数据量的增长，MyBatis在为我们带来便利的同时，也悄然面临着诸多挑战。这些挑战涵盖了从性能瓶颈到代码维护性，从数据库兼容性到事务管理等多个关键层面。深入探究这些问题并找寻有效的
  • 为什么算法很难掌握 浅墨cgz 算法
    算法之所以难以掌握，主要是因为以下几个原因：1.抽象性算法是对问题的抽象解决方案，通常不依赖于具体的编程语言或实现细节。初学者可能难以将抽象的逻辑转化为具体的代码。例如，动态规划（DP）的核心思想是将问题分解为子问题并存储中间结果，但这种抽象思维需要大量练习才能掌握。2.数学基础要求许多算法依赖于数学知识，例如：时间复杂度分析：需要理解大O表示法、递归关系等。图论算法：需要了解图的基本概念（如节点
  • 实战指南：使用Wireshark捕获并解密HTTPS数据包 md_1008 wiresharkhttps测试工具
    在网络安全和数据分析领域，捕获和分析网络数据包是理解网络行为、诊断问题和进行安全审计的重要手段。HTTPS（HyperTextTransferProtocolSecure）作为现代Web通信的主要协议，通过SSL/TLS加密确保了数据的安全传输。然而，在某些情况下，如网络调试、安全测试或故障排除时，我们可能需要解密HTTPS数据包以查看其详细内容。本文将提供一份实战指南，教你如何使用Wiresha
  • 基于Python的多元医疗知识图谱构建与应用研究（上） Allen_LVyingbo python医疗高效编程研发python知识图谱健康医疗
    一、引言1.1研究背景与意义在当今数智化时代，医疗数据呈爆发式增长，如何高效管理和利用这些数据，成为提升医疗服务质量的关键。传统医疗数据管理方式存在数据孤岛、信息整合困难等问题，难以满足现代医疗对精准诊断和个性化治疗的需求。知识图谱作为一种知识表示和管理技术，为医疗领域带来了新的解决方案。它能够将海量的医疗信息以结构化、语义化的方式组织起来，揭示疾病、症状、药物、治疗方法等实体之间的复杂关系，从而
  • PostgreSQL - pgvector 插件构建向量数据库并进行相似度查询 花千树-010 RAG数据库postgresqlAI编程
    在现代的机器学习和人工智能应用中，向量相似度检索是一个非常重要的技术，尤其是在文本、图像或其他类型的嵌入向量的操作中。本文将介绍如何在PostgreSQL中安装pgvector插件，用于存储和检索向量数据，并展示如何通过Python脚本向数据库插入向量并执行相似度查询。一、安装PostgreSQL并配置pgvector插件1.安装PostgreSQL首先，确保你已经安装了PostgreSQL。可以
  • MoviePy视频编辑和处理Python库的版本问题解决：No module named ‘moviepy.editor‘ 封步宇AIGC 文字音频视频自动化工具python音视频ffmpeg人工智能
    MoviePy是一个强大的Python库，用于视频编辑和处理。它支持多种基本操作，如视频剪切、拼接、插入标题，以及更高级的视频合成（非线性编辑）、视频处理和自定义特效创建。MoviePy能够读写包括GIF在内的常见音频和视频格式，并且兼容Windows、Mac和Linux操作系统，支持Python2.7和3.x版本MoviePy基于ffmpeg和ImageMagick，提供了易于使用的API，能够
  • HTML＜form＞标签 新生派 html前端javascript
    例子具有两个输入字段和一个提交按钮的HTML表单：Firstname:Lastname:下面有更多“自己尝试”的示例。定义和用法标签用于创建供用户输入的HTML表单。元素可以包含下列一个或多个表单元素：浏览器支持属性全局属性标签支持HTML中的全局属性。事件属性标签支持HTML中的事件属性。更多示例例子带有复选框的HTML表单：IhaveabikeIhaveacarIhaveaboat例子带有单选
  • HTML＜!DOCTYPE＞声明 新生派 html前端javascript
    例子TitleofthedocumentThecontentofthedocument......定义和用法所有HTML文档都必须以声明开始。声明不是HTML标签。它是向浏览器提供的有关预期文档类型的“信息”。在HTML5中，声明很简单：浏览器支持较旧的HTML文档在较旧的文档（HTML4或XHTML）中，声明更为复杂，因为声明必须引用DTD（文档类型定义）。HTML4.01：XHTML1.1：提
  • 【Git】Git 完全指南：从入门到精通 LuckiBit GitgitGitHub分布式版本管理Windowspythonmac
    Git完全指南：从入门到精通Git是现代软件开发中最重要的版本控制工具之一，它帮助开发者高效地管理项目，支持分布式协作和版本控制。无论是个人项目还是团队开发，Git都能提供强大的功能来跟踪、管理代码变更，并保障项目的稳定性与可持续发展。本篇文章从基础命令讲起，逐步深入，帮助你全面了解并掌握Git，最终达到精通。目录Git完全指南：从入门到精通1.Git概述1.1什么是Git1.2Git与其他版本控
  • 迈拓加入OurBMC，携手探索BMC定制化创新应用 程序员
    近日，深圳市迈拓诚悦科技有限公司（以下简称“迈拓”）签署CLA（ContributorLicenseAgreement，贡献者许可协议），宣布正式加入OurBMC社区。迈拓自2012年成立以来，始终秉持创新精神，专注于网络安全/通信、物联网、工业安全硬件平台的研发与创新，已发展成为行业领先的网络设备和解决方案提供商。其凭借强大的研发实力和对市场需求的敏锐洞察，不断地为全球各地的数据中心、信息中心、
  • deepin桌面卡死问题应对策略 deepin
    摘要：deepin操作系统，作为一款基于Linux的国产操作系统，以其美观的界面和稳定的性能受到用户的喜爱。然而，用户在使用过程中可能会遇到桌面卡死的问题。本文将提供一些常见的桌面卡死情况及其解决方案，帮助用户快速恢复系统的正常运行。引言deepin操作系统在提供高效能的同时，也可能会遇到桌面卡死的问题。这种情况可能是由于桌面环境、Xorg服务或者特定进程的异常造成的。本文将针对这些情况提供详细的
  • 【Java多线程】断点续传 如何使用Java多线程下载网络文件 java多线程
    如何使用Java多线程下载网络文件,并实现断点续传在现代网络应用中，多线程下载是一种常见的技术，它可以显著提高下载速度并提供更好的用户体验。本篇文章将介绍如何使用Java实现多线程下载，并结合项目中的代码作为示例进行讲解。1.多线程下载的基本原理多线程下载的基本思想是将一个文件分成多个部分，每个部分由一个线程独立下载，最后将这些部分合并成完整的文件。这样可以充分利用带宽和计算资源，提高下载速度。使
  • 在 deepin 中使用原生 Wine 安装与运行 Windows 软件指南 deepin
    一、前言deepin作为一款广受好评的国产Linux发行版，凭借其出色的性能和易用性，吸引了众多用户。然而，在使用deepin时，我们可能会遇到一些仅支持Windows平台的软件。借助Wine这一兼容层，我们可以在deepin中顺利安装和运行这些Windows软件。本文将详细阐述在deepin中利用原生Wine安装与运行Windows软件的全过程，以32位7-Zip的安装程序为例，助你轻松掌握相关
  • 数据驱动销售预测的未来：ScriptEcho赋能高效决策 前端
    在瞬息万变的商业环境中，准确的销售预测是企业制定有效销售策略、实现业绩增长的基石。传统的销售预测方法往往依赖于人工分析和复杂的电子表格，效率低下，难以应对市场变化的快速冲击。然而，随着大数据的兴起和人工智能技术的飞速发展，数据驱动决策正成为现代企业提升竞争力的关键。本文将探讨销售预测面临的挑战与机遇，并重点介绍ScriptEcho如何通过AI赋能，提升销售预测的准确性和效率，助力企业实现数据驱动增
  • 如何使用wireshark 解密TLS-SSL报文 风清扬-独孤九剑 wireshark测试工具网络
    目录前言原理操作前言现在网站都是https或者很多站点都支持http2。这些站点为了保证数据的安全都通过TLS/SSL加密过，用wireshark并不能很好的去解析报文，我们就需要用wireshark去解密这些报文。我主要讲解下mac在chrome怎么配置的，浏览器一定要支持HTTP2。原理获取TLS握手阶段生成的密钥，也就是说通过Chrome浏览器DEBUG日志中的握手信息生成密钥，wiresh
  • sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
    现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
  • Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
    最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
  • 如何给线程池命名 daysinsun 线程池
            在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
  • IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
      错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
  • java上传 g21121 java
    我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
  • SpringMVC配置学习 510888780 springmvc
    spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
  • spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
    第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
  • 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
  • java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
    1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
  • XML语法元素结构的总结 百合不是茶 xml树结构
    1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
  • 改变eclipse编码格式 bijian1013 eclipse编码格式
    1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
  • javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
    代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
  • 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
    pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
  • java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
    创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
  • 用nginx区分文件大小做出不同响应 ronin47
    昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
  • java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
    package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
  • 翟鸿燊老师语录 ccii 翟鸿燊
    一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
  • [光速与宇宙]进行光速飞行的一些问题 comsci 问题
         在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
  • oracle undo解析 cwqcwqmax9 oracle
    oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
  • java中各种集合的详细介绍 dashuaifu java集合
    一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
  • 卸载windows服务的方法 dcj3sjt126com windowsservice
    卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
  • Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
        http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
  • 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
            已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
  • js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
    js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
  • 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
    效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
  • linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
    1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
  • DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
    1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
  • sql批量插入数据 qifeifei 批量插入
    hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
  • log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
    最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
  • linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
    1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他