一些關於BFC的心得

2021-08-28 11:27:54 字數 1012 閱讀 9377

bfc的概念

什麼是bfc?

bfc:塊級格式化上下文是前端頁面的視覺化css渲染的一部分,是布局過程中生成塊級盒子的區域,也是浮動元素與其他元素的互動限定區域。

在bfc中,盒子從頂端開始垂直的乙個接乙個的排列,兩個盒子之間的垂直的間隔是由他們的margin值決定的,在乙個bfc中,兩個相鄰的塊級盒子的垂直外邊距會產生摺疊

簡單的說,就是把bfc當做是乙個盒子,盒子內部的元素無論怎麼操作都不會影響到外部

btf的具體應用

1.在同乙個btf下會發生外邊距合併

外邊距合併會有三種情況

第一種,當兩個元素垂直排列時,第乙個元素的外邊距會與第二個元素的上邊距發生合併

2.當乙個元素包含另乙個元素中時(假如沒有內邊距或邊框把外邊距分隔開),他們的上下外邊距也會發生合併

3.假如有乙個空元素,這個空元素有外邊距,但是沒有邊或者內容以及填充,在這種情況下,上外邊距和下外邊距就會碰到一起,但是沒有發生合併

解決方式:

可以將這些元素放在不同的bfc容器中

效果圖

關於Web Worker的一些心得

現在在平台中線程js中不能識別extjs的方法,原因是執行緒js無法引入extjsd的方法。onmessage只接收資料,不能在裡面直接寫方法,只能呼叫外面的方法 webwork.js無法訪問window,docment等物件 案例 建立乙個執行緒 varworker newworker test ...

關於租房的一些心得

在下畢業於2020年7月,畢業後找了兩份工作,產生了一些由於不慎重而導致的損失。這裡提醒一些剛開始租房還沒有退房的小夥伴幾點一定要注意的,不要因為想當然而把房子借給別人 不要因為想當然而給別人好處,特別的鄰居,因為當出現問題時他們未必會幫你,並且會對你的要求厭煩 應該在自己人在場時退房而不能等到離開...

關於專案的一些心得

1.分析需求很重要。在最近做的專案中,關於需求這一點,基本上不容易一次就找好,總是需要不斷的反覆看業務去分析才能知道需求。2.三層架構模式 介面層 user inte ce layer 業務邏輯層 business logic layer 資料訪問層 data access layer 區分層次的目...