8 30 9 4日隨筆之一(BFC)

2022-08-17 10:21:12 字數 856 閱讀 9302

好久沒發部落格了,今天來寫寫作為前端菜鳥的,由於初學實在沒有什麼大級別的技術可以說的,就只能寫寫我對本週學習的知識的領悟。在本週我認識前端的兩個要點,乙個是bfc還有乙個就是物件導向,這兩個要點在以前的學習中都沒有怎麼接觸過,所有對我來說這是這週記憶最深刻的。

bfc全稱塊級格式化上下文,它是指乙個獨立的塊級渲染區域,該區域擁有一套渲染規則來約束塊級盒子的布局,且與區域外部無關。區域內部的所有布局都不會對外部產生影響;body內部所有的元素都處於bfc環境下;其它元素想要讓內部處於bfc環境則需要宣告一下,宣告有如下幾個:1、float的值不為none時;2、

overflow的值不為visible時3、

position的值為absolute或fixed時;4、display的值不為none時(這個我記不太清楚了)。在bfc環境下,所有浮動元素的高度也會參與計算,也就是說把觸發了bfc狀態的父元素給撐開。

bfc對頁面布局來說,非常有用,但是在同乙個bfc環境下,會發生垂直方向上的margin重疊,當發生這種情況時,可以再設定乙個ddiv將發生重疊的元素裝入,並讓div觸發bfc環境,這樣就可以消除垂直方向上的重疊了,因為bfc是隔離的獨立容器,容器裡面的子元素不會影響到外面的元素。這裡可能我寫得不是很好,不怎麼好理解。

觸發bfc環境後外界的元素布局也不會產生影響,例如,先設定乙個大的div,然後在其內部設定兩個小div,乙個稍小的名為a設定為float:left,設定高度和寬度,另一稍大的名為b不設定浮動,只設定高度不設定寬度,我們會看到float:left的div會重疊在未設定浮動的div上,但是如果我們給b設定觸發了bfc,b便會挨著a排布但是b的自身寬度會減少,從而讓出a的位置,不會再出現重疊的現象了。

在以後的頁面布局中,對bfc的使用肯定會非常多,希望能我的技巧更加的熟練。

專案管理反思隨筆之一

今天,是我的第乙個專案的beta版發布日期。回顧這個專案的風風雨雨 坎坎坷坷,不得不說,專案管理,想愛你並不容易。從今天起,我將回憶這個過程的點點滴滴,記錄下我的成長歷程。質量 質量會壓倒所有的其他管理因素,包括效能 功能最終消耗的資源!只有產品的質量,在n年以後,還會有人對他津津樂道,而譬如專案是...

C Primer隨筆之一 順序容器

一.容器介面卡 預設的stack和queue都是基於deque實現的,而priority queue則是在vector容器上實現。1.stack介面卡可以建立在vector list或者deque容器之上 2.queue介面卡要求其關聯的基礎介面卡必須提供push front運算,因此只能建立在li...

NGINX配置之一 日誌篇

開啟nginx.conf配置檔案 vi usr local nginx conf nginx.conf 日誌部分內容 日誌生成的到nginx根目錄logs access.log檔案,預設使用 main 日誌格式,也可以自定義格式。access log logs access.log main 預設 ...