aowoxi2376
aowoxi2376

Block Formatting Context

 什么是BFC?
      BFC(Block Formatting Context)，简单讲，它是提供了一个独立布局的环境，每个BFC都遵守同一套布局规则。例如，在同一个BFC内，盒子会一个挨着一个的排，相邻盒子的间距是由margin决定且垂直方向的margin会重叠。而float和clear float也只对同一个BFC内的元素有效。

　　BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。

 什么情况下会产生BFC呢？
      W3C标准中这样描述：

Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with ‘overflow’ other than ‘visible’ (except when that value has been propagated to the viewport) establish new block formatting contexts for their contents.


非块级盒子的浮动元素、绝对定位元素及块级容器(比如inline-blocks，table-cells和table-captions)，以及overflow属性是visible之外任意值的块级盒子，都会创建了一个BFC。即当元素CSS属性设置了下列之一时，即可创建一个BFC:　

  • float：left|right
  • position：absolute|fixed
  • display: table-cell|table-caption|inline-block
  • overflow: hidden|scroll|auto


      BFC的一个简单应用
      一个简单的例子：

代码：

 1 DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>title>
 5     <meta content="text/html" charset="utf-8"/>
 6     <style type="text/css">
 7         body{
 8             margin: 0;
 9             padding: 0;
10         }
11         .main{
12             width: 300px;
13             height: 300px;
14             background-color: #9cf;
15             border: 1px solid red;/*父级div的border*/
16         }
17         .child{
18             width: 150px;
19             height: 150px;
20             background-color: #9fc;
21             margin-top: 20px;
22             /*display: inline-block;*/ /*子级div的display，让块级元素有内嵌元素的属性*/
23         }
24     style>
25 head>
26 <body>
27     <div class="main">
28         <div class="child">
29 
30         div>
31         <p>我是一个p,你懂的，我是block元素p>
32     div>
33 body>
34 html>

 

结果：Block Formatting Context_第1张图片

如我们所知的 div里面如果再有一个div的话，里面的‘儿子’如果想纵向居中的话通过margin是实现不了的， 但是我们可以给儿子div加上display: inline-block；这样就能产生一个传说中的BFC，让我们能很迅速的调整我们的div儿子到正确的位置，当然我们也可以给父级的div加上border 也能实现这一功能；当然方法很多，我也就不一 一列举了。

 

 

然后我们试着把p元素里的内容放右边去看看？我们又能想到什么办法呢？float？position？display? 好吧 我们试试float把.....

 

代码：

 1 .child{
 2             width: 150px;
 3             height: 150px;
 4             background-color: #9fc;
 5             margin-top: 20px;
 6             float: left;
 7             /*display: inline-block;*/ /*子级div的display，让块级元素有内嵌元素的属性*/
 8         }
 9 15     style>
16 head>
17 <body>
18     <div class="main">
19         <div class="child">
20 
21         div>
22         <p class="newP">我是一个p,你懂的，我是block元素p>
23     div>

 

结果：Block Formatting Context_第2张图片

貌似我们得到了我们的要求呢？但是如果字一多的话就会出现下面的结果......

 

结果：

Block Formatting Context_第3张图片

好吧，也许你觉得这蛮不错的，但是我们要如何让后面的P元素里的内容能整整齐齐的呢？

接下来，我们为右侧内容部分设置overflow:hidden 属性来使它形成一个新的BFC：当然你也可以overflow:auto/scroll;都能实现该效果；

 

代码：

 1         .newP{
 2             overflow: hidden;
 3         }
 4     style>
 5 head>
 6 <body>
 7     <div class="main">
 8         <div class="child">
 9 
10         div>
11         <p class="newP">我是一个p,你懂的，我是block元素
12             我是一个p,你懂的，我是block元素
13             我是一个p,你懂的，我是block元素
14             我是一个p,你懂的，我是block元素
15             我是一个p,你懂的，我是block元素
16             我是一个p,你懂的，我是block元素
17             我是一个p,你懂的，我是block元素
18             我是一个p,你懂的，我是block元素p>
19     div>
20 body>

 

结果：Block Formatting Context_第4张图片

代码：唯一不同就是用的overflow：scroll

 结果：Block Formatting Context_第5张图片

 

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

 

转载于:https://www.cnblogs.com/Jayvenlee/p/3935209.html

你可能感兴趣的:(Block Formatting Context)

  • android判断深色模式的方法 东东旭huster androidjava开发语言
    android10以后的版本才完全支持深色模式，测试下面两种方法判断系统是否深色模式都是有效的。publicstaticbooleanisDarkMode1(){if(Build.VERSION.SDK_INT
  • Flutter基础（前端教程⑥-按钮切换） aaiier Flutterflutter前端状态模式
    1.假设你已有的两个表单组件（示例）//手机号注册表单（示例）classPhoneRegisterFormextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnColumn(children:[TextField(decoration:InputDecoration(labelText:'手机号')),Text
  • 苦练Python第5天：字符串从入门到格式化 python后端人工智能前端
    苦练Python第5天：字符串从入门到格式化原文链接：https://dev.to/therahul_gupta/day-5100-working-with-strings-basics-to-formatting-2kkn作者：RahulGupta译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我
  • FPGA 设计中的 “Create HDL Wrapper“ 和 “Generating Output Products“ 的区别 行者.................. fpga开发
    CreateHDLWrapper(创建HDL包装器)目的：为顶层设计模块（通常是BlockDesign/IPIntegrator设计）创建一个HDL包装文件功能：将图形化/框图设计的BlockDesign转换为可综合的HDL代码（Verilog或VHDL）创建一个顶层模块，将所有IP核和连接实例化使用场景：当使用IPIntegrator创建BlockDesign后需要将图形化设计转换为HDL代码以
  • Go语言标识符命名规则详解：工程化实践 码农老gou GOgolang开发语言后端
    引言Go语言的命名规则是其简洁哲学和工程实用性的集中体现。下面从语法规范、最佳实践到实际应用进行全面解析：一、基础命名规则1.变量命名//小驼峰式（lowerCamelCase）varuserNamestringvarmaxRetryCount=3varisConnectedbool特殊场景：//短生命周期变量用缩写i:=0//索引n:=len(items)//数量ctx:=context.Bac
  • MCP协议：AI时代的“万能插座”如何重构IT生态与未来
    MCP协议：AI时代的“万能插座”如何重构IT生态与未来在人工智能技术爆炸式发展的浪潮中，一个名为ModelContextProtocol（MCP）的技术协议正以惊人的速度重塑IT行业的底层逻辑。2024年11月由Anthropic首次发布，MCP在短短半年内获得OpenAI、谷歌、亚马逊、阿里、腾讯等全球科技巨头的支持，被业内誉为AI时代的HTTP协议或USB-C接口，正在成为连接大模型与现实世
  • Kotlin协程使用
    一、开启协程的方式1、顶层开启协程的函数基本使用://方法一，使用runBlocking顶层函数runBlocking{  getImage(imageId)}​//方法二，使用GlobalScope单例对象//     可以直接调用launch开启协程，或者aysnc需要await接收结果GlobalScope.launch{  getImage(imageId)}​//方法三，自行通过Coro
  • kotlin - 协程 launch 源码分析
    kotlin-协程launch源码分析CoroutineScope(Dispatchers.Main).launch{}1.launch函数入口launch是CoroutineScope的扩展函数，定义在kotlinx.coroutines库中：publicfunCoroutineScope.launch(context:CoroutineContext=EmptyCoroutineContext
  • 20250707-4-Kubernetes 集群部署、配置和验证-K8s基本资源概念初_笔记
    一、kubeconfig配置文件文件作用:kubectl使用kubeconfig认证文件连接K8s集群生成方式:使用kubectlconfig指令生成核心字段:clusters:定义集群信息，包括证书和服务端地址contexts:定义上下文，关联集群和用户users:定义客户端认证信息current-context:指定当前使用的上下文二、Kubernetes弃用Docker1.弃用背景原因:
  • FFmpeg滤镜相关的重要结构体 melonbo FFMPEGffmpeg
    核心结构体概览FFmpeg滤镜系统由多个关键结构体组成，构成了完整的滤镜处理框架。以下是滤镜系统中最重要的结构体及其相互关系：AVFilterGraph┬─AVFilterContext┬─AVFilter│├─AVFilterLink│└─AVFilterPad└─AVFilterInOut详细结构体分析1.AVFilterGraph（滤镜图容器）功能：管理整个滤镜图的所有组件和状态重要成员：t
  • 异步技术：Web 性能优化的核心引擎 weixin_47233946 编程前端性能优化
    异步技术：Web性能优化的核心引擎引言：当「等待」成为性能瓶颈当用户访问一个传统同步加载的新闻门户网站时，主线程在解析到时突然停止渲染，页面停留在白屏状态长达2秒——这正是GoogleLighthouse性能检测中常见的"BlockingTime"警告。这种阻塞式加载方式正是现代Web性能优化需要解决的痛点。一、异步的本质与技术演进1.1从同步到异步的范式转换同步加载如同单行道依次通行的汽车，每个
  • Python contextvars：跨异步任务的上下文管理利器
    1.为何需要contextvars？问题的根源在构建复杂的应用程序，尤其是Web服务和并发系统时，我们经常面临一个共同的挑战：如何将某些“隐式”的上下文信息（如请求ID、用户信息、数据库事务对象）在程序的调用链中传递下去，以便在任意深度的函数中都能方便地访问？传统的解决方案各有弊端：全局变量：在并发环境下会产生竞态条件，不同请求的数据会互相干扰。threading.local：它只能做到线程级别的
  • Linux 权限提升漏洞（CVE-2025-6019）：通过 udisksd 和 libblockdev 获取 root 权限（PoC 已公开） FreeBuf- linux网络运维
    SecureLayer7安全研究人员近日公布了一个影响Linux系统的安全漏洞（CVE-2025-6019）的技术细节和概念验证（PoC）利用代码。该漏洞影响依赖udisksd守护进程和libblockdev后端的Linux发行版，包括Fedora和SUSE。在配置不当的环境中，该漏洞可被轻易利用，允许allow_active组中的用户实现本地权限提升（LPE）至root权限。漏洞原理分析报告指出
  • MCP Inspector 高危远程代码执行漏洞威胁AI开发者（CVE-2025-49596） FreeBuf- MCPAIInspector
    漏洞概述2025年6月，Oligo安全研究团队披露了Anthropic公司ModelContextProtocol（MCP，模型上下文协议）框架核心调试工具MCPInspector中存在的高危远程代码执行（RemoteCodeExecution，RCE）漏洞CVE-2025-49596。该漏洞CVSS评分为9.4分，攻击者仅需通过浏览器标签页即可完全控制开发者的计算机。图片来源：Oligo安全研究
  • 深入理解MCP架构：智能服务编排、上下文管理与动态路由实战 小雷FansUnion AI2025架构人工智能大模型MCP
    深入理解MCP架构：智能服务编排、上下文管理与动态路由实战一、MCP架构概述MCP（ModelContextProtocol）是一种面向智能服务和多模型协作的系统架构。它通过分层设计，将系统分为MCPClient、MCPHost和MCPServer三大核心组件，实现了灵活的服务编排、上下文管理和智能路由，极大提升了AI平台和复杂业务系统的灵活性与智能化水平。二、MCP三大核心组件详解1.MCPCl
  • JSP内置对象 海梦在飘扬 JSP\Servletjavaservlet开发语言
    文章目录什么是JSP内置对象1、request对象2、response对象1、重定向网页2、出来HTTP文件头3、设置输出缓冲3、session对象1、创建及获取客户的会话2、从会话中移动指定的绑定对象3、销毁session4、会话超时管理4、application对象1、访问应用程序初始化参数2、管理应用程序环境属性5、out对象1、向客户端输出数据2、管理响应缓冲6、pageContext对象
  • ModernWPFUI lph1972 命令模式
    要改UpdateSourceTriggerPropertyChanged因为TextBox的默认是LostFocus注意用label别用textblocktextblock无法居中
  • 快速分页wpf lph1972 c#
    /*没有在xaml设置上下文window.context是因为命名空间一直对应不上所以在xaml.cs里面绑定*/NextusingBogus;usingCommunityToolkit.Mvvm.ComponentModel;usingCommunityToolkit.Mvvm.Input;usingSystem;usingSystem.Collections.Generic;usingSyst
  • 大模型的“涌现能力“：现象、表现与成因解析 北辰alk AI深度学习人工智能
    文章目录一、涌现能力的本质与特征1.1基本定义1.2识别标准二、三种典型涌现能力表现2.1少样本上下文学习（Few-shotIn-contextLearning）表现特征实证数据可能成因2.2思维链推理（Chain-of-ThoughtReasoning）表现特征典型案例可能成因2.3指令跟随（InstructionFollowing）表现特征能力对比可能成因三、涌现能力的理论解释3.1相变理论视
  • 人工智能-基础篇-28-模型上下文协议--MCP请求示例（JSON格式，客户端代码，服务端代码等示例） weisian151 人工智能人工智能json网络
    目前，MCP（ModelContextProtocol）协议并不是一个广泛标准化或公开开源的协议标准。不过，在某些AI工具链和LLM开发框架中，确实出现了以“MCP”命名的内部通信机制，尤其是在与语言模型代理（LLMAgent）和工具调用接口相关的系统中。假设场景：MCP是用于Agent与外部工具之间交互的协议。其核心目标是：1、标准化请求/响应格式2、支持多轮对话上下文3、支持工具调用（tool
  • 多线程--阻塞队列and生产消费者模型 刘 大 望 java开发语言intellij-idea中间件安全jvmjava-ee
    一.阻塞队列是什么阻塞队列是一种特殊的数列，也遵循先进先出的原则二.阻塞队列的特性:1.阻塞队列是一种线程安全的数据结构2.阻塞特性：a)队列为空，尝试出队列，出队列操作就会阻塞，阻塞到其他线程添加元素为止b)队列为满，尝试入队列，入队列操作也会阻塞，阻塞到其他线程取走元素为止下面是Java中阻塞队列接口BlockingDeque由其LinkedBlockingDeque类实现(双端队列)也可以由
  • brpc中的bthread_jump_fcontext汇编函数到底发生了什么？
    我们之前讲了brpc中的bthread创建，分配和切换。那么在切换过程中，brpc中的bthread_jump_fcontext汇编函数到底发生了什么？我们来非常具体地讲一讲。函数签名intptr_tbthread_jump_fcontext(bthread_fcontext_t*ofc,//%rdi:输出参数，保存源上下文指针bthread_fcontext_tnfc,//%rsi:输入参数，目
  • 【Unity】MiniGame编辑器小游戏（十）连连看【Link】 神码编程 unity编辑器游戏引擎小游戏
    更新日期：2025年7月9日。项目源码：获取项目源码索引连连看【Link】一、游戏最终效果二、玩法简介三、正式开始1.定义游戏窗口类2.规划游戏窗口、视口区域3.方块Block①.定义方块类②.生成方块所有类型③.生成连连看棋盘④.绘制方块阵列4.连线Line①.点击方块连线②.尝试连接两个方块③.绘制连线线段5.检测游戏通关6.绘制游戏操作说明7.暂停游戏、退出游戏连连看【Link】本篇的目标是
  • Spring Boot Bean 的生命周期管理：从创建到销毁
    SpringBootBean的生命周期管理：从创建到销毁引言在SpringBoot应用中，Bean是构成应用程序的基本构建块。它们由Spring容器（ApplicationContext）负责创建、管理和维护。理解Bean的生命周期(BeanLifecycle)对于开发者来说至关重要，这有助于我们在Bean的不同阶段执行自定义逻辑，例如初始化资源、清理连接等，从而更好地控制应用程序的行为。本文将深
  • uniapp 定位 android ios 织_网 iosandroiduni-app定位
    uniapp定位androidios详细地址://判断手机是否开启定位功能checkOpenGPSService(){letsystem=uni.getSystemInfoSync();//获取系统信息//安卓androidif(system.platform==='android'){//判断平台varcontext=plus.android.importClass('android.conte
  • Spring Boot + Spring JPA + JDBC + Druid实现动态数据源切换 Apr01Chell 代码片段springjava数据库
    SpringBoot+SpringJPA+JDBC+Druid实现动态数据源切换目录SpringBoot+SpringJPA+JDBC+Druid实现动态数据源切换AbstractRoutingDataSource源码分析需求代码实现DynamicDataSourceDBContextHolderDruidDbConfigDataSourcePropertiesAllDataSourcesExec
  • MCP Streamable HTTP 样例（qbit） pythonagent
    前言模型上下文协议（ModelContextProtocol，MCP），是由Anthropic推出的开源协议，旨在实现大语言模型与外部数据源和工具的集成，用来在大模型和数据源之间建立安全双向的连接。本文代码技术栈Python3.11.8FastMCP2.10.3MCP的传输机制StandardInput/Output(stdio)StreamableHTTPServer-SentEvents(SS
  • C++ 工厂模式与抽象工厂：创建对象的灵活设计 海派程序猿 c++javajvm
    C++工厂模式与抽象工厂：让对象“流水线”更优雅想象一下，你是一家玩具工厂的老板，主要生产两种玩具：小汽车和积木。最初，你的生产流程很简单，需要什么就直接用new创建什么：//生产小汽车Car*myCar=newCar();//生产积木Block*myBlock=newBlock();简单粗暴，效率很高，就像直接从仓库里抓取零件组装一样。但问题也随之而来：耦合度高：生产代码直接依赖于具体的Car和
  • EgoAlpha/prompt-in-context-learning项目解析：Prompt Engineering核心技术指南 霍日江Eagle-Eyed
    EgoAlpha/prompt-in-context-learning项目解析：PromptEngineering核心技术指南prompt-in-context-learningAwesomeresourcesforin-contextlearningandpromptengineering:MasteryoftheLLMssuchasChatGPT,GPT-3,andFlanT5,withup-
  • 最近AI领域大火的MCP到底是什么？
    文章目录AI领域的MCP（ModelContextProtocol）入门详解1.MCP是什么？2.为什么需要MCP？3.MCP的架构与运作方式4.MCP的核心优势5.实际应用场景6.MCP与相关技术的区别7.MCP开发实战：如何编写一个MCPServer？核心步骤小白也能用的工具8.MCP与区块链的深度融合为什么需要区块链？具体结合方式9.MCP的潜在挑战技术难点现实问题10.未来展望与学习路径M
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他