Bulma 原始碼解析之 container 類

bulma 的.container類是這樣實現的。

.container

position: relative
// 不設定桌面以下裝置的 container
+desktop
margin: 0 auto
width: $desktop - 40px
// 修飾類
// .container.is-fluid 不固定長度、左右兩邊保留 20px 的外邊距，在桌面+裝置上有效
&.is-fluid
margin: 0 20px
max-width: none
width: auto
+widescreen
width: $widescreen - 40px
+fullhd
width: $fullhd - 40px

在寬屏裝置中，.container的寬度固定為「$widescreen - 40px」，也就是1152px，然後居中顯示。

在大屏裝置中，.container的寬度固定為「$fullhd - 40px」，也就是1344px，然後居中顯示。

除此之外，在桌面裝置中，如果.container還額外指定了.is-fluid類，那麼寬度就不再固定，不過左右兩邊各有了20px的外邊距。

關於$desktop、$widescreen和$fullhd的變數定義可以在 這裡 看到。

Android原始碼分析 全面理解Context

context是乙個抽象基類，我們通過它訪問當前包的資源 getresources getassets 和啟動其他元件 activity service broadcast 以及得到各種服務 getsystemservice 當然，通過context能得到的不僅僅只有上述這些內容。對context的...

Spring原始碼解析之 Aop原始碼解析（2）

spring aop 更多的是oop開發模式的乙個補充，幫助oop以更好的方式來解決對於需要解決業務功能模組之上統一管理 的功能 以一副圖來做為aop功能的說明更直觀些。對於類似系統的安全檢查，系統日誌，事務管理等相關功能，物件導向的開發方法並沒有更好的解決方法 aop引入了一些概念。更多的是spr...

原始碼解析 JDK原始碼之LinkedHashMap

linkedhashmap原始碼，基於 jdk1.6.43 他繼承了hashmap，並且實現了插入和訪問的有序功能 public class linkedhashmapextends hashmapimplements map 其也有乙個entry內部類，繼承了 hashmap 的entry 內部類...