antd原始碼分析之 柵格(Grid)

2022-07-25 01:30:36 字數 1006 閱讀 9936

官方文件 

目錄一、antd中的grid

**目錄

1、整體思路

2、less檔案結構圖(♦♦♦重要)

3、less實現邏輯圖(♦♦♦重要)

4、原始碼節選:antd/components/grid/style/mixin.less

5、原始碼節選:antd/components/grid/col.tsx

grid沒有使用react 底層基礎元件。grid的特點在於css樣式的控制,本次著重對css結構進行了梳理

**目錄

1、整體實現思路

colrow

2、css檔案結構圖

3、col中less實現邏輯圖

4、原始碼節選:antd/components/grid/style/mixin.less

5、原始碼節選:antd/components/grid/col.tsx

Bootstrap 柵格原始碼解析 一

原始碼部分 固定容器 container media min width screen md min media min width screen lg min fluid container 流體容器 utilizes the mixin meant for fixed width contain...

原始碼分析之LayoutInflater

簡介 inflate填充的過程 viewstub,merge,include的載入過程 layoutinflater系統服務的註冊過程 systemserviceregistry類有個靜態 塊,完成了常用服務的註冊,如下 static 註冊am registerservice context.act...

原始碼分析之HashMap

首先hashmap繼承了abstractmap,並且實現了map cloneable和serializable三個介面。cloneable和serializable是比較常規的兩個介面,在這裡並不作為重點。重點將會放在abstractmap和map兩個規範上。其中abstractmap是乙個抽象類,...