daisy_Hawen
daisy_Hawen

面试积累——BFC

什么是BFC

BFC就是“块级格式化上下文”的意思，创建了 BFC的元素就是一个独立的盒子，不过只有Block-level box可以参与创建BFC， 它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当然它也不会影响到外面的元素。

BFC有一下特性：

  • 内部的Box会在垂直方向，从顶部开始一个接一个地放置。
  • Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加
  • 每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。
  • BFC的区域不会与float box叠加。
  • BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。
  • 计算BFC的高度时，浮动元素也参与计算。

如何触发BFC

那么我们该怎么使用BFC呢，如何触发BFC呢？：

  • float 除了none以外的值
  • overflow 除了visible 以外的值（hidden，auto，scroll ）
  • display (table-cell，table-caption，inline-block, flex, inline-flex)
  • position值为（absolute，fixed）
  • fieldset元素
  • 绝对定位元素(position:absolute 或fixed)
  • 行内块inline-block(元素的display:inline-block)
  • 表格单元格(元素的display:table-ceil,HTML表格默认属性)
  • 弹性盒flex boxes(元素地display:flex或inline-flex)

在以上的情况里可以创建BFC。

哪些场景可以使用BFC

1.解决margin叠加问题

<head>
    <title>title>
    <style type="text/css">
        p{
            margin: 50px;
        }
    style>
head>

<body>
    <p>hello worldp>
    <p>hello worldp>
    <p>hello worldp>
body>

面试积累——BFC_第1张图片
三P每个p之间的距离为50px，发生了外边距叠加。 要解决这个叠加问题即让每个P之间是100px，我们可以新建一个BFC，怎么建呢？可以给p元素添加一个父元素，让它触发BFC。如下:

    <style type="text/css">
    p {
        margin: 50px;
    }
    .bfc{
        /*position: absolute;*/
        overflow: auto;
    }
    style>
head>

<body>
    <div class="bfc">
        <p>hello worldp>
    div>
    <p>hello worldp>
    <p>hello worldp>
body>

第一个盒子就和第二个盒子的边距为100px

面试积累——BFC_第2张图片

不过虽然变成bfc，但是不同的方式也有所不同

.bfc{
        position: absolute;

}

面试积累——BFC_第3张图片

2.用于布局

    <style type="text/css">
        body{
            width: 300px;
            position: relative;
        }
        .aside{
            width: 100px;
            height: 150px;
            float:left;
            background: blue;
        }
        .main{
            height: 200px;
            background: #f00;
        }
    style>
head>
<body>
<div class="aside">div>
<div class="main">div>

这里就会出现这种情况
面试积累——BFC_第4张图片
从图中我们会发现上面BFC的第三个特性，就是元素的左外边距会触碰到包含块容器的做外边框，就算存在浮动也会如此。（这里不太理解）
看上面BFC第四个特性，就是BFC不会与浮动盒子叠加，那么我们是不是可以创建一个新的BFC来解决这个问题呢？来看看：

 .main {
        height: 200px;
                background: #f00;
                overflow:hidden;
}

就解决了上面的问题。发现我们用overflow:hidden触发main元素的BFC之后，效果立马出现了,

3.用于清除浮动，计算BFC高度.

因为上面第六个特性提到计算BFC高度时，浮动元素也会参与计算，我们先看一个例子：

<head>
    <title>title>
    <style type="text/css">
        .bfc{
            border: 5px solid #f00;
            width: 300px;
        }
        .box{
            border: 5px solid blue;
            width: 100px;
            height: 100px;
            float: left;
        }
    style>
head>
<body>
<div class="bfc">
    <div class="box">div>
    <div class="box">div> 
div>
body>
html>

其实我一看这个代码，我就知道会出现bfc撑不起来的问题，因为box设置了float，其实就相当于脱离了流，如果理解正常情况下一个html其实就是一层平地，我们往这里面塞盒子。
先把float注释掉来看效果：

/*float: left;*/

bfc没有设置高度，它的高度是因装的东西而定的，如果就是浏览器默认的static，那么box和bfc在一个平面，就相当于我们往地上扔了一个纸箱子，这个箱子的高度是可以伸缩的。我们再往里面扔两个盒子，这个箱子就扩充起来了。
面试积累——BFC_第5张图片

float: left;

一旦有了这句话就不一样了，这个时候两个盒子被放在了二楼，这个bfc箱子还在一楼，自然就是瘪的了
面试积累——BFC_第6张图片
要如何将这个bfc也放到二楼呢？
那就需要将它变为bfc:就是上面提到的方式

overflow: hidden;
float: left;
position: absolute;
display: flex;

都可以实现，因为这样它就变成了BFC和box并列了，都放到二楼去了。

你可能感兴趣的:(css,面试)

  • “Java岗八股文”2025版史上最新最全超详细易理解，面试必备（三）MyBatis篇 爱学习的小熊猫_ Java岗八股文速通java面试mybatis后端
    文章目录MyBatis篇1、MyBatis执行流程2、Mybatis是否支持延迟加载？3、什么叫做延迟加载？4、延迟加载的原理5、Mybatis的一级、二级缓存用过吗？MyBatis篇1、MyBatis执行流程读取MyBatis配置文件：mybatis-config.xml加载运行环境和映射文件构造会话工厂SqlSessionFactory会话工厂创建SqlSession对象（包含了执行SQL语句
  • 对于页面适配，你应该使用px还是rem мо仙堡杠把子灬 css做一个有知识的流氓
    其实一切都还好，没有那么糟糕。css中的单位很多，%、px、em、rem，以及比较新的vw、vh等。每个单位都有特定的用途，比如当需要设置一个矩形的宽高比为16:9，并且随屏幕宽度自适应时，除了用%，其他单位是很难做到的。所以不存在说某个单位是错误的，某个单位是最好的这种说法。那本文说的页面适配，指的是同样的布局，在不同大小的屏幕上怎么进行缩放、控制间距、宽高、字号等大小。页面适配的方式有很多：使
  • 2022-05-10 拿上 手机 就像吸入鸦片 放不来，时间一晃就过去了 kellying
    昨天下班大概晚上20:30在公园里锻炼身体近1小时，回到家里就十点，洗完衣服澡，拖地干了这三件事情，就花了近2个小时，不对，其实这三件事情花了不到30分钟，拿上手机，刷视频用了1.5小时，拿上手机就像吸入鸦片放不来，时间一晃就过去了，今天我改变我的做事，就是下班我打来电脑，不玩手机，原本打算，下班后要看一儿书书籍的，昨晚没有，由于，今天五点钟就起来，看了一会儿书籍，书中讲了面试的技巧，比如，采购要
  • 高并发场景下的技术压测与问题排查：P7面试官考核并发优化方案 淳淳同学 Java面试场景题Java高并发压测GC性能优化
    文章标题：“Java求职者面试：高并发场景下的技术压测与问题排查”Tag：Java,高并发,压测,GC,性能优化场景描述：面试官（张工）：一位严肃且专业的Java面试官，专注于高并发和性能优化领域，对技术细节有着深刻的理解。小兰：一名年轻但略显紧张的Java程序员，面试前虽然做了准备，但在复杂问题上显得有些犹豫和含糊。第一轮提问：基础知识与高并发场景引入张工：小兰，你好，很高兴见到你。我们先从简单
  • 极限高并发压测：P7架构师与应届生的JVM调优对决 搞Java的小码农 Java面试场景题Java面试高并发性能优化JVM调优极限场景
    文章标题：极限高并发压测：P7架构师与应届生的JVM调优对决场景描述在一个互联网大厂的终面环节，面试官决定通过模拟真实业务场景来考察候选人的技术深度和解决问题的能力。面试官是一位有着丰富经验的P7架构师，而候选人是刚刚毕业的应届生小兰，她擅长手写Tomcat并自认为对JVM有一定了解。面试的背景是一个极端的高并发场景，QPS从2000飙升至10万，同时伴随着内存泄漏问题和GC暂停时间的急剧增加。第
  • 林伟雨打卡第一天 林伟雨
    正标题:家政面试技巧，姐妹赶快收藏起来！副标题:家政技巧每个客户面试的时候第一句都是一样的，你先来个自我介绍，那很多阿姨她不准备临时发挥，那你一紧张啥都说不出来了，你技能再强再硬，你说不出来，那客户他也不知道，咱说呀，得能说会说说到点子上，那客户他才愿意给你开高的工资，我先问大家一个问题，面试之前，你知不知道这个客户基本的情况，他为啥要请阿姨花一两万块钱让阿姨帮他解决什么问题呢？它的需求是啥？至少
  • 五大编程竞赛平台终极对比 2401_86601498 c++
    LeetCodeLeetCode是一个流行的在线编程平台，提供大量算法和数据结构题目。题目分为简单、中等和困难三个难度级别。LeetCode的题目涵盖各种主题，包括数组、字符串、树、动态规划等。LeetCode支持多种编程语言，包括C++，并提供在线代码编辑器和即时反馈。LeetCode还提供竞赛和面试模拟功能，适合准备技术面试的用户。CodeforcesCodeforces是一个以竞赛为主的在线
  • 软件测试理论基础、质量保证常见面试题 程序员阿沐
    全面掌握软件测试理论基础、文档编写，测试流程1.测试分为哪几个阶段?⒉谈谈你之前测试的项目流程，在每个阶段的输出有哪些?3.谈谈敏捷模式的认识?4.linux常见查看日志命令有哪些?5.线上质量BUG频频爆发怎么办?6.如何分析一个bug是前端还是后端的问题?这些问题你一定要能够很全面的表述出来。比如说我现在是面试官，我第一个肯定不会去问你哪些代码的问题，也不会问你自动化、测试开发的问题。第一个查
  • 颓然 Rarmuri
    半个月了吧，加上感冒加上乱七八糟的事，最近状态一直找不到。早晨起不来，该做的都没有做，只是去做一些搞刺激的事，一直想写个日记把最近的事总结下，但是却没有勇气去把他写出来。今天去面试产品助理，也不应后悔毕竟把自己学的都放到里面了，但是也因为这次恰恰发现自己好多不足，不要害怕一步步做，把这些事做完吧，一切也都会回到正轨。不怕晚，就怕不开始，摒弃找搞刺激的事物，慢慢喜欢上平淡之美。晚安
  • Android面试题之Kotlin扩展函数和apply函数详解 AntDreamer kotlinandroidkotlinjava
    本文首发于公众号“AntDream”，欢迎微信搜索“AntDream”或扫描文章底部二维码关注，和我一起每天进步一点点扩展函数扩展可以在不直接修改类定义的情况下增加类功能扩展可以用于自定义类，也可以用于标准函数和继承相似，扩展也能共享类行为，在无法接触某个类定义，或者某个类没有使用open修饰符，导致无法继承它时，扩展就是增加类功能的最好选择和定义一般函数差不多，但需要指定接收功能扩展的接受者类型
  • 如何提高工作技能,以及往什么方向提高,也许面试官会告诉你 sexy_cyber
    面试官问啥,钻研啥,通常面试官都会在一条线上逐渐深挖,一直问到最底层,来试探你的技术深度,算不算资深
  • 将HTML+JS+CSS数独游戏包装为安卓App yivifu web前端htmljavascriptcssandroidstudio
    HTML+JS+CSS制作一个数独游戏-CSDN博客中开发了一个数独游戏，这个数独游戏提供了一次性回退到指定步骤的辅助功能，在解决复杂数独问题时十分有帮助，可作为玩数独游戏的辅助工具，因此，考虑将它改装成安卓App安装在手机上，可以更方便使用。将纯HTML程序包装成安卓App在编码方面根本没有什么难度，真正的难度在于开发环境的配置和程序的编译运行。花了一个多星期，才总算编译成功了。有图有真相，在A
  • 我的前端封装之路
    最近有粉丝提问了我一个面试中遇到的问题，他说面试的时候，面试官问我：你在以前的项目中封装过组件吗？或者做过npm公共库吗？遇到过什么问题吗？当时自己突然觉得好像没什么可回答的啊，但面试结束想起来，自己在前端开发工作中貌似又在不停的封装东西。但因为没有提前准备这类问题，所以回答的不是很理想。这篇文章，我说一些我的封装工作历程，希望对大家有帮助吧。目录1那是一个日历组件1.1S1.2T1.3A1.4R
  • html5及css有什么区别,html5和css3的区别是什么？ weixin_39788256 html5及css有什么区别
    html5和css3是什么？区别是什么？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。什么是HTML5？HTML，超文本标记语言(HyperTextMarkupLanguage)，标准通用标记语言下的一个应用。是用于描述网页文档的一种标记语言。html5是HTML第五次重大修改后的版本，是当前最新版本，主要特点是支持原生的视频播放、离线存储、更多的语义
  • 《前端基础核心知识笔记：HTML、CSS、JavaScript 及 BOM/DOM》 萌新小白的逆袭 前端笔记htmljavascript
    html前端三剑客的介绍：HTML:页面内容的载体Css：用来美化和指定页面的显示效果JavaScript：页面显示的过程中，可以动态改变页面的内容重点属性type="text"文本输入type="password"密码输入SerlvertC超链接type="radio"value="值"单选框type="checkbox"value="值"多选框在作用设置编码格式 action是跳转的界面met
  • CSS面试题及详细答案140道之（101-120） 还是大剑师兰特 前后端面试题css大剑师CSS面试题
    《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录101.解释`text-indent`属性的作用。102.如何在CSS中实现响应
  • 绝对定位 vs 浮动：CSS布局核心差异解析 代码的余温 css前端
    在CSS布局中，position:absolute和float都能实现元素脱离常规文档流，但它们在定位机制、布局影响和使用场景上有本质区别：一、核心区别总结特性position:absolutefloat脱离文档流✅完全脱离，不占空间✅部分脱离（保留浮动流空间）定位基准相对于最近的非static祖先元素相对于父容器或相邻浮动元素元素类型转换自动转为块级元素（类似display:block）自动转为
  • web前端入门到实战：CSS实现8种炫酷按钮 大前端世界
    今天给大家分享8种炫酷按钮的CSS实现。1.3D按钮1现在的主流是扁平化的设计，拟物化的设计比较少见了，所以我们仅从技术角度去分析如何实现这个3D按钮该按钮的立体效果主要由按钮多出的左、下两个侧面衬托出来，我们可以使用box-shadow模拟出这两个侧面：HTML：3DButton1CSS:.button-3d-1{position:relative;background:orangered;bo
  • 昨日感想 身心健实
    暂时依然以做兼职为主，一到五面试，一个月内找不到，做好长期运营一个网站，开始自己优化，推广自己的个人品牌。目前感兴趣的方面是个人成长，关于心理学与医学。然后就是金融，投资也10多年了，上次遇上那家抽烟公司，我直接全都加不，只想赶紧离开，好像说错了，我对财务报表，财务知识，都是特别去学过，平时都在运用，次数一个月一次是有的。可能成为职业的爱好就是写作与编程，目前来说，长期会一直坚持这些爱好。我这个人
  • 计算机专业考研复试全攻略——从笔试到机试，从英语面试到项目答辩的完整解决方案
    一、复试备战全景规划1.1复试全流程解析复制初试成绩公布→复试分数线确认→资格审查→专业课笔试→英语能力测试→综合面试→机试（部分院校）→拟录取公示时间管理建议（以3月复试为例）：复制1月：专业课基础复习+英语口语积累2月：强化核心考点+项目经验整理3月：模拟面试训练+热点技术追踪1.2复试评分维度拆解考核模块占比核心考察点专业课笔试40%-50%知识体系完整性、计算思维能力英语面试15%-20%
  • 【C语言】从零实现 memcpy：原理、陷阱与实战 BabyZZの秘密日记 C语言c语言开发语言
    个人主页：BabyZZの秘密日记收入专栏：C语言文章目入1.什么是`memcpy`？2.标准库版本示例3.自己写一个`my_memcpy`3.1思路拆解3.2完整实现3.3测试代码4.常见坑&面试追问5.小结本文面向C语言初学者与面试复习人群，通过两个完整示例带你深入理解memcpy的工作机制，并亲手实现一个“简化版”的my_memcpy。阅读时间约5分钟。1.什么是memcpy？memcpy是C
  • 力扣面试150题--最大子数组和
    Day79题目描述思路比较简单，我们从左向右遍历一次，记录当前元素的前一个元素之前的最大子序列和leftbe和目前已遍历元素的最大子序列和leftmax，首先获取新的leftbe，即取max（leftbe+当前元素，当前元素）判断更新后的leftbe是否大于leftmax，大于就更新最后返回leftmaxclassSolution{publicintmaxSubArray(int[]nums){i
  • 学习 Python 爬虫需要哪些基础知识？ 广州山泉婚姻 python爬虫
    学习Python爬虫需要掌握一些基础技术和概念。1.Python基础语法这是最根本的前提，需要熟悉：-变量、数据类型（字符串、列表、字典等）-条件判断、循环语句-函数、类与对象-模块和包的使用（如import语句）2.网页基础了解网页的构成和工作原理：-HTML结构：能看懂标签、属性，知道如何定位内容（如div、span、a标签等）-CSS选择器：用于精准定位网页元素（如类选择器.class、ID
  • 高频面试雷区：Java Object六大核心方法源码剖析
    JavaObject核心方法全解：从源码到实战的深度指南在Java开发中，90%的对象操作都离不开Object类的方法，但大多数开发者仅停留在表面理解。本文将深入源码揭示每个方法的底层机制，并通过真实场景展示如何正确使用这些基础但强大的工具。一、Object类全景图：Java对象的基因库Object+wait():void+wait(longtimeout):void+notify():void+
  • 递归循环子组件_一道价值25k的腾讯递归组件面试题（Vue3 + TS 实现） 郑佩珊 递归循环子组件
    前言小伙伴们好久不见，最近刚入职新公司，需求排的很满，平常是实在没时间写文章了，更新频率会变得比较慢。周末在家闲着无聊，突然小弟过来紧急求助，说是面试腾讯的时候，对方给了个Vue的递归菜单要求实现，回来找我复盘。正好这周是小周，没想着出去玩，就在家写写代码吧，我看了一下需求，确实是比较复杂，需要利用好递归组件，正好趁着这个机会总结一篇Vue3+TS实现递归组件的文章。需求可以先在GithubPag
  • 【前端vue3面试题】2024最新面试实录vue3(2)，最新前端大厂高频面试题
    *watch与watchEffect*provide与inject重构虚拟DOM,diff算法生命周期更名beforeDestroy改名为beforeUnmountdestroyed改名为unmounted//Vue3.0也提供了CompositionAPI形式的生命周期钩子，与Vue2.x中钩子对应关系如下：beforeCreate===>setup()created===>setup()bef
  • 阿里面试现场实录，三轮技术面+HR面总结归纳，属于包教包会的面经了 程序媛小洁 程序人生程序员面试经验面试java经验分享
    一、开场白简单的介绍一下自己的工作经历与职责，在校或者工作中主要的工作内容，主要负责的内容；（你的信息一清二白的写在简历上，这个主要为了缓解面试者的压力）介绍下自己最满意的，有技术亮点的项目或平台，重点介绍下自己负责那部分的技术细节；（主要考察应聘者对自己做过的事情是否有清晰的描述，判断做的事情的复杂度）作者为大家整理了很多资料！包括一线大厂Java面试题总结+各知识点学习思维导+一份300页pd
  • 每日精进100/200 2020-04-09 回归自己的成长
    对商务人士而言，所谓学习只有学以致用才有意义，单纯的增加知识量的学习方式只是一种徒劳。《经营者养成笔记》每天三件事202004081.工作上：事项沟通；人员面试；新员工入职；与生产进行培训资料梳理；盖章；其他协调。2.陪伴家人：一起晚餐，聊天，看书，陪孩子洗刷。3.各类打卡：早起，keep运动，英语读诗，单词，口语学习，美图搜集，语音打卡，三件事，每日精进发布，文章点评，完成。小确幸：1.跟领导沟
  • 社招面试官问我Spring的IOC是啥？我一个比喻让他眼前一亮！ 软件求生 #工作建议人工智能开发语言java大数据算法
    大家好，我是小米，一个31岁的程序员大哥哥，经历了太多社招面试后，逐渐从“面试焦虑”毕业了，现在最大的乐趣，就是给朋友讲面试故事+分享技术干货。今天要聊的，是我最近帮一个朋友模拟面试时遇到的一个老生常谈、但又超容易踩坑的问题：“你能说说Spring的IOC是什么吗？它是怎么实现的？”朋友当场一愣，说了一些“IOC是控制反转，DI是依赖注入，它能让对象解耦……”就被我摇头否掉了。今天，我就用一个超级
  • 简历 熏煖
    春招还在继续，感觉我整个人已经有点佛了，不慌不忙……但是说到底还有一点方。春招对于我而言，比较累的一件事是写简历，因为简历要过了以后才能面试，所以简历怎么包装就比较重要了。只是一份，还能接受，但是春招的不同职位要求不一样，简历是要根据要求来改动的，所以……基本上是一个职位一份简历。挺累。
  • iOS http封装 374016526 ios服务器交互http网络请求
    程序开发避免不了与服务器的交互，这里打包了一个自己写的http交互库。希望可以帮到大家。   内置一个basehttp，当我们创建自己的service可以继承实现。   KuroAppBaseHttp *baseHttp = [[KuroAppBaseHttp alloc] init]; [baseHttp setDelegate:self]; [baseHttp
  • lolcat ：一个在 Linux 终端中输出彩虹特效的命令行工具 brotherlamp linuxlinux教程linux视频linux自学linux资料
      那些相信 Linux 命令行是单调无聊且没有任何乐趣的人们，你们错了，这里有一些有关 Linux 的文章，它们展示着 Linux 是如何的有趣和“淘气” 。 在本文中，我将讨论一个名为“lolcat”的小工具 – 它可以在终端中生成彩虹般的颜色。 何为 lolcat ? Lolcat 是一个针对 Linux，BSD 和 OSX 平台的工具，它类似于 cat 命令，并为 cat
  • MongoDB索引管理（1）——[九] eksliang mongodbMongoDB管理索引
    转载请出自出处：http://eksliang.iteye.com/blog/2178427 一、概述       数据库的索引与书籍的索引类似，有了索引就不需要翻转整本书。数据库的索引跟这个原理一样，首先在索引中找，在索引中找到条目以后，就可以直接跳转到目标文档的位置，从而使查询速度提高几个数据量级。       不使用索引的查询称
  • Informatica参数及变量 18289753290 Informatica参数变量
    下面是本人通俗的理解，如有不对之处，希望指正 info参数的设置：在info中用到的参数都在server的专门的配置文件中（最好以parma）结尾 下面的GLOBAl就是全局的，$开头的是系统级变量，$$开头的变量是自定义变量。如果是在session中或者mapping中用到的变量就是局部变量，那就把global换成对应的session或者mapping名字。 [GLOBAL] $Par
  • python 解析unicode字符串为utf8编码字符串 酷的飞上天空 unicode
    php返回的json字符串如果包含中文，则会被转换成\uxx格式的unicode编码字符串返回。 在浏览器中能正常识别这种编码，但是后台程序却不能识别，直接输出显示的是\uxx的字符，并未进行转码。   转换方式如下   >>> import json >>> q = '{"text":"\u4
  • Hibernate的总结 永夜-极光 Hibernate
    1.hibernate的作用,简化对数据库的编码,使开发人员不必再与复杂的sql语句打交道   做项目大部分都需要用JAVA来链接数据库，比如你要做一个会员注册的 页面，那么 获取到用户填写的 基本信后，你要把这些基本信息存入数据库对应的表中，不用hibernate还有mybatis之类的框架，都不用的话就得用JDBC，也就是JAVA自己的，用这个东西你要写很多的代码，比如保存注册信
  • SyntaxError: Non-UTF-8 code starting with '\xc4' 随便小屋 python
    刚开始看一下Python语言，传说听强大的，但我感觉还是没Java强吧！ 写Hello World的时候就遇到一个问题，在Eclipse中写的，代码如下 ''' Created on 2014年10月27日 @author: Logic ''' print("Hello World!");  运行结果 SyntaxError: Non-UTF-8
  • 学会敬酒礼仪 不做酒席菜鸟 aijuans 菜鸟
    俗话说，酒是越喝越厚，但在酒桌上也有很多学问讲究，以下总结了一些酒桌上的你不得不注意的小细节。 细节一：领导相互喝完才轮到自己敬酒。敬酒一定要站起来，双手举杯。 细节二：可以多人敬一人，决不可一人敬多人，除非你是领导。 细节三：自己敬别人，如果不碰杯，自己喝多少可视乎情况而定，比如对方酒量，对方喝酒态度，切不可比对方喝得少，要知道是自己敬人。 细节四：自己敬别人，如果碰杯，一
  • 《创新者的基因》读书笔记 aoyouzi 读书笔记《创新者的基因》
    创新者的基因   创新者的“基因”，即最具创意的企业家具备的五种“发现技能”：联想，观察，实验，发问，建立人脉。   第一部分破坏性创新，从你开始 第一章破坏性创新者的基因 如何获得启示： 发现以下的因素起到了催化剂的作用：(1) -个挑战现状的问题；(2)对某项技术、某个公司或顾客的观察；(3) -次尝试新鲜事物的经验或实验；(4)与某人进行了一次交谈，为他点醒
  • 表单验证技术 百合不是茶 JavaScriptDOM对象String对象事件
    js最主要的功能就是验证表单,下面是我对表单验证的一些理解,贴出来与大家交流交流  ,数显我们要知道表单验证需要的技术点, String对象,事件,函数   一:String对象;通常是对字符串的操作;   1,String的属性;   字符串.length;表示该字符串的长度; var str= "java"
  • web.xml配置详解之context-param bijian1013 javaservletweb.xmlcontext-param
    一.格式定义： <context-param> <param-name>contextConfigLocation</param-name> <param-value>contextConfigLocationValue></param-value> </context-param> 作用：该元
  • Web系统常见编码漏洞（开发工程师知晓） Bill_chen sqlPHPWebfckeditor脚本
    1.头号大敌：SQL Injection 原因：程序中对用户输入检查不严格，用户可以提交一段数据库查询代码，根据程序返回的结果， 获得某些他想得知的数据，这就是所谓的SQL Injection，即SQL注入。 本质: 对于输入检查不充分，导致SQL语句将用户提交的非法数据当作语句的一部分来执行。 示例： String query = "SELECT id FROM users
  • 【MongoDB学习笔记六】MongoDB修改器 bit1129 mongodb
    本文首先介绍下MongoDB的基本的增删改查操作，然后，详细介绍MongoDB提供的修改器，以完成各种各样的文档更新操作  MongoDB的主要操作 show dbs 显示当前用户能看到哪些数据库 use foobar 将数据库切换到foobar show collections 显示当前数据库有哪些集合 db.people.update，update不带参数，可
  • 提高职业素养，做好人生规划 白糖_ 人生
      培训讲师是成都著名的企业培训讲师，他在讲课中提出的一些观点很新颖，在此我收录了一些分享一下。注：讲师的观点不代表本人的观点，这些东西大家自己揣摩。   1、什么是职业规划：职业规划并不完全代表你到什么阶段要当什么官要拿多少钱，这些都只是梦想。职业规划是清楚的认识自己现在缺什么，这个阶段该学习什么，下个阶段缺什么，又应该怎么去规划学习，这样才算是规划。  
  • 国外的网站你都到哪边看？ bozch 技术网站国外
    学习软件开发技术，如果没有什么英文基础，最好还是看国内的一些技术网站，例如：开源OSchina，csdn，iteye,51cto等等。 个人感觉如果英语基础能力不错的话，可以浏览国外的网站来进行软件技术基础的学习，例如java开发中常用的到的网站有apache.org 里面有apache的很多Projects,springframework.org是spring相关的项目网站,还有几个感觉不错的
  • 编程之美-光影切割问题 bylijinnan 编程之美
    package a; public class DisorderCount { /**《编程之美》“光影切割问题” * 主要是两个问题： * 1.数学公式（设定没有三条以上的直线交于同一点）： * 两条直线最多一个交点，将平面分成了4个区域； * 三条直线最多三个交点，将平面分成了7个区域； * 可以推出：N条直线 M个交点，区域数为N+M+1。
  • 关于Web跨站执行脚本概念 chenbowen00 Web安全跨站执行脚本
    跨站脚本攻击(XSS)是web应用程序中最危险和最常见的安全漏洞之一。安全研究人员发现这个漏洞在最受欢迎的网站,包括谷歌、Facebook、亚马逊、PayPal,和许多其他网站。如果你看看bug赏金计划,大多数报告的问题属于 XSS。为了防止跨站脚本攻击,浏览器也有自己的过滤器,但安全研究人员总是想方设法绕过这些过滤器。这个漏洞是通常用于执行cookie窃取、恶意软件传播,会话劫持,恶意重定向。在
  • [开源项目与投资]投资开源项目之前需要统计该项目已有的用户数 comsci 开源项目
            现在国内和国外,特别是美国那边,突然出现很多开源项目,但是这些项目的用户有多少,有多少忠诚的粉丝,对于投资者来讲,完全是一个未知数,那么要投资开源项目,我们投资者必须准确无误的知道该项目的全部情况,包括项目发起人的情况,项目的维持时间..项目的技术水平,项目的参与者的势力,项目投入产出的效益.....
  • oracle alert log file（告警日志文件） daizj oracle告警日志文件alert log file
    The alert log is a chronological log of messages and errors, and includes the following items: All internal errors (ORA-00600), block corruption errors (ORA-01578), and deadlock errors (ORA-00060)
  • 关于 CAS SSO 文章声明 denger SSO
    由于几年前写了几篇 CAS 系列的文章，之后陆续有人参照文章去实现，可都遇到了各种问题，同时经常或多或少的收到不少人的求助。现在这时特此说明几点： 1.  那些文章发表于好几年前了，CAS 已经更新几个很多版本了，由于近年已经没有做该领域方面的事情，所有文章也没有持续更新。 2. 文章只是提供思路，尽管 CAS 版本已经发生变化，但原理和流程仍然一致。最重要的是明白原理，然后
  • 初二上学期难记单词 dcj3sjt126com englishword
    lesson 课 traffic 交通 matter 要紧；事物 happy 快乐的，幸福的 second 第二的 idea 主意；想法；意见 mean 意味着 important 重要的，重大的 never 从来，决不 afraid 害怕 的 fifth 第五的 hometown 故乡，家乡 discuss 讨论；议论 east 东方的 agree 同意；赞成 bo
  • uicollectionview 纯代码布局, 添加头部视图 dcj3sjt126com Collection
    #import <UIKit/UIKit.h> @interface myHeadView : UICollectionReusableView { UILabel *TitleLable; } -(void)setTextTitle; @end #import "myHeadView.h" @implementation m
  • N 位随机数字串的 JAVA 生成实现 FX夜归人 javaMath随机数Random
    /** * 功能描述 随机数工具类<br /> * @author FengXueYeGuiRen * 创建时间 2014-7-25<br /> */ public class RandomUtil { // 随机数生成器 private static java.util.Random random = new java.util.R
  • Ehcache（09）——缓存Web页面 234390216 ehcache页面缓存
    页面缓存 目录 1       SimplePageCachingFilter 1.1      calculateKey 1.2      可配置的初始化参数 1.2.1     cach
  • spring中少用的注解@primary解析 jackyrong primary
    这次看下spring中少见的注解@primary注解，例子 @Component public class MetalSinger implements Singer{ @Override public String sing(String lyrics) { return "I am singing with DIO voice
  • Java几款性能分析工具的对比 lbwahoo java
    Java几款性能分析工具的对比 摘自：http://my.oschina.net/liux/blog/51800   在给客户的应用程序维护的过程中，我注意到在高负载下的一些性能问题。理论上，增加对应用程序的负载会使性能等比率的下降。然而，我认为性能下降的比率远远高于负载的增加。我也发现，性能可以通过改变应用程序的逻辑来提升，甚至达到极限。为了更详细的了解这一点，我们需要做一些性能
  • JVM参数配置大全 nickys jvm应用服务器
    JVM参数配置大全 /usr/local/jdk/bin/java -Dresin.home=/usr/local/resin -server -Xms1800M -Xmx1800M -Xmn300M -Xss512K -XX:PermSize=300M -XX:MaxPermSize=300M -XX:SurvivorRatio=8 -XX:MaxTenuringThreshold=5 -
  • 搭建 CentOS 6 服务器(14) - squid、Varnish rensanning varnish
    （一）squid 安装 # yum install httpd-tools -y # htpasswd -c -b /etc/squid/passwords squiduser 123456 # yum install squid -y 设置 # cp /etc/squid/squid.conf /etc/squid/squid.conf.bak # vi /etc/
  • Spring缓存注解@Cache使用 tom_seed spring
    参考资料 http://www.ibm.com/developerworks/cn/opensource/os-cn-spring-cache/ http://swiftlet.net/archives/774   缓存注解有以下三个： @Cacheable      @CacheEvict     @CachePut
  • dom4j解析XML时出现"java.lang.noclassdeffounderror: org/jaxen/jaxenexception"错误 xp9802
    java.lang.NoClassDefFoundError: org/jaxen/JaxenExc 关键字: java.lang.noclassdeffounderror: org/jaxen/jaxenexception 使用dom4j解析XML时，要快速获取某个节点的数据，使用XPath是个不错的方法，dom4j的快速手册里也建议使用这种方式 执行时却抛出以下异常： Exceptio
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他