赖祥燃
赖祥燃

CSS布局 — 圣杯布局与双飞翼布局

圣杯布局

CSS布局 — 圣杯布局与双飞翼布局_第1张图片

实现原理

html代码中，middle部分首先要放在container的最前部分，然后是left，right

  1. 将三者都设置 float:left, position:relative (因为相对定位后面会用到）

  2. middle设置 width:100% 占满一行

  3. 此时middle占满一行，所以要把left拉到middle所在行的最左边，使用 margin-left:-100%

  4. 这时left拉回到middle所在行的最左边，但会覆盖middle内容的左端，要把middle内容拉出来，所以在外围container加上 padding:0 210px

  5. middle内容拉出来了，但left也跟着出来了，所以要还原，就对left使用相对定位 left:-210px

  6. 同理，right要拉到middle所在行的最右边，使用 margin-left:-210px，right:-210px

实现代码

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>圣杯布局</title>
    <style type="text/css">
        body {
            text-align: center;;
        }
        #demo {
            margin: auto;
        }
        #header, #footer {
            height: 50px;
            background-color: #aaa;
        }
        #container {
            overflow: hidden;
            margin: 10px 0;
            padding:0 210px;
        }
        #left {
            background-color: red;
            float:left;
            position:relative;
            left:-210px;
            width:200px;
            margin-left:-100%;
        }
        #right {
            background-color: green;
            width: 200px;
            margin-left: -200px;
            float: left;
            right: -210px;
            position: relative;
        }
        #middle {
            background-color: blue;
            float:left;
            width:100%;
        }
    </style>
</head>
<body>
    <div id="demo">
        <header id="header">头部</header>
        <div id="container">
            <div id="middle">
                middle<br>主内容区域
            </div>
            <div id="left">
                left<br>左侧边栏区域
            </div>
            <div id="right">
                right<br>右侧边栏区域
            </div>
        </div>
        <footer id="footer">底部</footer>
    </div>
</body>
</html>

双飞翼布局

实现原理

html代码中，middle部分首先要放在container的最前部分，然后是left，right

  1. 将三者都设置 float:left

  2. middle设置 width:100% 占满一行

  3. 此时middle占满一行，所以要把left拉到middle所在行的最左边，使用 margin-left:-100%，同理right使用 margin-left:-200px

  4. 此时middle的内容被覆盖，要把middle的内容拉出来，除了使用外围container的padding，还可以考虑使用margin，给middle增加一个内层div -- middle_content, 然后设置 margin:0 210px

实现代码

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>双飞翼布局</title>
    <style type="text/css">
        body {
            text-align: center;;
        }
        #header, #footer {
            height: 50px;
            background-color: #aaa;
        }
        #container {
            overflow: hidden;
            margin: 10px 0;
        }
        #left {
            background-color: red;
            float:left;
            width:200px;
            margin-left: -100%;
        }
        #right {
            background-color: green;
            width: 200px;
            float: left;
            margin-left: -200px;
        }
        #middle {
            float: left;
            width: 100%;
        }
        #middle_content {
            background-color: blue;
            margin: 0 210px;
        }
    </style>
</head>
<body>
    <div id="demo">
        <header id="header">头部</header>
        <div id="container">
            <div id="middle">
                <div id="middle_content">
                    middle_content<br>主内容区域
                </div>
            </div>
            <div id="left">
                left<br>左侧边栏区域
            </div>
            <div id="right">
                right<br>右侧边栏区域
            </div>
        </div>
        <footer id="footer">底部</footer>
    </div>
</body>
</html>

你可能感兴趣的:(CSS布局 — 圣杯布局与双飞翼布局)

  • 二建考试的复习规划应该是怎样的？ 100分题库橙子 笔记职场和发展
    二级建造师考试一般包括综合考试和专业考试，综合考试包括《建设工程法规及相关知识》《建设工程施工管理》，专业考试为《专业工程管理与实务》，共6个专业。复习规划可以按照以下几个阶段进行：基础学习阶段（2-3个月）熟悉教材：快速浏览一遍教材，了解教材的整体框架和大致内容，明确各章节的重点和难点。对于法规科目，要熟悉各种法律法规的基本内容；施工管理科目，掌握项目管理的各个环节和流程；专业实务科目，了解工程
  • 2025年工业锅炉司炉证备考题及答案解析 100分题库橙子 笔记经验分享
    工业锅炉司炉证考试的题库题目及答案解析：1、TSGG0001-2012《锅炉安全技术监察规程》规定，在热水系统的（）及（）应当装设集气装置。答案：回水干管；热水锅炉的顶部。解析：热水系统中回水干管及锅炉顶部容易积聚气体，需装设集气装置来排除气体，保证系统正常运行。2、下列哪些措施可有效防止有机热载体的劣化（）。答案：避免超温运行、定期检测与补充、防止氧化、控制酸值等。解析：超温会加速热载体劣化，定
  • 数据结构：单链表的实现 strive-debug 数据结构
    个人主页：strive-debug上一篇，循序表链表的概念与实现概念链表是一种物理存储结构上非连续、非顺序的存储结构。数据元素的逻辑顺序是通过链表中的指针链接次序实现的。单链表的好处是不会浪费空间。比喻可以将单链表想象成一节节火车车厢。每个车厢相当于一个节点，通过锁链（指针）连接起来。单链表只能单向遍历，不能往回遍历。在编写代码时需要考虑头结点是否为空。结构体定义结合前面学到的结构体知识，我们可以
  • 华为 eNSP 链路聚合：从面试问题到实战解析 不羁。。 每日呼吸服务器运维面试华为
    我的个人主页我的专栏：网络通信安全系列、WEB渗透测试系列、内网攻防安全系列、网安红蓝对抗系列希望对网安感兴趣的小伙伴有所帮助！！！点赞收藏关注引言在网络技术领域，链路聚合是提升网络性能和可靠性的关键技术之一。华为eNSP作为网络工程师学习和实践的强大工具，为我们深入理解链路聚合提供了理想的环境。本文将围绕面试中常见的关于华为eNSP链路聚合、手工负载分担模式与LACP扩展配置的问题，进行系统的分
  • PyQt6实例_批量下载pdf工具_主线程停止线程池 程序猿与金融与科技 PyQt6实例PyQt6
    目录前置：代码：视频：前置：1本系列将以“PyQt6实例_批量下载pdf工具”开头，放在【PyQt6实例】专栏2本系列涉及到的PyQt6知识点：线程池：QThreadPool,QRunnable；信号与槽：pyqtSignal,pyqtSlot；界面：QTextEdit,QLabel,QLineText,QPushButton,QMainWindow,QWidget;布局：QHBoxLayout,
  • 物联网时代计算机网络技术的新变革与应对分析 xiayan827 网络
    摘要物联网的兴起使万物互联成为现实，计算机网络技术作为其重要支撑，正经历深刻变革。本文剖析物联网时代计算机网络技术在架构、传输、安全等方面的新变革，探讨面临的挑战并提出应对策略，为计算机网络技术适应物联网发展提供思路。关键词物联网；计算机网络技术；变革；应对策略一、引言物联网将物理世界与数字世界深度融合，使各类设备具备感知、通信与智能处理能力。计算机网络技术作为连接物联网设备、传输数据的纽带，在物
  • 【Java】全网最详细的SpringBoot集成HikariCP连接池配置 你住过的屋檐 Java技术专栏javaspringboot开发语言
    前言  从SpringBoot2.0版本开始，使用HikariCP做为默认的数据库连接池，HikariCP在性能上表现优异，被公认为是最快的JDBC连接池之一，它还具有良好的稳定性和广泛的兼容性，能够与大多数主流的JDBC框架和数据库引擎无缝集成。因此，无论是从性能还是从易用性的角度来看，HikariCP都是目前springboot项目的首选，如果大家在搭建框架需要HikariCP可以直接看本篇文
  • BigDecimal与BigInteger的一些常用方法 小夥 java大数java大数
    BigInteger字段摘要staticBigIntegerONEBigInteger的常量1。staticBigIntegerTENBigInteger的常量10。staticBigIntegerZEROBigInteger的常量0。构造方法摘要BigInteger(byte[]val)将包含BigInteger的二进制补码表示形式的byte数组转换为BigInteger。BigInteger(
  • Xmind 2025 中文思维导图软件 1alisa xmind
    Xmind2025中文思维导图软件文章目录Xmind2025中文思维导图软件一、介绍二、效果三、下载一、介绍Xmind，是一款出色的思维导图和头脑风暴软件，拥有美观的智能配色方案，便于你轻松理清思路捕捉创意。丰富的导图模板及多种创意整合工具，可助力导图迸发更多活力。还拥有强大演说模式，及提供Markdown、SVG、PNG、PDF、Office等多种导出格式，方便使用思维导图做宣讲与材料分享二、效
  • 生态共建，稳定高效 | 华宇TAS应用中间件完成与晋普达数据采集管理两款产品的兼容互认证 Thuni_soft 中间件大数据
    近日，华宇TAS应用中间件与山西晋普达电子科技有限公司数据采集管理应用技术、数据采集管理系统两款产品完成兼容互认证。此次产品兼容互认证，不仅完善了双方产品的适配能力，也满足了用户安全、可靠的业务发展需求，进一步扩大了双方在电子档案领域的生态合作。山西晋普达电子科技有限公司山西晋普达电子科技有限公司是专业从事档案数字化服务的高新技术企业。近年来，公司紧跟“智慧城市”建设步伐，按照档案行业的“四个体系
  • 共筑产学研生态圈 ，遨游通讯与南昌大学数学与计算机学院开展校企合作交流 AORO_BEIDOU 人工智能信息与通信安全
    2025年3月22日，深圳市遨游通讯设备有限公司（以下简称“遨游通讯”）迎来南昌大学数学与计算机学院党委书记王涵林、计算机科学与技术系主任林振荣一行到访交流，遨游通讯创始人印海林先生热情接待学院领导师生一行。双方围绕计算机专业建设、人工智能与产业融合、校企协同育人模式创新等议题展开深入交流，并就深化产教融合、推进访企拓岗专项行动达成多项合作共识。聚焦行业前沿共话学科发展座谈会上，王涵林书记首先介绍
  • 这四款单北斗三防手机，为“危急特”场景量身打造 AORO_BEIDOU 智能手机人工智能
    在复杂多变的作业环境中，稳定可靠的通信工具是保障任务执行效率与安全的核心要素。遨游单北斗三防手机系列——AOROM5-5G、AOROM6-PRO、AOROM7、AOROM8，依托我国自主北斗卫星导航系统，融合高标准防护工艺与前沿通信技术，为户外勘探、应急救援、工业制造等“危、急、特”场景量身打造全套解决方案，成为专业领域通信保障的中坚力量。遨游单北斗三防手机系列遨游单北斗三防手机全系具备IP68三
  • cippe2025遨游通讯载誉收官，合作伙伴再扩容！ AORO_BEIDOU 人工智能
    3月28日，为期三天的第二十五届中国国际石油石化技术装备展览会迎来收官之日。在这场汇聚全球石油石化领域精英与前沿科技的盛会上，遨游通讯展台热度始终居高不下，其推出的“数智化、安全化、低碳化”前沿通信智能终端和一体化解决方案，不仅以硬核科技诠释行业转型需求，更通过与参展嘉宾的高频次技术交流与商务洽谈，向全球展示了中国企业在能源科技领域的强劲创新动能。cippe2025北京石油展-遨游通讯展位一、数智
  • Spring Security 全面指南：从基础到高级实践 杨凯凡 Java框架springjava后端
    一、SpringSecurity概述与核心概念1.1SpringSecurity简介SpringSecurity是Spring生态系统中的安全框架，为基于Java的企业应用提供全面的安全服务。它起源于2003年的AcegiSecurity项目，2008年正式成为Spring官方子项目，现已发展为企业级安全的事实标准。核心特性：认证（Authentication）：验证用户身份授权（Authoriz
  • Apache Shiro 全面指南：从入门到高级应用 杨凯凡 Java框架java后端shiro
    一、Shiro概述与核心架构1.1什么是Shiro？ApacheShiro是一个强大且易用的Java安全框架，它提供了认证（Authentication）、授权（Authorization）、加密（Cryptography）和会话管理（SessionManagement）等功能。与SpringSecurity相比，Shiro的设计更加直观和简单，同时又不失灵活性。Shiro的核心优势：简单性：AP
  • 2025最新版：用Python快速上手人工智能与机器学习 请为小H留灯 人工智能python机器学习
    一、前言1.1AI与机器学习的崛起1.2Python的独特优势二、迈入机器学习世界2.1机器学习概述2.1.1机器学习的分类与应用领域2.2监督学习2.2.1线性回归与决策树2.2.2支持向量机与随机森林2.3无监督学习2.3.1聚类与降维2.3.2自组织映射与关联规则2.4模型评估与调优：2.4.1交叉验证与超参数调优的常见技巧三、深度学习揭秘3.1深度学习基础3.1.1深度学习的关键概念与应用
  • STM32F4单片机SDIO驱动SD卡 猪猪童鞋 单片机stm32嵌入式硬件SD卡驱动SDIO总线
    1、SD卡相关的知识点介绍（关于知识点这一块请看上传的文档，接下来只描述重要的部分）STM32F4有一个SDIO接口，支持符合SD协议的各种设备，与SD存储卡规格版本2.0全兼容。此SDIO接口由SDIO适配器和AHB接口两部分组成：SDIO适配器提供SDIO主机功能，可以提供SD时钟、发送命令和进行数据传输；AHB接口用于控制器访问SDIO适配器寄存器并且可以产生中断和DMA请求信号。功能框图如
  • CentOS内核升级 qq_33928223 系统管理脚本编写与自动化centospythonlinux
    在CentOS7.9中，默认的内核版本是3.10.x，如果你想升级到5.x版本的内核（例如5.4或5.10等），可以通过以下步骤进行操作。升级内核通常是为了获得更好的性能、支持新硬件或使用最新的内核特性。注意事项：1.备份重要数据：升级内核可能会导致系统不稳定或无法启动，因此在操作之前务必备份重要数据。2.确保兼容性：某些应用程序可能依赖于特定的内核版本，升级前请确保应用程序与新内核兼容。3.回滚
  • 算法基础：前缀和与差分 m0_904277151 c++算法
    前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站：人工智能教程目录：目录目录：一、前缀和1.一维前缀和代码模板：原理与图解：例题：2、二维前缀和代码模板：原理与图解：例题：二、差分代码模板：原理与图解：例题：代码模板：原理与图解：例题：一、前缀和1.一维前缀和代码模板：S[i]=a[1]+a[2]+...a[i]a[l]+...+a[r]=S[r]-
  • Flutter和React Native在开发app中，哪个对java开发工程师更适合 getapi flutterreactnativejava
    对于一名Java开发工程师来说，选择Flutter或ReactNative来开发移动应用需要综合考虑多个因素，包括技术栈的熟悉程度、学习曲线、项目需求以及未来的维护成本等。以下是对两者的详细分析，帮助你做出更明智的选择：1.技术栈与语言的适配性Flutter编程语言:Flutter使用Dart作为开发语言。优点:Dart的语法相对简洁，与Java有一定的相似性（例如类定义、类型系统等），因此从Ja
  • Maven工具学习使用（六）——聚合与继承 螺旋小蜗 Maven构建工具maven学习
    Maven的聚合特性能够把项目的各个模块聚合在一起构建，而Maven的继承特性则能帮助抽取个模块相同的依赖和插件等配置，在简化POM的同时，还能促进各个模块配置的一致性。一般说来一个项目的子模块都应该使用同样的groupId，如果他们一起开发和发布，还应该使用同样的version,此外，它们的artifactId还应该使用一致的前缀，以方便同其他项目区分。对于聚合模块来说，其打包方式packagi
  • Spring Boot实战：MySQL与Redis数据一致性深度解析与代码实战 QQ828929QQ springbootmysqlredis
    SpringBoot实战：MySQL与Redis数据一致性深度解析与代码实战一、数据一致性问题概述二、常见解决方案三、选择合适的解决方案四、总结在SpringBoot开发中，MySQL作为关系型数据库，提供了强大的数据存储和查询能力；而Redis作为内存数据库，以其高速读写性能成为缓存层的首选。然而，当这两者共同服务于一个系统时，如何确保它们之间的数据一致性，成为了一个不可忽视的问题。本文将深入探
  • 深入解析Python爬虫：抓取直播平台数据，包括观众数、弹幕等信息 Python爬虫项目 2025年爬虫实战项目python爬虫开发语言java大数据
    引言随着直播行业的快速发展，直播平台成为了许多人分享与互动的地方。直播平台上不仅有精彩的内容，还有实时的观众互动、弹幕交流等重要数据。这些数据对于分析直播趋势、用户行为以及提升直播内容质量有着重要的价值。因此，如何通过Python爬虫抓取直播平台上的直播数据，尤其是观众数、弹幕内容等，成为了数据分析和机器学习中非常有趣且实用的任务。在本文中，我们将介绍如何使用Python构建一个高效的爬虫，抓取直
  • Netty 全面解析：从网络编程基础到高性能应用实践 杨凯凡 Java框架javanetty
    一、Netty概述与核心价值1.1什么是Netty？Netty是一个异步事件驱动的网络应用框架，用于快速开发可维护的高性能协议服务器和客户端。它极大地简化了TCP/UDP套接字服务器等网络编程，同时保持了高性能和高扩展性。Netty最初由JBoss开发，现已成为Java网络编程的事实标准框架，被广泛应用于大数据、游戏、金融、物联网等领域。Netty的核心优势：高性能：基于NIO的非阻塞I/O模型，
  • 基于python爬虫：requests+BeautifulSoup+MySQL/MongoDB（或：CSV、JSON等格式的文件）+... Test-Sunny python爬虫beautifulsoup
    爬虫技术（基于python介绍）-应用场景数据抓取、数据挖掘、搜索引擎优化http协议通过HTTP请求来获取网页数据-编程语言pythonpython库数据请求与解析requests、BeautifulSoup、Scrapy等requests（Python）：用于发送HTTP请求。BeautifulSoup：用于解析HTML和XML文档-数据存储数据库（如MySQL、MongoDB）：用于存储抓取
  • 房屋出租买卖预约看房小程序系统架构分析案例解析 v.15889726201 小程序系统架构
    以下内容是房屋出租买卖预约看房小程序系统各功能模块的介绍，首先用户完成注册登录，随后可浏览丰富多样的房源信息，涵盖房屋出租与买卖类别。若选择租房，能依据自身需求精准筛选如户型、租金范围、地理位置等条件，挑选心仪房源并预约看房时间后提交预约申请。租客选定出租套餐及对应房源后生成订单，与房东沟通细节并按约定支付费用。房屋买卖方面，售房者展示房屋详细信息，购房者选定后生成订单并按流程支付定金或房款。交易
  • 零碎的知识点（十五）：理解条件变分自编码器 Conditional Variational Autoencoders （CVAE）：简单原理与数值案例详解 墨绿色的摆渡人 零碎知识点算法机器学习人工智能生成模型
    理解条件变分自编码器ConditionalVariationalAutoencoders（CVAE）：简单原理与数值案例详解理解条件变分自编码器（CVAE）：简单原理与数值案例详解1.CVAE是什么？2.CVAE的核心原理2.1数学目标2.2变分下界（ELBO）3.CVAE的架构3.1编码器（Encoder）3.2解码器（Decoder）4.数值案例：生成手写数字“3”4.1任务设定4.2步骤详解
  • 音频功率放大器电路分析 怀霖 单片机嵌入式硬件课程设计proteus
    题目：音频功率放大器电路分析今天给大家讲讲这个音频功率放大器电路的一些相关知识，用到proteus仿真。任务与要求⑴熟悉各种常用的虚拟仪器仪表；⑵掌握电路输入与输出分析、频率响应特性分析、噪声分析、失真分析和傅立叶分析等分析方法；⑶掌握电路的虚拟仿真及调试的基本技巧。电路分为三级⑴音频功率放大器前置放大电路的分析；⑵音频功率放大器二级放大电路的分析；⑶音频功率放大器总体放大电路的分析和调试。一般的
  • 实现一个高并发内存池-----对比Malloc Linux高级开发 Linux服务器开发linux服务器内存池高并发网络
    1.什么是内存池1.1池化技术池是在计算技术中经常使用的一种设计模式，其内涵在于：将程序中需要经常使用的核心资源先申请出来，放到一个池内，有程序自管理，这样可以提高资源的利用率，也可以保证本程序占有的资源数量，经常使用的池化技术包括内存池，线程池，和连接池等，其中尤以内存池和线程池使用最多。1.2内存池内存池（MemoryPool）是一种动态内存分配与管理技术，通常情况下，程序员习惯直接使用new
  • 【Qt 快速入门（三）】- Qt信号和槽 wu_xx_xx Qtqt开发语言
    目录Qt快速入门（三）-Qt信号和槽Qt信号和槽详解信号和槽的基本概念信号槽连接信号和槽的声明与定义连接信号和槽信号和槽的高级特性自动参数匹配信号与信号连接lambda表达式作为槽自定义信号和槽信号和槽的线程支持跨线程连接信号和槽的生命周期管理自动断开连接总结Qt快速入门（三）-Qt信号和槽Qt信号和槽详解Qt信号和槽机制是Qt框架中最为重要和核心的特性之一。它提供了一种在对象之间进行通信的方式，
  • springmvc 下 freemarker页面枚举的遍历输出 杨白白 enumfreemarker
    spring mvc freemarker 中遍历枚举 1枚举类型有一个本地方法叫values（），这个方法可以直接返回枚举数组。所以可以利用这个遍历。 enum public enum BooleanEnum { TRUE(Boolean.TRUE, "是"), FALSE(Boolean.FALSE, "否");
  • 实习简要总结 byalias 工作
    来白虹不知不觉中已经一个多月了，因为项目还在需求分析及项目架构阶段，自己在这段 时间都是在学习相关技术知识，现在对这段时间的工作及学习情况做一个总结： （1）工作技能方面 大体分为两个阶段，Java Web 基础阶段和Java EE阶段 1）Java Web阶段 在这个阶段，自己主要着重学习了 JSP, Servlet, JDBC, MySQL，这些知识的核心点都过 了一遍，也
  • Quartz——DateIntervalTrigger触发器 eksliang quartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208559 一.概述 simpleTrigger 内部实现机制是通过计算间隔时间来计算下次的执行时间，这就导致他有不适合调度的定时任务。例如我们想每天的 1：00AM 执行任务，如果使用 SimpleTrigger，间隔时间就是一天。注意这里就会有一个问题，即当有 misfired 的任务并且恢复执行时，该执行时间
  • Unix快捷键 18289753290 unixUnix；快捷键;
    复制，删除，粘贴： dd:删除光标所在的行                             &nbs
  • 获取Android设备屏幕的相关参数 酷的飞上天空 android
    包含屏幕的分辨率  以及 屏幕宽度的最大dp 高度最大dp   TextView text = (TextView)findViewById(R.id.text); DisplayMetrics dm = new DisplayMetrics(); text.append("getResources().ge
  • 要做物联网？先保护好你的数据 蓝儿唯美 数据
    根据Beecham Research的说法，那些在行业中希望利用物联网的关键领域需要提供更好的安全性。 在Beecham的物联网安全威胁图谱上，展示了那些可能产生内外部攻击并且需要通过快速发展的物联网行业加以解决的关键领域。 Beecham Research的技术主管Jon Howes说：“之所以我们目前还没有看到与物联网相关的严重安全事件，是因为目前还没有在大型客户和企业应用中进行部署，也就
  • Java取模（求余）运算 随便小屋 java
            整数之间的取模求余运算很好求，但几乎没有遇到过对负数进行取模求余，直接看下面代码： /** * * @author Logic * */ public class Test { public static void main(String[] args) { // TODO A
  • SQL注入介绍 aijuans sql注入
    二、SQL注入范例 这里我们根据用户登录页面 <form action="" > 用户名：<input type="text" name="username"><br/> 密 码：<input type="password" name="passwor
  • 优雅代码风格 aoyouzi 代码
    总结了几点关于优雅代码风格的描述： 代码简单：不隐藏设计者的意图，抽象干净利落，控制语句直截了当。 接口清晰：类型接口表现力直白，字面表达含义，API 相互呼应以增强可测试性。 依赖项少：依赖关系越少越好，依赖少证明内聚程度高，低耦合利于自动测试，便于重构。 没有重复：重复代码意味着某些概念或想法没有在代码中良好的体现，及时重构消除重复。 战术分层：代码分层清晰，隔离明确，
  • 布尔数组 百合不是茶 java布尔数组
      androi中提到了布尔数组;   布尔数组默认的是false,  并且只会打印false或者是true   布尔数组的例子;  根据字符数组创建布尔数组 char[] c = {'p','u','b','l','i','c'}; //根据字符数组的长度创建布尔数组的个数 boolean[] b = new bool
  • web.xml之welcome-file-list、error-page bijian1013 javaweb.xmlservleterror-page
    welcome-file-list 1.定义： <welcome-file-list> <welcome-file>login.jsp</welcome> </welcome-file-list>  2.作用：用来指定WEB应用首页名称。   error-page1.定义： <error-page&g
  • richfaces 4 fileUpload组件删除上传的文件 sunjing clearRichfaces 4fileupload
     页面代码               <h:form id="fileForm">            <rich:
  • 技术文章备忘 bit1129 技术文章
    Zookeeper http://wenku.baidu.com/view/bab171ffaef8941ea76e05b8.html http://wenku.baidu.com/link?url=8thAIwFTnPh2KL2b0p1V7XSgmF9ZEFgw4V_MkIpA9j8BX2rDQMPgK5l3wcs9oBTxeekOnm5P3BK8c6K2DWynq9nfUCkRlTt9uV
  • org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案 白糖_ Hibernate
    文章摘自：http://blog.csdn.net/yangwawa19870921/article/details/7553181   在编写HQL时，可能会出现这种代码： select a.name,b.age from TableA a left join TableB b on a.id=b.id  如果这是HQL，那么这段代码就是错误的，因为HQL不支持
  • sqlserver按照字段内容进行排序 bozch 按照内容排序
    在做项目的时候，遇到了这样的一个需求：           从数据库中取出的数据集，首先要将某个数据或者多个数据按照地段内容放到前面显示，例如:从学生表中取出姓李的放到数据集的前面；          select * fro
  • 编程珠玑-第一章-位图排序 bylijinnan java编程珠玑
    import java.io.BufferedWriter; import java.io.File; import java.io.FileWriter; import java.io.IOException; import java.io.Writer; import java.util.Random; public class BitMapSearch {
  • Java关于==和equals chenbowen00 java
    关于==和equals概念其实很简单，一个是比较内存地址是否相同，一个比较的是值内容是否相同。虽然理解上不难，但是有时存在一些理解误区，如下情况： 1、 String a = "aaa"; a=="aaa"; ==> true 2、 new String("aaa")==new String("aaa
  • [IT与资本]软件行业需对外界投资热情保持警惕 comsci it
          我还是那个看法,软件行业需要增强内生动力,尽量依靠自有资金和营业收入来进行经营,避免在资本市场上经受各种不同类型的风险,为企业自主研发核心技术和产品提供稳定,温和的外部环境...       如果我们在自己尚未掌握核心技术之前,企图依靠上市来筹集资金,然后使劲往某个领域砸钱,然
  • oracle 数据块结构 daizj oracle块数据块块结构行目录
    oracle 数据块是数据库存储的最小单位，一般为操作系统块的N倍。其结构为： 块头－－〉空行－－〉数据，其实际为纵行结构。 块的标准大小由初始化参数DB_BLOCK_SIZE指定。具有标准大小的块称为标准块（Standard Block）。块的大小和标准块的大小不同的块叫非标准块（Nonstandard Block）。同一数据库中，Oracle9i及以上版本支持同一数据库中同时使用标
  • github上一些觉得对自己工作有用的项目收集 dengkane github
    github上一些觉得对自己工作有用的项目收集 技能类 markdown语法中文说明 回到顶部 全文检索 elasticsearch bigdesk elasticsearch管理插件 回到顶部 nosql mapdb 支持亿级别map, list, 支持事务. 可考虑做为缓存使用 C
  • 初二上学期难记单词二 dcj3sjt126com englishword
    dangerous 危险的 panda 熊猫 lion 狮子 elephant 象 monkey 猴子 tiger 老虎 deer 鹿 snake 蛇 rabbit 兔子 duck 鸭 horse 马 forest 森林 fall 跌倒；落下 climb 爬；攀登 finish 完成；结束 cinema 电影院；电影 seafood 海鲜；海产食品 bank 银行
  • 8、mysql外键(FOREIGN KEY)的简单使用 dcj3sjt126com mysql
    一、基本概念 1、MySQL中“键”和“索引”的定义相同，所以外键和主键一样也是索引的一种。不同的是MySQL会自动为所有表的主键进行索引，但是外键字段必须由用户进行明确的索引。用于外键关系的字段必须在所有的参照表中进行明确地索引，InnoDB不能自动地创建索引。 2、外键可以是一对一的，一个表的记录只能与另一个表的一条记录连接，或者是一对多的，一个表的记录与另一个表的多条记录连接。 3、如
  • java循环标签 Foreach shuizhaosi888 标签java循环foreach
    1. 简单的for循环 public static void main(String[] args) { for (int i = 1, y = i + 10; i < 5 && y < 12; i++, y = i * 2) { System.err.println("i=" + i + " y="
  • Spring Security（05）——异常信息本地化 234390216 exceptionSpring Security异常信息本地化
    异常信息本地化          Spring Security支持将展现给终端用户看的异常信息本地化，这些信息包括认证失败、访问被拒绝等。而对于展现给开发者看的异常信息和日志信息（如配置错误）则是不能够进行本地化的，它们是以英文硬编码在Spring Security的代码中的。在Spring-Security-core-x
  • DUBBO架构服务端告警Failed to send message Response javamingtingzhao 架构DUBBO
     废话不多说，警告日志如下，不知道有哪位遇到过，此异常在服务端抛出(服务器启动第一次运行会有这个警告)，后续运行没问题，找了好久真心不知道哪里错了。    WARN 2015-07-18 22:31:15,272 com.alibaba.dubbo.remoting.transport.dispatcher.ChannelEventRunnable.run(84)
  • JS中Date对象中几个用法 leeqq JavaScriptDate最后一天
    近来工作中遇到这样的两个需求 1. 给个Date对象，找出该时间所在月的第一天和最后一天 2. 给个Date对象，找出该时间所在周的第一天和最后一天   需求1中的找月第一天很简单，我记得api中有setDate方法可以使用 使用setDate方法前，先看看getDate var date = new Date(); console.log(date); // Sat J
  • MFC中使用ado技术操作数据库 你不认识的休道人 sqlmfc
    1.在stdafx.h中导入ado动态链接库 #import"C:\Program Files\Common Files\System\ado\msado15.dll" no_namespace rename("EOF","end")2.在CTestApp文件的InitInstance()函数中domodal之前写::CoIniti
  • Android Studio加速 rensanning android studio
    Android Studio慢、吃内存！启动时后会立即通过Gradle来sync & build工程。 （1）设置Android Studio a) 禁用插件 File -> Settings...  Plugins 去掉一些没有用的插件。 比如：Git Integration、GitHub、Google Cloud Testing、Google Cloud
  • 各数据库的批量Update操作 tomcat_oracle javaoraclesqlmysqlsqlite
    MyBatis的update元素的用法与insert元素基本相同，因此本篇不打算重复了。本篇仅记录批量update操作的 sql语句，懂得SQL语句，那么MyBatis部分的操作就简单了。 　　注意：下列批量更新语句都是作为一个事务整体执行，要不全部成功，要不全部回滚。 MSSQL的SQL语句 　WITH R AS（ 　　SELECT 'John' as name, 18 as
  • html禁止清除input文本输入缓存 xp9802 input
    多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他