日常随笔

  |  
 阅读次数

关于写blog的意义

博客日志相当于一个日常记事本,可以理解为日记,学习笔记。

工作的状态也是属于不停学习的状态,在我们遇到问题的时候,大脑进行思考,以及运用互联网解决问题的过程,都会收获 想法 与 知识。

俗话说:好记性不如烂笔头。在保持勤思考的同时,也应该及时做记录。

罗辑思维《如何成为一个高手》里讲到: 钱钟书虽然是响当当的文学家,但是家里是没有多少藏书的 ( 相对而言,不可片面认知 ) ,更多的是记笔记的笔记本。

这就说明我们不应该以 收集知识的总量 来衡量 一个人的学识,而是应该判断 一个人 掌握知识的总量 来确定他的学识。

判断掌握知识的标准,在《罗辑思维》里被界定为,知道、理解知识的运用方法及手段。\
或者说可以理解为,遇到问题,在大脑里有解决问题的思路与方法。相当于数据库的索引,可以快速调取知识,如果是庞杂的知识体量可以用静态资源目录的方式储存(类似于遇到问题用百度,但是要知道查询什么知识点)。

所以我认为,blog的过程就是,大脑对 问题 和 知识点 进行思考建立索引的过称。


权力与理想的斗争,是人类自有文明以来,迄今仍在不断探索的命题。

2018年7月24日 16:27:27


我国对于充气娃娃最早的记载,是在中国学者夏燮的《中西纪事》

2018年7月25日 16:27:35

“洋人又能制物为裸妇人,肌肤骸骨耳目齿舌,阴窍无一不具,初折迭如衣物,以气吹之,则柔软温暖如美人,可拥以交接如人道,其巧而丧心如此。”

CSS-潜藏着的BFC

  |  
 阅读次数

一、什么是BFC(Block Formatting Context)

CSS样式时,对一个元素设置css,我们首先要知道这个元素是块级元素还是行内元素,而BFC就是用来格式化块级盒子的。

Formatting Context:指页面中一个渲染区域,并且拥有一套渲染规则,它决定了其子元素如何定位,以及与其他元素的相互关系和作用。

BFC定义:块级格式化上下文 它是指一个独立的块级渲染区域,只有Block-level Box参与,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。

二、BFC的生成

说到BFC是一块渲染区域,那么这块渲染区域到底在哪里呢,具体大小又是多少?这些都是由生成BFC的元素来决定的。

满足下列CSS声明之一的元素便会生成BFC:

  • 1.根元素或其它包含它的元素
  • 2.float的值不为none;
  • 3.overflow的值不为visible;
  • 4.position的值不为static;
  • 5.display的值为inline-block、table-cell、table-caption;
  • 6.flex boxes (元素的display: flex或inline-flex);

    注:也有人认为display: table能生成BFC,我认为最主要原因是table会默认生成一个匿名的table-cell,正是这个匿名的table-cell生成了BFC。

    三、BFC的布局规则

    菜鸟教程待续