lord_of_war
lord_of_war

BFC（块级格式上下文）

BFC的定义

BFC 全称为 块格式化上下文 (Block Formatting Context) 。

定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文）。

BFC的布局规则

1）内部的box会在垂直方向，一个接一个地放置（可以看作BFC中有一个的常规流）。

2）Box垂直方向的距离有margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠

3）每个元素的margin box 的左边，会包含块border box的左边相接触（对于从左往右的格式化，否则相反），即使存在浮动也是如此

4）BFC的区域不会与float box 重叠

5）BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此

6）计算BFC的高度时，浮动元素也参与计算

如何创建BFC

  • 根元素
  • float属性不为none
  • position为absolute或fixed
  • display为inline-block, table-cell, table-caption, flex, inline-flex
  • overflow不为visible( hidden,scroll,auto, )

BFC的作用和原理

1.自适应两栏布局

   <body>
        <div class="aside">div>
        <div class="main">div>
    body>

   body {
     
        width: 300px;
        position: relative;
    }
    .aside {
     
        width: 100px;
        height: 150px;
        float: left;
        background: #f66;
    }
    .main {
     
        height: 200px;
        background: #fcc;
    }

BFC（块级格式上下文）_第1张图片
根绝BFC布局的规则
每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。
因此，虽然存在浮动的元素aslide，但main的左边依然会与包含块的左边相接触。
又因为BFC的区域不会与float box重叠。
所以我们可以通过通过触发main生成BFC， 来实现自适应两栏布局。

.main {
     
    overflow: hidden;
}

`当触发main生成BFC后，这个新的BFC不会与浮动的aside重叠。因此会根据包含块的宽度，和aside的宽度，自动变窄。效果如下：
BFC（块级格式上下文）_第2张图片
2.清除内部浮动

.par {
     
    border: 5px solid #fcc;
    width: 300px;
 }
 
.child {
     
    border: 5px solid #f66;
    width: 100px;
    height: 100px;
    float: left;
}

<body>
    <div class="par">
        <div class="child">div>
        <div class="child">div>
    div>
body>

BFC（块级格式上下文）_第3张图片
计算BFC的高度时，浮动元素也参与计算.
为达到清除内部浮动，我们可以触发par生成BFC，那么par在计算高度时，par内部的浮动元素child也会参与计算。

.par {
     
    overflow: hidden;
}

BFC（块级格式上下文）_第4张图片

总结

因为BFC内部的元素和外部的元素绝对不会互相影响，因此， 当BFC外部存在浮动时，它不应该影响BFC内部Box的布局，BFC会通过变窄，而不与浮动有重叠。同样的，当BFC内部有浮动时，为了不影响外部元素的布局，BFC计算高度时会包括浮动的高度。避免margin重叠也是这样的一个道理。

你可能感兴趣的:(BFC（块级格式上下文）)

  • 10.17丽江支教20天 风铃随笔
    一早还没起床，就听见手机里信息提示音不断，拿手机一看，群里爆棚：家里疫情严重了！教育局群、领导群、家长群，都在通知停课线上教学，让收到回复！虽然远在丽江，心里还是跟着着急。排查工作持续进行中，儿子线上教学钉钉群等都需要做好准备，着急忙慌的洗刷完，跟儿子联系告知今天停课事宜。珏庆去帮忙下载钉钉群，登录进班级群，感谢同事帮忙，儿子上课不用愁了！收拾完，跟国相一块去校园，昨晚下了一夜的雨，天阴沉沉的，偶
  • 大数据平台--调度系统 小瓶盖的猪猪侠
    调度系统是数据仓库的重要组成部分，也是每个银行或公司一个基础软件或服务，需要在全行或全公司层面进行规划，在全行层面统一调度工具和规范，由于数据类系统调度作业较多，交易类系统批量优先级高，调度系统的整体架构如下：调度中心对调度批次和作业进行创建、管理、监控，它负责所有批量作业的调度和编排；在整个作业过程中，作业之间关系分为触发，依赖和互斥。1、触发触发关系表示一个作业完毕后，生成另一个作业的控制文件
  • 瑜伽觉知日更 伊一xlz
    Day74/100(周六2021.4.3)，中午吃饭时看到椅子上有一袋零食，我顺口问是不是阿姨又送的。老爸：今天上街刚买的，老妈：前几天儿子刚寄一箱回来，你又买老爸：你不是爱吃老妈：又要去掉好几十块知道老妈省了一辈子，现在还是很省，明明自己喜欢吃，有人买了，又嫌弃浪费钱。等老爸离开厨房，我轻声跟老妈说，买了就买了，又不可能去退，没必要再用这总语气说话，让人很不舒服。也发现自己对老妈的话带有自己的评
  • 了解可重入锁 GG编程 java开发语言
    1.基本概念：可重入锁（ReentrantLock），又称递归锁（RecursiveLock），是一种在多线程编程中使用的锁机制。它允许同一个线程在持有锁的情况下再次获取它，而不会引起死锁。这在处理递归方法或需要重复进入同步代码块的场景下非常有用。2.特点：(1).可重入性：如果一个线程已经获得了锁，再次请求该锁时不会被阻塞，而是允许其成功获取锁并进入同步代码块。这意味着同一个线程可以多次进入锁保
  • 千万级规模高性能、高并发的网络架构经验分享 搬砖养女人 网络架构经验分享
    主题：INTO100沙龙时间：2015年11月21日下午地点：梦想加联合办公空间分享人：卫向军（毕业于北京邮电大学，现任微博平台架构师，先后在微软、金山云、新浪微博从事技术研发工作，专注于系统架构设计、音视频通讯系统、分布式文件系统和数据挖掘等领域。）架构以及我理解中架构的本质在开始谈我对架构本质的理解之前，先谈谈对今天技术沙龙主题的个人见解，千万级规模的网站感觉数量级是非常大的，对这个数量级我们
  • html中，想添加一段文字，使用什么标签最合理？ 流泪兔兔头 html前端
    在HTML中，选择合适的标签来添加一段文字取决于这段文字在页面中的作用以及上下文。下面是一些常见的标签及其用途：:这是表示段落的最常见标签。当你要添加的是普通文本段落时，使用标签是最合理的。它告诉浏览器这是一个独立的段落，通常浏览器会在这段文字前后添加一些默认的外边距。:这是一个块级元素，用于组合其他HTML元素以形成更大的部分或区块。本身没有语义，通常用于布局目的或作为一个容器来应用样式。如果要
  • HTML 文本标签 一壶浊酒.. 前端开发html前端
    一个静态页面绝大部分都是由文字、图片、超链接、音频、视频组成。动态页面和静态页面的区别在于：是否与服务器进行数据交互标题标签这是一级标题这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题web前端开发床前明月光，疑是地上霜。举头望明月，低头思故乡这是普通文本这是粗体文本这是粗体文本斜体文本斜体文本斜体文本--->(a+b)2=a2+b2+2abH2SO4是指硫酸分子水果原价：6元现在：5
  • 我们在进行前后端联调的时候 如何避免数据丢失 拿不到返回数据 查看不了状态信息等问题？ 朱道阳 底层原理面试八股回归前端npmgitpython
    最近在进行前后端联调开发的全栈开发工作但是这时候会出现很多问题比如说前端拿不到数据获得的状态码可能是正确的传的值却是null我进行了学习总结出一下几点一、数据校验前端程序员必须对后端提供的数据进行严格的数据校验。数据校验的目的是确保接收到的数据符合预期的格式和类型。在JavaScript中，可以使用typeof操作符或Array.isArray()方法进行基本的类型检查。更复杂的数据结构，可以使用
  • mysql之连接符函数使用sql顺序以及键约束介绍 calmtho 数据库mysql
    文章目录单表查询1.格式2.关键字连接符操作符等3.分组函数/聚合函数/多行处理函数2.连接查询3.进阶类关键字1.union合并查询结果集2.limit分页时间表的键存储引擎mysql执行脚本指令案例sql脚本单表查询1.格式select...from...where...groupby...having...orderby...执行顺序：1.from2.where3.groupby4.havi
  • 数据结构（三）----双向带头循环链表 北航最菜大学生 数据结构与算法数据结构链表
    今天我们来学习第二个常见的链表结构：双向带头循环链表（配置拉满）：（下称双链表）1.结构分析1.带头，有一个哨兵位，这是一个指向头结点但不存值的结点2.指针域有prev和next两个指针，分别指向上一个和下一个节点3.链表尾部要指向头结点，构成循环结构4.函数传参的时候不需要二级指针了，因为哨兵位指向头结点而且它本身的值不会改变2.实现首先写List.h中的内容#pragmaonce#includ
  • 掌握Go语言邮件发送：net/smtp实用教程与最佳实践 walkskyer golang标准库golanggithub开发语言
    掌握Go语言邮件发送：net/smtp实用教程与最佳实践概述基本配置与初始化导入`net/smtp`包设置SMTP服务器基本信息创建SMTP客户端实例身份验证发送简单文本邮件配置发件人信息构建邮件头部信息编写邮件正文使用`SendMail`方法发送邮件示例代码发送带附件的邮件邮件多部分格式简介构建带有附件的邮件体使用`SendMail`方法发送邮件发送HTML格式的邮件HTML邮件的优势和应用场景
  • 20个MySQL 日期和时间函数，附带用法说明 蜗牛小白 MySQLmysql数据库
    在数据库管理和数据处理过程中，日期和时间的处理是一个重要的方面。MySQL提供了一组强大的日期和时间函数，允许用户对日期和时间数据进行各种操作和计算。这些函数可以帮助用户进行日期的格式化、日期之间的差异计算、从日期中提取特定部分等操作。以下列举了一些常用的MySQL日期和时间函数及其详细示例，以帮助开发者更高效地处理和管理日期和时间数据。常用的MySQL日期和时间函数1.NOW()返回当前日期和时
  • 记录小奇葩 三味香
    在陪伴孩子的时候有让人开心的时候，还有让人烦恼的时候……记录下他们的小确幸小惊喜小奇葩可能会给我们带来更多美好的回忆。记得大宝在二年级的时候她想要浮小鸡，拿出来一个鸡蛋，她藏在那里放在这里。被窝里放过，枕头下面放过，枕巾里包过，放到阳台上晒过。试图着要孵出一只小鸡来。给她解释小鸡是鸡妈妈孵出来的，她不听，非要折腾一番，最后她还上网查，把鸡蛋打开，放在透明玻璃杯子里包上保鲜膜还要保证温度到37度，之
  • 01 Web基础与HTTP协议 子非鱼　　　 前端http网络协议
    1.1Web基础本章将介绍Web基础知识，包括域名的概念、DNS原理、静态网页和动态网页的相关知识。1.1.1.域名概述1.域名的概念ip地址不易记忆2.早期使用host文件解析域名主机名重复主机维护困难3.DNS分布式层次式4.域名空间结构根域顶级域组织域国家域二级域名FQDN=主机名.DNS后缀1.2网页的概念1.2.1网页纯文本格式文件编写语言为HTNL在用户的浏览器中被‘翻译’成网页形成显
  • C# 基础巩固 详解 匿名方法、lambda表达式和Action关键字 毫无遗憾的帅哥 基础巩固c#开发语言.netcore
    匿名方法C#匿名方法定义‌C#中的匿名方法是没有名称的方法，‌它在声明和初始化时就被使用。‌通常与委托（‌delegate）‌一起使用，‌以便将代码块作为参数传递给其他方法。‌匿名方法可以转换为System.Action和System.Func等类型，同时指定自定义的参数列表。匿名方法通常表现为使用delegate运算符和Lambda表达式‌。定义方式‌：‌使用delegate关键字声明委托类型。
  • 清华学子直言高中生太幸福？能吃这四种苦，你也可以上清华！ 学姐要回家
    提起清华，有的同学很向往，有的同学不敢想，有的同学出于吃不到葡萄就说葡萄酸的心态，对清华不屑一顾，还说自己是清华永远清华学子直言高中生太幸福？能吃这四种苦，你也可以上清华！得不到的学生。其实，百年英才小编想说，我们先不要考虑能不能考上清华，而要反问自己，能不能吃得了清华人的苦？有的同学可能会说，能考上清华的都是学霸级的，他们智力超群，学习起来既轻松又高效，还有时间参加各种社团活动，我们智力一般，即
  • switch case 语句（详细） 微微的猪食小窝 1024程序员节java面试开发语言
    switch介绍switchcase语句判断一个变量与一系列值中某个值是否相等，每个值称为一个分支。switch语句是非常的基础的知识，掌握起来也不难掌握，语法比较简单。但大部分人基本是知其然，不知其所以然。譬如早期JDK只允许switch的表达式的值int及int类型以下的基本类型，后期的JDK却允许匹配比较字符串、枚举类型语法switchcase语句语法格式如下：switch(expressi
  • Karaoke 开源项目教程 毕艾琳
    Karaoke开源项目教程karaokeWillbethebestkaraokesystem.项目地址:https://gitcode.com/gh_mirrors/kar/karaoke1.项目介绍Karaoke是一个开源的卡拉OK应用程序，旨在为用户提供一个简单易用的平台来享受卡拉OK的乐趣。该项目支持多种音频和视频格式，并提供了丰富的功能，如歌词同步、音调调整、音量控制等。Karaoke项目
  • 2.1、matlab绘图汇总(图例、标题、坐标轴、线条格式、颜色和散点格式设置) 逼子歌 matlab开发语言算法
    1、前言在MATLAB中进行绘图是一种非常常见且实用的操作，可以用来可视化数据、结果展示、分析趋势等。通过MATLAB的绘图功能，用户可以创建各种类型的图形，包括线图、散点图、柱状图、曲线图等，以及三维图形、动画等复杂的可视化效果。在绘图之前，通常需要先准备好要展示的数据，并对数据进行必要的处理和分析。在开始绘图之前，建议考虑以下几点：数据准备：确保数据已经被正确导入到MATLAB中，并进行了初步
  • 前端面试题（附答案）持续更新中…… 卖家导航 程序员前端
    块标签：div、h1~h6、ul、li、table、p、br、form。特征：独占一行，换行显示，可以设置宽高，可以嵌套块和行行标签：span、a、img、textarea、select、option、input。特征：只有在行内显示，内容撑开宽、高，不可以设置宽、高（img、input、textarea等除外）。5.清除浮动⭐⭐⭐父级div定义overflow:hidden结尾处加空div标签c
  • MySQL 日期函数语法介绍和案例示范以及常见问题解决 J老熊 MySQL实战秘籍mysql数据库面试系统架构
    本文将以电商交易系统为例，详细讲解MySQL日期类型及其转化，常用的日期函数，以及一些解决常见问题的方案。一、MySQL日期数据类型MySQL提供了多种日期数据类型，适用于不同的使用场景。常见的日期类型包括DATE、DATETIME、TIMESTAMP、TIME和YEAR。DATE：只存储日期，不包含时间部分，格式为'YYYY-MM-DD'。例如，订单生成日期或用户注册日期。DATETIME：包含
  • python字符串 字节串 xiaogeldx python
    文章目录字符串str字符串方法：增使用+join字符串的格式化利用%格式化用format格式化删stripreplace改upperlowercapitalizetitle查countfindtypeisdigitisalphastartswithendswithisupperislowersplit转义字符转义字符用法原始字符串None字节串例字符串str-用来表示一串文字信息-表示：单引号，双
  • 摘自《这样爱你刚刚好》4 蓝天白云XM
    第八章，让玩具“活”起来大自然中的玩具＿水沙泥和孩子一起放手去玩水游戏。在一盆水中放入各种物品，有的浮上来，有的沉下去，这个浮力实验能使幼儿初步感知到不同物体轻重不同，而水有区别它们的“魔力”。把一块海绵放入水中也会沉下去，捞上来一挤，原来里面吸满了水，这一现象更增添了孩子的兴趣。如果用一根塑料管向水中吹气，等于让孩子做一次浅显的物理实验。给孩子一小撮洗衣粉清洗布娃娃或手绢，水中很快就出现许多泡泡
  • 深入解析`node-html-to-image`的`main.ts`源码：实现HTML到图片的转换 软考鸭 nodeHtmlToImagehtml前端nodeHtmlToImage
    引言node-html-to-image是一个强大的Node.js库，它允许开发者将HTML内容转换为图片。本文将深入解析该库的main.ts文件，揭示其内部工作原理，并帮助开发者更好地理解和使用该库。项目背景与功能概述node-html-to-image的主要功能是将HTML字符串或文件渲染为图片。它支持多种输出格式（如PNG、JPEG等），并提供了一系列配置选项，如图片质量、透明度等。该库利用
  • 第二周 机械shi
    很快第二周了，这周我状态不好，感觉做什么都不如意。在英语课上，作为课代表，老师把答案投在屏幕上我还心不在焉的读错了，可能是开小差了吧。语文古诗老师让我们准备了两周，我在家明明很努力的背过，但不知道为什么，默不出来了，一下课情绪就绷不住了。数学我也有认真的上课，但还是不太会。数控寒假因为不认真拖了很多课，老师在课上复习，我也开始做了笔记，大概的格式我也记得差不多，还是要多做点题。这周是有个张家港三好
  • 2018-11-19 娱乐1
    国产手机巨头陨落，如今只剩下5000多人，如今谁能拯救？在任何一个领域基本上都存在着许多的竞争，谁又能够保证自己一直能够笑到最后呢，目前的高科技公司，竞争比较火热的一个地方应该就是在手机这一块了，基本上每一家公司的产品都在努力的做到最好，但是有些公司依然避免不了被淘汰的命运，在如今的众多手机厂商当中，国产品牌已经发展得非常厉害，一些外来的产品在国内已经卖不动。当年的诺基亚早已经没有往日的辉煌，即使
  • 5月28日感恩日记 轮回道人
    1、感谢妈妈帮我把二楼卫生打扫干净了。2、感谢初中同学带我去体验生活，参加第四次全国中药普查。3、感谢爸爸耐心开导我。4、感谢大立李老师对我二级建造师教育培训后续服务。5、感谢自己走出来，重新开始时间记录，我要回到当初那个“超正能量”的人。附图图片发自App
  • 正则表达式语法、运算符优先级 weixin_54668000 mvc
    正则表达式(regularexpression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。例如：runoo+b，可以匹配runoob、runooob、runoooooob
  • linux编码格式修改 小僵123456 linuxlinux运维服务器
    linux编码格式修改1、全局修改（root用户下的修改）（1）登录root用户（2）vi/etc/profile（3）打开文件后在最后两行加入如下命令：exportLC_ALL=“zh_CN.UTF-8”exportLANG=“zh_CN.UTF-8”（4）使文件生效source/etc/profile2、局部修改（普通用户下的修改）（1）登录uacsapp用户（2）vi/home/uacsap
  • python eval函数的使用方法 丑的看不了 python编程语言1024程序员节
    一、eval函数的使用方法eval()函数是许多编程语言都内置的一个函数，如JS、PHP、Python等，用于返回括号内包含的表达式执行后的结果python中的使用格式为eval(表达式[(可选{字典形式})全局变量，[(可选)局部变量]])在Python中的基本用法：输入一组描述四则运算的字符串"125+255"需要重点关注的问题：输入eval(“125+255”)是否报错能否返回结果值检查返回
  • 多线程编程之卫生间 周凡杨 java并发卫生间线程厕所
    如大家所知，火车上车厢的卫生间很小，每次只能容纳一个人，一个车厢只有一个卫生间，这个卫生间会被多个人同时使用，在实际使用时，当一个人进入卫生间时则会把卫生间锁上，等出来时打开门，下一个人进去把门锁上，如果有一个人在卫生间内部则别人的人发现门是锁的则只能在外面等待。问题分析：首先问题中有两个实体，一个是人，一个是厕所，所以设计程序时就可以设计两个类。人是多数的，厕所只有一个（暂且模拟的是一个车厢）。
  • How to Install GUI to Centos Minimal sunjing linuxInstallDesktopGUI
    http://www.namhuy.net/475/how-to-install-gui-to-centos-minimal.html   I have centos 6.3 minimal running as web server. I’m looking to install gui to my server to vnc to my server. You can insta
  • Shell 函数 daizj shell函数
    Shell 函数 linux shell 可以用户定义函数，然后在shell脚本中可以随便调用。 shell中函数的定义格式如下： [function] funname [()]{ action; [return int;] } 说明： 1、可以带function fun() 定义，也可以直接fun() 定义,不带任何参数。 2、参数返回
  • Linux服务器新手操作之一 周凡杨 Linux 简单 操作
    1.whoami      当一个用户登录Linux系统之后，也许他想知道自己是发哪个用户登录的。      此时可以使用whoami命令。      [ecuser@HA5-DZ05 ~]$ whoami       e
  • 浅谈Socket通信（一） 朱辉辉33 socket
    在java中ServerSocket用于服务器端，用来监听端口。通过服务器监听，客户端发送请求，双方建立链接后才能通信。当服务器和客户端建立链接后，两边都会产生一个Socket实例，我们可以通过操作Socket来建立通信。    首先我建立一个ServerSocket对象。当然要导入java.net.ServerSocket包    ServerSock
  • 关于框架的简单认识 西蜀石兰 框架
    入职两个月多，依然是一个不会写代码的小白，每天的工作就是看代码，写wiki。 前端接触CSS、HTML、JS等语言，一直在用的CS模型，自然免不了数据库的链接及使用，真心涉及框架，项目中用到的BootStrap算一个吧，哦，JQuery只能算半个框架吧，我更觉得它是另外一种语言。 后台一直是纯Java代码，涉及的框架是Quzrtz和log4j。 都说学前端的要知道三大框架，目前node.
  • You have an error in your SQL syntax; check the manual that corresponds to your 林鹤霄
    You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'option,changed_ids  ) values('0ac91f167f754c8cbac00e9e3dc372
  • MySQL5.6的my.ini配置 aigo mysql
    注意：以下配置的服务器硬件是：8核16G内存    [client]   port=3306   [mysql]   default-character-set=utf8     [mysqld]   port=3306   basedir=D:/mysql-5.6.21-win
  • mysql 全文模糊查找 便捷解决方案 alxw4616 mysql
    mysql 全文模糊查找 便捷解决方案 2013/6/14 by 半仙 [email protected] 目的: 项目需求实现模糊查找. 原则: 查询不能超过 1秒. 问题: 目标表中有超过1千万条记录. 使用like '%str%' 进行模糊查询无法达到性能需求. 解决方案: 使用mysql全文索引. 1.全文索引 : MySQL支持全文索引和搜索功能。MySQL中的全文索
  • 自定义数据结构 链表(单项 ,双向,环形) 百合不是茶 单项链表双向链表
         链表与动态数组的实现方式差不多,    数组适合快速删除某个元素    链表则可以快速的保存数组并且可以是不连续的       单项链表;数据从第一个指向最后一个   实现代码:        //定义动态链表 clas
  • threadLocal实例 bijian1013 javathreadjava多线程threadLocal
    实例1： package com.bijian.thread; public class MyThread extends Thread { private static ThreadLocal tl = new ThreadLocal() { protected synchronized Object initialValue() { return new Inte
  • activemq安全设置—设置admin的用户名和密码 bijian1013 javaactivemq
            ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件，找到 <bean id="adminSecurityConstraint" class="org.eclipse.jetty.util.security.Constraint"> <p
  • 【Java范型一】Java范型详解之范型集合和自定义范型类 bit1129 java
    本文详细介绍Java的范型，写一篇关于范型的博客原因有两个，前几天要写个范型方法(返回值根据传入的类型而定)，竟然想了半天，最后还是从网上找了个范型方法的写法；再者，前一段时间在看Gson, Gson这个JSON包的精华就在于对范型的优雅简单的处理，看它的源代码就比较迷糊，只其然不知其所以然。所以，还是花点时间系统的整理总结下范型吧。   范型内容 范型集合类 范型类
  • 【HBase十二】HFile存储的是一个列族的数据 bit1129 hbase
    在HBase中，每个HFile存储的是一个表中一个列族的数据，也就是说，当一个表中有多个列簇时，针对每个列簇插入数据，最后产生的数据是多个HFile，每个对应一个列族，通过如下操作验证   1. 建立一个有两个列族的表   create 'members','colfam1','colfam2'   2. 在members表中的colfam1中插入50*5
  • Nginx 官方一个配置实例 ronin47 nginx 配置实例
    user www www; worker_processes 5; error_log logs/error.log; pid logs/nginx.pid; worker_rlimit_nofile 8192; events { worker_connections 4096;} http { include conf/mim
  • java-15.输入一颗二元查找树，将该树转换为它的镜像， 即在转换后的二元查找树中，左子树的结点都大于右子树的结点。 用递归和循环 bylijinnan java
    //use recursion public static void mirrorHelp1(Node node){ if(node==null)return; swapChild(node); mirrorHelp1(node.getLeft()); mirrorHelp1(node.getRight()); } //use no recursion bu
  • 返回null还是empty bylijinnan javaapachespring编程
    第一个问题，函数是应当返回null还是长度为0的数组（或集合）？ 第二个问题，函数输入参数不当时，是异常还是返回null？ 先看第一个问题 有两个约定我觉得应当遵守： 1.返回零长度的数组或集合而不是null（详见《Effective Java》） 理由就是，如果返回empty，就可以少了很多not-null判断： List<Person> list
  • [科技与项目]工作流厂商的战略机遇期 comsci 工作流
          在新的战略平衡形成之前，这里有一个短暂的战略机遇期，只有大概最短6年，最长14年的时间，这段时间就好像我们森林里面的小动物，在秋天中，必须抓紧一切时间存储坚果一样，否则无法熬过漫长的冬季。。。。         在微软，甲骨文，谷歌，IBM,SONY
  • 过度设计-举例 cuityang 过度设计
    过度设计，需要更多设计时间和测试成本，如无必要，还是尽量简洁一些好。 未来的事情，比如 访问量，比如数据库的容量，比如是否需要改成分布式  都是无法预料的 再举一个例子，对闰年的判断逻辑： 　　1、 if($Year%4==0) return True; else return Fasle; 　　2、if (   ($Year%4==0  &am
  • java进阶，《Java性能优化权威指南》试读 darkblue086 java性能优化
    记得当年随意读了微软出版社的.NET 2.0应用程序调试，才发现调试器如此强大，应用程序开发调试其实真的简单了很多，不仅仅是因为里面介绍了很多调试器工具的使用，更是因为里面寻找问题并重现问题的思想让我震撼，时隔多年，Java已经如日中天，成为许多大型企业应用的首选，而今天，这本《Java性能优化权威指南》让我再次找到了这种感觉，从不经意的开发过程让我刮目相看，原来性能调优不是简单地看看热点在哪里，
  • 网络学习笔记初识OSI七层模型与TCP协议 dcj3sjt126com 学习笔记
      协议：在计算机网络中通信各方面所达成的、共同遵守和执行的一系列约定 　　计算机网络的体系结构：计算机网络的层次结构和各层协议的集合。 　　两类服务： 　　面向连接的服务通信双方在通信之前先建立某种状态，并在通信过程中维持这种状态的变化，同时为服务对象预先分配一定的资源。这种服务叫做面向连接的服务。 　　面向无连接的服务通信双方在通信前后不建立和维持状态，不为服务对象
  • mac中用命令行运行mysql dcj3sjt126com mysqllinuxmac
    参考这篇博客：http://www.cnblogs.com/macro-cheng/archive/2011/10/25/mysql-001.html  感觉workbench不好用（有点先入为主了）。 1，安装mysql 在mysql的官方网站下载 mysql 5.5.23 http://www.mysql.com/downloads/mysql/，根据我的机器的配置情况选择了64
  • MongDB查询（1）——基本查询[五] eksliang mongodbmongodb 查询mongodb find
    MongDB查询 转载请出自出处：http://eksliang.iteye.com/blog/2174452 一、find简介 MongoDB中使用find来进行查询。 API:如下 function ( query , fields , limit , skip, batchSize, options ){.....}  参数含义： query:查询参数 fie
  • base64，加密解密 经融加密，对接 y806839048 经融加密对接
    String data0 = new String(Base64.encode(bo.getPaymentResult().getBytes(("GBK")))); String data1 = new String(Base64.decode(data0.toCharArray()),"GBK"); // 注意编码格式，注意用于加密，解密的要是同
  • JavaWeb之JSP概述 ihuning javaweb
      什么是JSP？为什么使用JSP？ JSP表示Java Server Page，即嵌有Java代码的HTML页面。使用JSP是因为在HTML中嵌入Java代码比在Java代码中拼接字符串更容易、更方便和更高效。   JSP起源    在很多动态网页中，绝大部分内容都是固定不变的，只有局部内容需要动态产生和改变。  如果使用Servl
  • apple watch 指南 啸笑天 apple
    1. 文档 WatchKit Programming Guide（中译在线版 By @CocoaChina） 译文 译者 原文 概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Overview - Developing for Apple Watch 概览 - 配置 Xcode 项目 - Overview - Configuring Yo
  • java经典的基础题目 macroli java编程
    1.列举出 10个JAVA语言的优势 a:免费，开源，跨平台(平台独立性)，简单易用，功能完善，面向对象，健壮性，多线程，结构中立，企业应用的成熟平台, 无线应用 2.列举出JAVA中10个面向对象编程的术语 a:包，类，接口，对象，属性，方法，构造器，继承，封装，多态，抽象，范型 3.列举出JAVA中6个比较常用的包 Java.lang;java.util;java.io;java.sql;ja
  • 你所不知道神奇的js replace正则表达式 qiaolevip 每天进步一点点学习永无止境纵观千象regex
    var v = 'C9CFBAA3CAD0'; console.log(v); var arr = v.split(''); for (var i = 0; i < arr.length; i ++) { if (i % 2 == 0) arr[i] = '%' + arr[i]; } console.log(arr.join('')); console.log(v.r
  • [一起学Hive]之十五-分析Hive表和分区的统计信息(Statistics) superlxw1234 hivehive分析表hive统计信息hive Statistics
    关键字：Hive统计信息、分析Hive表、Hive Statistics   类似于Oracle的分析表，Hive中也提供了分析表和分区的功能，通过自动和手动分析Hive表，将Hive表的一些统计信息存储到元数据中。   表和分区的统计信息主要包括：行数、文件数、原始数据大小、所占存储大小、最后一次操作时间等；   14.1 新表的统计信息 对于一个新创建
  • Spring Boot 1.2.5 发布 wiselyman spring boot
        Spring Boot 1.2.5已在7月2日发布，现在可以从spring的maven库和maven中心库下载。   这个版本是一个维护的发布版，主要是一些修复以及将Spring的依赖提升至4.1.7(包含重要的安全修复)。   官方建议所有的Spring Boot用户升级这个版本。   项目首页 | 源
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他