zhangyaochun
zhangyaochun

BFC相关

 

     触发BFC

 

  • float非none
  • overflow非visible
  • display：table-cell | table-caption | inline-block
  • position：absolute | fixed
  • fieldset元素

 

 

 

 

 

      BFC特性：

 

  • 块级格式化上下文阻止外边距叠加
  • 块级格式化上下文不会重叠浮动元素
  • 块级格式化上下文可以包含浮动

 

       BFC的元素就是一个独立的盒子，里面的子元素不会再布局上影响外面的元素，属于文档中的普通流

你可能感兴趣的:(BFC)

  • 前端CSS面试常见题 剑亦未配妥 前端面试前端css面试
    边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
  • 面试必备：掌握BFC解决布局问题的核心要点 ZhaiMou 面试htmlcss3前端javascripthtml5
    什么是FC呢FC–FormattingContext格式上下文在w3c上说Boxesinthenormalflowbelongtoaformattingcontext,whichmaybeblockorinline,butnotbothsimultaneously.Block-levelboxesparticipateinablockformattingcontext.Inline-levelbo
  • 前端，高度塌陷 沦陷_99999
    本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷解决高度塌陷BFC父元素的垂直外边距不会和子元素重叠开启BFC的元素不会被浮动元素所覆盖开启BFC的元素可以包含浮动的子元素如何开启BFC设置元素浮动设置元素的绝对定位设置元素为inline-block将元素的overflow设置为一个非visible的值（副作用最小的）.box{border:
  • 【css】如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？ 繁星召唤 csshtml前端
    一、双栏布局双栏布局非常常见，往往是以一个定宽栏和一个自适应的栏并排展示存在实现思路也非常的简单：使用float左浮左边栏右边模块使用margin-left撑出内容块做内容展示为父级元素添加BFC，防止下方元素飞到上方内容代码如下：.box{overflow:hidden;添加BFC}.left{float:left;width:200px;background-color:gray;height
  • 【前端知识整理】CSS布局 快速居中，两栏布局与三栏布局 EnoshSAGIRI csscss前端css3
    CSS中的各种布局方法1快速居中对齐的方法2两栏布局2.1左列定宽右列自适应2.1.1浮动+margin方法2.1.2浮动+BFC2.1.3定位（子绝父相）2.1.4flex2.1.5浮动+负外边距2.1.6table2.2左列不定宽右列自适应3三栏布局3.1浮动+margin3.2浮动+BFC3.3flex3.4table3.5定位3.6圣杯布局3.7双飞翼布局3.8grid1快速居中对齐的方法
  • 学习前端面试知识（5） BHDDGT 前端学习学习前端
    2024-8-1打卡第五天学习视频链接清除浮动的方法先解释一下增加浮动可能会导致的一个高度塌陷的问题：按照下面的两张图来看，没增加浮动前两个容器可以被包含在父容器之中，给子容器增加了浮动之后父容器的高度就出问题了。清除浮动就是为了避免这样一个高度塌陷的问题。有几个解决方法在父组件中添加overflow:hidden。BFC是一个独立的渲染区域，它内部元素的布局不会影响到外部的元素。在BFC中，浮动
  • 了解CSS中的BFC Dingdangr css
    CSS中的BFC（BlockFormattingContext），即块级格式化上下文，是Web页面布局中的一个重要概念。它代表了页面中的一个独立的渲染区域，并拥有一套独特的渲染规则，这些规则决定了该区域内元素如何布局以及它们之间的相互作用。下面将从BFC的定义、触发条件、特性以及应用场景等方面进行详细阐述。一、BFC的定义BFC是页面中的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反
  • 2024 前端面试题 附录1 好想玩原神 前端前端面试javascriptvue
    这里记录的是今天看到的其他的知识点原篇地址：2024前端面试题（GPT回答+示例代码+解释）No.1-No.20目录这里记录的是今天看到的其他的知识点原篇地址：[2024前端面试题（GPT回答+示例代码+解释）No.1-No.20](https://blog.csdn.net/m0_67023788/article/details/136101352)附1.用原生CSS画一个三角形附2.BFC是什
  • SpringBoot2-Jwt wang_peng SpringBootjava服务器前端
    1.官网jwt.io/libraries2.选jose4jpomorg.bitbucket.b_cjose4j0.9.43.创建jwt工具publicclassJwtUtil{privatestaticStringsecret="e0e775bfcad04ecc94807b028dfca4d5";//"12345678123456781234567812345678";//注意密钥长短（最少32个
  • CSS之BFC 大超-无痕 CSScsscss3前端
    BFC概念BFC（BlockFormattingContext）即块级格式化上下文，是Web页面的可视CSS渲染的一部分。它是一个独立的渲染区域，让其中的元素在布局上与外部的元素互不影响。简单来说，BFC提供了一个环境，允许内部的块级元素在垂直方向上一个接一个地放置，同时，BFC也会影响外部的布局特性，比如防止外边距折叠。创建BFC方式根html元素。浮动元素（元素的float不是none）。绝对
  • HTML 小熬七
    HTML和CSS页面布局css盒模型BFC页面布局左右固定，中间自适应.png有5中可以解决：第一种：浮动.layout.float.left{float:left;width:300px;background:red;}.layout.float.center{background:yellow;}.layout.float.right{float:right;width:300px;backg
  • 剑指 Offer 12. 矩阵中的路径 leeehao
    题目请设计一个函数，用来判断在一个矩阵中是否存在一条包含某字符串所有字符的路径。路径可以从矩阵中的任意一格开始，每一步可以在矩阵中向左、右、上、下移动一格。如果一条路径经过了矩阵的某一格，那么该路径不能再次进入该格子。例如，在下面的3×4的矩阵中包含一条字符串“bfce”的路径（路径中的字母用加粗标出）。[["a","b","c","e"],["s","f","c","s"],["a","d","
  • sqlyog注册码 总有刁民想呀么想害朕 sqlyogsqlyog破解注册码
    SQLyog激活注册码用户名：随意填写秘钥：ccbfc13e-c31d-42ce-8939-3c7e63ed5417a56ea5da-f30b-4fb1-8a05-95f346a9b20ba0fe8645-3916-45d4-9976-cb6b88fecc6cb70d7f66-dac2-4462-bf51-c4e9347da763
  • 2019-03-21 樊小勇
    web前端记录1.第一次尝试写这个文档，这个文档将记录我对一些东西的总结和运用。2.首先在这里列一个大纲web前端基础学习技术大纲1.html基础常用标签2.css基础常用标签3.less的引入4.盒子模型5.reset重置样式的引用6.pc、移动端公共样式7.pc端浮动、定位8.div+flex移动端布局9.BFC10.阿里图标的使用
  • 理解 Css 布局和 BFC grain先森
    CSS布局中有一些概念，一旦你理解了它们，就能真正提高你的CSS布局能力。本文是关于块格式化上下文(BFC)的。你可能从未听说过这个术语，但是如果你曾经用CSS做过布局，你可能知道它是什么，理解什么是BFC，怎么工作以及如何创建BFC非常有用，这些可以帮助你理解CSS中的布局是如何工作的。在本文中，通过熟悉的示例来解释什么是BFC。然后说明display的一个新值，只有当你理解了什么是BFC以及为
  • ARM汇编指令 my_王老汉 #ARM内核单片机stm32arm开发arm开发汇编
    文章目录ARM汇编指令ARM指令集LDR和STRLDM和STMMOV运算操作比较指令分支跳转SWI软中断指令SVC系统服务调用饱和指令指令表Thumb指令集MRS和MSRIT指令块CBZ和CBNZTBB和TBHREV,REVH,RBITBFC/BFI，UBFX/SBFXUBFX/SBFX(位段提取指令)函数调用约定函数使用寄存器堆栈平衡ARM汇编程序符号，标号伪操作伪操作——ARM编译器伪操作——
  • BurpSuite v2024最新版本 知攻善防实验室 网络安全渗透测试安全
    补丁包WIndows、Linux、Mac都可以用下载地址https://pan.quark.cn/s/bfcb3fe2ee26
  • css的布局（BFC） 煸橙干儿~~ CSScss前端
    一、css中常规的定位方案1、普通流元素按照其在HTML中的先后位置自上而下布局。行内元素水平排列，当行被占满后换行；块级元素则会被渲染为完整的一行。所有元素默认都是普通流定位。2、浮动元素首先按照普通流的位置出现，然后根据浮动的方向尽可能的向左或向右偏移。浮动元素不占用普通流元素的位置。浮动后的元素具备行内块的特点；顶对齐；脱标。3、绝对定位绝对定位的元素与浮动类似，都是脱标元素，不占位。二、常
  • BFC格式化上下文 小旎子_8327
    概念：中文翻译为格式化上下文，是一块独立的渲染环境，该环境的内部元素布局不影响外部，外部元素的布局不影响内部如何形成：根元素浮动元素绝对定位元素行级块元素overflow不为visible的元素规则1.属于同一个BFC的两个相邻Box的上下margin会发生重叠；例子：image.pngimage.png解决方案：不让这两个元素在同一个BFC中image.png2.计算BFC的高度时，浮动元素也参
  • 前端系统知识整理 花开有声是我
    一、编程基础理解互联网产品开发流程、Web应用各部分的逻辑关系、命令行基础、Git代码管理二、HTML与CSS核心知识1、掌握HTML4（5）常见标签的用法、表单的用法2、理解CSS2（3）选择器权重、优先级、匹配顺序、继承、单位3、两种盒模型4、理解块、行的特性、理解边距折叠的概念5、理解浮动的特性，会用几种方式清除浮动6、理解BFC与各种FC的概念7、掌握定位的用法8、理解层叠上写文的概念9、
  • 【CSS】什么是BFC？BFC有什么作用？ 香菜啵子欸 CSScss前端
    【CSS】什么是BFC？BFC有什么作用？一、BFC概念二、触发BFC三、BFC特性即应用场景1、解决margin塌陷的问题2、避免外边距margin重叠（margin合并）3、清除浮动4、阻止元素被浮动元素覆盖一、BFC概念BFC(blockformattingcontext)块级格式化上下文，他是页面中的一块渲染区域，并且有一套属于自己的渲染规则，BFC是一个独立的布局环境，具有BFC特性的元
  • 浮动元素父元素高度自适应（高度塌陷） MarciaC
    浮动元素父元素高度自适应（高度塌陷）当子元素有浮动并且父元素没有高度的情况下父元素会出现高度塌陷高度塌陷的解决方法hack1：给父元素添加声明overflow:hidden;(触发一个BFC)（缺点：超出元素会被隐藏）hack2:在浮动元素下方添加空div,并给该元素添加声明：div{clear:both;height:0;overflow:hidden;}（缺点：造成代码冗余）hack3:万能清
  • 解决编译 libfcitxplatforminputcontextplugin.so插件时，产生的Parse error at "IID"错误 qq_14867127 Parseerrorat
    为解决Qt等常用软件中不能输入中文字符，下载的库文件也无法正常工作，所以自行编译libfcitxplatforminputcontextplugin.so.过程中，遇到不少问题．首先是依赖库的问题.相关解决方案引用如下：CMakeErroratCMakeLists.txt:8(find_package):Couldnotfindapackageconfigurationfileprovidedby
  • 高度塌陷 ，BFC，清除浮动，导航条 晚冬至雪
    高度塌陷父元素由子元素的高度撑开，如果子元素浮动，脱离了文档流，这时没有内容支撑父元素，则父元素塌陷BFC开启后具有特性1父元素的垂直外边距不会和子元素重叠2开启BFC的元素不会被浮动元素所覆盖3开启BFC的元素可以包含浮动的子元素如何开启BFC1设置元素浮动2设置元素绝对定位3设置元素为inline-block4将元素的overflow设置为一个非visible的值清除浮动clear：left；
  • CSS 外边距合并、塌陷和BFC 天外天-亮 csscss前端
    外边距合并CSS中的外边距合并指的是当两个相邻元素都设置了上下外边距时，它们之间会发生重叠。这种现象被称为"margincollapsing"（外边距合并）或者"margincollapse"（外边距塌陷）。可以看出上下两个盒子之间的边距是30px，这是一个常见的CSS现象CSS中的外边距合并是为了解决一些布局问题而设计的。在早期的HTML布局中，开发者经常遇到元素之间出现意外的空白区域，这通常是
  • BFC与浏览器兼容 我不信这样也重名
    BFC一、BFC是什么BFC(Blockformattingcontext)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-levelbox参与，它规定了内部的Block-levelBox如何布局，并且与这个区域外部毫不相干。二、如何形成BFCfloat属性不设为noneposition属性设为absolute或fixeddisplay设为inline-block、table-
  • 【CSS】外边距折叠（margin 塌陷） 小秀_heo CSScss前端
    外边距折叠(collapsingmargins)毗邻的两个或多个margin会合并成一个margin，叫做外边距折叠。规则如下:两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠浮动元素/inline-block元素/绝对定位元素/行内元素的margin不会和垂直方向上的其他元素的margin折叠创建了块级格式化上下文(BFC)的元素，不会和它的子元素发生margin折叠我们可以利用外
  • 高度塌陷 姓高名旭升
    本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷解决高度塌陷BFC父元素的垂直外边距不会和子元素重叠开启BFC的元素不会被浮动元素所覆盖开启BFC的元素可以包含浮动的子元素如何开启BFC设置元素浮动设置元素的绝对定位设置元素为inline-block将元素的overflow设置为一个非visible的值（副作用最小的）.box{border:
  • spawn-fcgi与fcgi的运行机制分析 cleanfield 网络编程c++编程linux系统管理mysql测试c
    这几天看了spawn-fcgi的源代码，以及libfcgi的源代码，终于明白了c程序fcgi的运行机制，这里画了一个时序图。官方的spawn-fcgi是没有守护监控功能的，我在此基础上实现了守护监控功能，ab并发测试，效果不错，有需要的同学可以直接下载http://download.csdn.net/source/3266317，或者参见http://blog.csdn.net/cleanfiel
  • SublimeText3入门 胡西风_foxww #编辑器sublimesublimeText注册码
    sublimeText3注册码顶部菜单=》Help=》enterlicense把下面的注册码输入。-----BEGINLICENSE-----sgbteamSingleUserLicenseEA7E-11532598891CBB9F1513E4F1A3405C1A865D53F115F202E7B91AB2D0D2A40ED352B269B76E84F0BCD69BFC759F2DFEFE2673
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他